Web Development
135K subscribers
666 photos
64 videos
558 files
137 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
⭐ Old Dogs, New CSS Tricks?

We might be in the middle of a CSS renaissance, but with low uptake of many modern features, Max questions if 'feature fatigue' is setting in. He also considers what we can do to ensure uptake of these nice new features and how to fit them into our thought processes.

πŸ”— Link to the article
Please open Telegram to view this post
VIEW IN TELEGRAM
πŸ‘29❀7πŸ”₯3
πŸ”… Building Responsive Websites with Canva

🌐 Author: Lachezar Arabadzhiev
πŸ”° Level: Beginner + Intermediate

⏰ Duration: 34m

πŸŒ€ Learn how to create a website that renders beautifully on a variety of devices and screen sizesβ€”no coding experience required



πŸ“— Topics: Canva, Responsive Web Design

πŸ“€ Join Webdev Training for more courses
Please open Telegram to view this post
VIEW IN TELEGRAM
πŸ‘20❀7πŸ”₯4😱4❀‍πŸ”₯3
Building Responsive Websites with Canva.zip
127.7 MB
πŸ“±Webdev Training
πŸ“±Building Responsive Websites with Canva
Please open Telegram to view this post
VIEW IN TELEGRAM
πŸ‘18❀6
Ex_Files_Building_Responsive_Websites_With_Canva.zip
20 KB
πŸ“¦ Exercise Files
πŸ‘13❀1
πŸ”… Guide to learn full-stack web development in 200 days
πŸ‘152🀣83❀47πŸ”₯30πŸ‘€7
⌨️ CSS: Align Icon with Text

"cap" is a CSS unit which is equal to the "cap height", that is, the size of the capital letters in a font.

This helps us to easily size icons that lie next to a piece of text to perfectly match the height of the text - no more fiddling around with rem or px units 🀩

❓ Question: Do you feel this is a better approach or do you like to define a specific dimension for your items?
Please open Telegram to view this post
VIEW IN TELEGRAM
πŸ‘48❀14πŸ’―3πŸ‘Ž2πŸ”₯1
πŸ‘†β˜οΈ
Anonymous Poll
79%
This approach (cap)
21%
Specific dimensions
πŸ‘11❀1
✨ In this example I have also used the aspect-ratio CSS property to create a perfect square (both width and height are 1cap)

✨ Align - baseline is used to ensure that the bottom of the icon aligns with the base line of the text
❀24πŸ‘22πŸ”₯2πŸ₯°2😁2
πŸ”° Modern HTML & CSS From The Beginning 2.0

🌟 4.8 - 26727 votes πŸ’° Original Price: $74.99

πŸ“– Build modern responsive websites with HTML and CSS - Learning modules, mini-projects and 3 full websites


πŸ”Š Taught By: Brad Traversy

πŸ“€ Download Full Course πŸ“€ Download All Courses
Please open Telegram to view this post
VIEW IN TELEGRAM
1πŸ‘59❀41πŸ”₯14⚑9πŸ₯°8
01 - Introduction.zip
129.1 MB
01 - Introduction
❀39πŸ‘16πŸ”₯9πŸ‘Ž3😁1
πŸ”₯24❀23πŸ‘18πŸ‘Ž3
πŸ‘19πŸ”₯16❀14πŸ’‹5πŸ‘Ž4
πŸ”₯19πŸ‘17❀14πŸ‘Ž2
05 - Intro To Responsive Layouts - Part 01.zip
425.5 MB
05 - Intro To Responsive Layouts - Part 01
05 - Intro To Responsive Layouts - Part 02.zip
160.5 MB
05 - Intro To Responsive Layouts - Part 02
πŸ”₯15πŸ‘11❀10πŸ‘Ž2πŸŽƒ1
06 - Intro To Flexbox.zip
102.6 MB
06 - Intro To Flexbox
πŸ”₯13❀6πŸ‘6πŸ‘Ž1