Web Development
135K subscribers
697 photos
65 videos
562 files
141 links
Learn to code and become a Web Developer with HTML, CSS, JavaScript, React, Node.js

πŸ’³ Paid ads: https://telega.io/c/Webdev_Trainings
Download Telegram
An idea I stole from MDN website πŸ˜› how to setup a fade out for long text in article cards, etc

✨ The trick is to create a psuedo element that is placed in a manner to cover only the last line, and add a horizontal gradient, from full transparent to background color (white)

πŸ’‘ You could also use CSS custom properties to avoid referring to 1.5rem multiple times
❀41πŸ‘20🀣8🌚6πŸ”₯2
⌨️ Shimmering Badge

Here is a simple implementation for a shimmering badge to grab the attention of your audience!

⚠️ Although not mentioned in this post, it is important to respect user's preferences regarding animations and enable this only when they are okay with animations. You can check for this using the prefers reduced motion media queries.
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
πŸ‘33❀14πŸ‘1
⚠️ Exciting News! πŸŽ‰

Thanks to your votes and support, we’re thrilled to announce the launch of our new channel: The Coding Space!

This channel is dedicated to helping you master programming and coding, featuring tutorials on Python, Java, C, C++, C#, and more. Whether you’re a beginner or looking to level up your skills, The Coding Space is here to guide you.


🌟 Stay tuned for high-quality content, tips, and resources designed to make you a better programmer!

πŸ“± Join us now and start coding smarter!

Thank you for being an amazing community! ❀️
Please open Telegram to view this post
VIEW IN TELEGRAM
πŸ‘22❀17πŸ‘Ž3πŸ‘3πŸ”₯1
πŸ’Έ Technologies Used By NetFlix
Please open Telegram to view this post
VIEW IN TELEGRAM
❀52πŸ‘21πŸ”₯7πŸ‘€7🀯6
⌨️ Popover in HTML

The popover attribute is a global attribute, meaning it can be applied to any HTML element to convert it into a popover.
Please open Telegram to view this post
VIEW IN TELEGRAM
πŸ‘51❀15πŸ”₯6πŸ’―4😁1
⌨️ inline-size in CSS

Ensures elements like buttons or text containers adapt their width dynamically, maintaining a consistent layout across different devices and languages.
Please open Telegram to view this post
VIEW IN TELEGRAM
πŸ‘36πŸ₯°6❀3πŸ”₯3
⌨️ CSS Flexbox justify-content

Example:
.element {
display: flex;
justify-content:space-between;
}
Please open Telegram to view this post
VIEW IN TELEGRAM
πŸ‘76❀16πŸ”₯15πŸ™5πŸ₯°4
πŸ’Έ Fundamentals of Web Development
Please open Telegram to view this post
VIEW IN TELEGRAM
πŸ”₯22❀9πŸ‘8
Media is too big
VIEW IN TELEGRAM
001 Browsing the Web
πŸ‘19❀9
Media is too big
VIEW IN TELEGRAM
002 Breaking Google
❀21πŸ‘3
Media is too big
VIEW IN TELEGRAM
003 The Internet Backbone
❀19
Media is too big
VIEW IN TELEGRAM
004 Traceroute
❀13πŸ‘5
Media is too big
VIEW IN TELEGRAM
005 HTML, CSS, Javascript
❀18πŸ₯°4πŸ‘2πŸ”₯1
Media is too big
VIEW IN TELEGRAM
006 Build Your First Website
❀14πŸ‘3πŸ”₯1
Media is too big
VIEW IN TELEGRAM
007 HTML Tags
❀14πŸ‘4πŸ₯°1