Web Development
135K subscribers
704 photos
65 videos
563 files
144 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
πŸ”° Some useful CSS shortcuts!
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
πŸ”₯35πŸ‘13❀9πŸ₯°2πŸ‘2
πŸ‘158❀35😁27❀‍πŸ”₯17πŸ‘Œ10
πŸ”° display: contents in CSS

These are ways to hide elements in different ways, affecting visibility, layout, or accessibility.
Please open Telegram to view this post
VIEW IN TELEGRAM
πŸ”₯15πŸ‘14❀2
πŸ”… Learning Regular Expressions

🌐 Author: Kevin Skoglund
πŸ”° Level: Advanced

⏰ Duration: 3h 18m

πŸŒ€ Learn to use regular expressions to define complex text patterns that can be used for powerful search and replace techniques.


πŸ“— Topics: Regular Expressions

πŸ“€ Join Webdev Training for more courses
Please open Telegram to view this post
VIEW IN TELEGRAM
πŸ‘25❀8
Learning Regular Expressions.zip
560.1 MB
πŸ“±Webdev Training
πŸ“±Learning Regular Expressions
Please open Telegram to view this post
VIEW IN TELEGRAM
πŸ‘4❀3
πŸ”° Drop Cap In CSS

Drop cap is a typography technique where the first letter of a new chapter is dropped to occupy multiple lines. You may be familiar with this through books!


πŸ”₯ In CSS, this can be achieved through the initial-letter property, with a value indicating the number of lines to drop the character to

This property works only inside the ::first-letter pseudo element (and some other exceptions)

This also supports a multi value syntax of the format initial-letter: 3 2; where 2 indicated to have the baseline at line 2 (leave a gap of one line)

⚠️ This is not widely supported and required a vendor prefix to work in all browsers
Please open Telegram to view this post
VIEW IN TELEGRAM
πŸ‘22❀13πŸ”₯6
This media is not supported in your browser
VIEW IN TELEGRAM
πŸ”° Adding custom cursors in CSS! πŸ”₯

The cursor property in CSS supports providing simple values, like 'pointer', for predefined cursors.

Or you can even plug in your own cursors!

This would look great in games, or special applications like spreadsheets, video editors etc.
Please open Telegram to view this post
VIEW IN TELEGRAM
❀33πŸ‘28πŸ”₯3
πŸ”° Compatibility check in CSS

Optimize your site’s CSS for maximum compatibility.
Please open Telegram to view this post
VIEW IN TELEGRAM
πŸ‘21❀14πŸ”₯7
πŸ”… Figma: Designing with Variables and Conditionals

🌐 Author: Joseph Labrecque
πŸ”° Level: Intermediate

⏰ Duration: 1h 1m

πŸŒ€ Learn how to design with flexibility using variables and conditionals in the collaborative design tool Figma.


πŸ“— Topics: Figma

πŸ“€ Join Webdev Training for more courses
Please open Telegram to view this post
VIEW IN TELEGRAM
πŸ‘26❀4πŸ”₯2
Figma: Designing with Variables and Conditionals.zip
133.3 MB
πŸ“±Webdev Training
πŸ“±Figma: Designing with Variables and Conditionals
Please open Telegram to view this post
VIEW IN TELEGRAM
πŸ‘8πŸ”₯1
Ex_Files_Figma_Variables_Conditionals.zip
95.1 MB
πŸ“¦ Exercise Files
πŸ‘6πŸ‘3πŸ”₯1
Please open Telegram to view this post
VIEW IN TELEGRAM
❀28πŸ‘14πŸ”₯4
πŸ”° CSS CheatSheet
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
πŸ‘51❀15πŸ”₯7πŸ‘Ž2