Web Development
133K subscribers
767 photos
76 videos
590 files
178 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
Accessible Layout for the Web.zip
125.9 MB
πŸ“±Web Development
πŸ“±Accessible Layout for the Web
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
❀8
This media is not supported in your browser
VIEW IN TELEGRAM
πŸ”° turn unit for angles

A sneaky part of CSS is all the units that are available for use, such as this turn unit for defining rotation.


Instead of specifying 90deg or 180deg, you can use the notations like 0.25turn or 0.5turn 🀩
Please open Telegram to view this post
VIEW IN TELEGRAM
πŸ”₯17❀13πŸ‘10
πŸ”° Going beyond pixels and (r)ems in CSS - Relative length units based on font

There are a lot of CSS units available at the moment and we mostly still rely on pixels and (r)ems for our sizing and fonts. I say it’s time to do a little freshening up.

πŸ”— https://techhub.iodigital.com/articles/going-beyond-pixels-and-rems-in-css/relative-length-units-based-on-font
Please open Telegram to view this post
VIEW IN TELEGRAM
❀11
πŸ”° Border-collapse in CSS

The border-collapse property in CSS is used to specify whether or not table borders are collapsed into a single border.
Please open Telegram to view this post
VIEW IN TELEGRAM
❀20πŸ‘3πŸ”₯2
πŸ”… HTML Essential Training

πŸ“ Build a solid foundation and understanding of how to write well-structured, semantic, and accessible HTML.

🌐 Author: Christina Truong
πŸ”° Level: Beginner
⏰ Duration: 4h 12m

πŸ“‹ Topics: Web Development, HTML, HTML Scripting

πŸ”— Join Web Development for more courses
Please open Telegram to view this post
VIEW IN TELEGRAM
❀19πŸ‘3
0. Introduction.zip
5.5 MB
πŸ“±Web Development
πŸ“±HTML Essential Training
Please open Telegram to view this post
VIEW IN TELEGRAM
❀8πŸ”₯2
1. The Web.zip
66.4 MB
πŸ“±Web Development
πŸ“±HTML Essential Training
Please open Telegram to view this post
VIEW IN TELEGRAM
❀4πŸ”₯2
2. Formatting Text.zip
83.6 MB
πŸ“±Web Development
πŸ“±HTML Essential Training
Please open Telegram to view this post
VIEW IN TELEGRAM
πŸ‘3πŸ”₯2
Please open Telegram to view this post
VIEW IN TELEGRAM
πŸ”₯4
4. Links and Navigation.zip
40.7 MB
πŸ“±Web Development
πŸ“±HTML Essential Training
Please open Telegram to view this post
VIEW IN TELEGRAM
πŸ”₯5
5. Images.zip
116.4 MB
πŸ“±Web Development
πŸ“±HTML Essential Training
Please open Telegram to view this post
VIEW IN TELEGRAM
❀5πŸ”₯3
6. More Media Elements.zip
44.9 MB
πŸ“±Web Development
πŸ“±HTML Essential Training
Please open Telegram to view this post
VIEW IN TELEGRAM
πŸ”₯4❀2
7. Web Forms.zip
81.5 MB
πŸ“±Web Development
πŸ“±HTML Essential Training
Please open Telegram to view this post
VIEW IN TELEGRAM
πŸ”₯4❀1
Please open Telegram to view this post
VIEW IN TELEGRAM
πŸ”₯5
9. Conclusion.zip
2.7 MB
πŸ“±Web Development
πŸ“±HTML Essential Training
Please open Telegram to view this post
VIEW IN TELEGRAM
πŸ”₯5❀2
Please open Telegram to view this post
VIEW IN TELEGRAM
πŸ”₯7❀2
Cool Layout with Complex Chainable Animation

πŸ‘‰Source Code

Save & Share πŸš€
❀23πŸ”₯4
This media is not supported in your browser
VIEW IN TELEGRAM
Cool Layout with Complex Chainable Animated Shopping Cart Icons

πŸ‘‰Source Code

Save & Share πŸš€
❀12
A quick way to create a chat message element in css

πŸ‘‰ One confusing part might be the clip-path, it is used to clip an element to a particular shape

In this case, the shape is a triangle with three points - top left (0 0), top right (100% 0) and bottom left (0 100%)
❀17πŸ‘4πŸ”₯1