How To Insert String And Emoji Into HTML With CSS - String Injection Tutorial

Опубликовано: 17 Март 2023
на канале: gilgeekify programming
97
3

In this video, I'm gonna show you a CSS trick to insert string and emoji into HTML without changing HTML or using JavaScript. You may find yourself in a situation where you need to make changes to a website or web app and only have access to CSS to do so. Let's say this happens to you in a CMS and you can't use JavaScript or even change the HTML. I will teach you a CSS only method to do this.

------------------------------------------
▶ TABLE OF CONTENTS
------------------------------------------
0:00 Introduction
0:39 Usage Example
1:12 Dummy Example
2:54 Real Example

--------------------------------
👨‍💻 SOURCE CODE
--------------------------------
https://gist.github.com/saeedkohansal...

--------------------------------
🔗 USEFUL LINKS
--------------------------------
https://developer.mozilla.org/en-US/d...
https://developer.mozilla.org/en-US/d...
https://developer.mozilla.org/en-US/d...
https://developer.mozilla.org/en-US/d...
https://www.w3schools.com/cssref/css_...

------------------------------------
⭐ SPECIAL WORDS
------------------------------------
• Application Programming Interface (API)
• Asynchronous JavaScript And XML (AJAX)
• Cascading Style Sheets (CSS)
• Content Security Policy (CSP)
• Create, Read, Update, Delete (CRUD)
• Cross-Origin Resource Sharing (CORS)
• Cross-Site Scripting (XSS)
• Database Management System (DBMS)
• Database (DB)
• Division (DIV)
• Document Object Model (DOM)
• Executable (EXE)
• Extensible Markup Language (XML)
• Graphical User Interface (GUI)
• Graphics Interchange Format (GIF)
• HyperText Markup Language (HTML)
• Hypertext Preprocessor (PHP)
• Hypertext Transfer Protocol Secure (HTTPS)
• Hypertext Transfer Protocol (HTTP)
• JavaScript Object Notation (JSON)
• JavaScript (JS)
• Joint Photographic Expert Group (JPG)
• Mozilla Developer Network (MDN)
• Object-Oriented Programming (OOP)
• PHP Data Objects (PDO)
• phpMyAdmin (PMA)
• Portable Network Graphics (PNG)
• Relational Database Management System (RDBMS)
• Representational State Transfer (REST)
• Scalable Vector Graphics (SVG)
• Structured Query Language (SQL)
• User Experience (UX)
• User Interface (UI)
• World Wide Web (WWW)
• XMLHttpRequest (XHR)


If You Enjoy My Content, Please Support Me 😍🙏

💙 PAYPAL DONATION
https://paypal.me/gilgeekify

❤️ PATREON
  / gilgeekify  

💛 BUY ME A COFFEE
https://www.buymeacoffee.com/gilgeekify

🪙 My Public Address To Receive BTC • Bitcoin
bc1qerc5ev074cqknu9nz589w4vjf5ecmhuc2df83h

🥈 My Public Address To Receive ETH • Ethereum
0x566A47B9731209A5144336D274D44224bfb9C0ea


#css #csstricks #webdevelopment #html #web_development #howto #howtocode #how_to #how_to_code #gilgeekify #github #gist #snippet #css3 #html5 #htmlcss #csshtml #htmltutorial #csstrick #csstutorial #frontend #frontenddeveloper #frontendwebdeveloper #frontendwebdevelopment #programming #programmingtutorial #coding #code #tricks #trick


Смотрите видео How To Insert String And Emoji Into HTML With CSS - String Injection Tutorial онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь gilgeekify programming 17 Март 2023, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 97 раз и оно понравилось 3 людям.