Web Development
133K subscribers
580 photos
46 videos
540 files
166 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
Media is too big
VIEW IN TELEGRAM
01 - Introduction to Tailwind CSS
πŸ”₯9❀3
This media is not supported in your browser
VIEW IN TELEGRAM
02 - How does Tailwind work?
πŸ”₯5❀1
This media is not supported in your browser
VIEW IN TELEGRAM
04 - The Just-In-Time (JIT) Compiler: Tailwind’s Superpower
πŸ”₯6❀3
Media is too big
VIEW IN TELEGRAM
05 - Layouts & Flex-box: Structuring Your UI
πŸ”₯5❀2
Media is too big
VIEW IN TELEGRAM
06 - Media Queries & Responsive Design
πŸ”₯6❀3
Media is too big
VIEW IN TELEGRAM
07 - Dark Mode in Tailwind
πŸ”₯5
Media is too big
VIEW IN TELEGRAM
08 - Custom Styles & Reusability
πŸ”₯7❀2
Media is too big
VIEW IN TELEGRAM
09 - Tailwind CSS Tips & Tricks
❀8πŸ”₯5
This media is not supported in your browser
VIEW IN TELEGRAM
10 - Fitness Project Details
❀19πŸ”₯6
πŸ”° Form elements in HTML
Please open Telegram to view this post
VIEW IN TELEGRAM
❀23πŸ‘13πŸ”₯1
πŸ”… CSS: Scrolling and Parallax

πŸ“ Learn how to develop and add new interactions and navigation behaviors to websites and apps by leveraging new CSS scrolling and parallax possibilities.

🌐 Author: Ray Villalobos
πŸ”° Level: Intermediate
⏰ Duration: 3h 30m

πŸ“‹ Topics: Cascading Style Sheets

πŸ”— Join Web Development for more courses
Please open Telegram to view this post
VIEW IN TELEGRAM
❀19
0. Introduction.zip
32.7 MB
πŸ“±Web Development
πŸ“±CSS: Scrolling and Parallax
Please open Telegram to view this post
VIEW IN TELEGRAM
❀6πŸ‘3
1. Simple Scrolling with CSS.zip
101.5 MB
πŸ“±Web Development
πŸ“±CSS: Scrolling and Parallax
Please open Telegram to view this post
VIEW IN TELEGRAM
❀1
2. Creating CSS Animations.zip
107.7 MB
πŸ“±Web Development
πŸ“±CSS: Scrolling and Parallax
Please open Telegram to view this post
VIEW IN TELEGRAM
❀1
3. Scroll-Based Animation.zip
155.3 MB
πŸ“±Web Development
πŸ“±CSS: Scrolling and Parallax
Please open Telegram to view this post
VIEW IN TELEGRAM
❀1
4. Using ScrollMagic.zip
64.3 MB
πŸ“±Web Development
πŸ“±CSS: Scrolling and Parallax
Please open Telegram to view this post
VIEW IN TELEGRAM
❀4
5. Tweening with GSAP.zip
52.8 MB
πŸ“±Web Development
πŸ“±CSS: Scrolling and Parallax
Please open Telegram to view this post
VIEW IN TELEGRAM
❀3
6. Putting It All Together.zip
42.6 MB
πŸ“±Web Development
πŸ“±CSS: Scrolling and Parallax
Please open Telegram to view this post
VIEW IN TELEGRAM
❀1
7. Conclusion.zip
10.2 MB
πŸ“±Web Development
πŸ“±CSS: Scrolling and Parallax
Please open Telegram to view this post
VIEW IN TELEGRAM
❀3
Yes, there's an HTML tag for that 😁

Semantic accuracy is important when writing HTML, since it helps with accessibility.

This element represents a "figure" which accompanies a piece of text. This element can optionally include a element representing a description of the image itself.

You might find these types of sections in text books and technical docs. HTML was modelled after actually documents after all! 😎

This is not limited just for that.

πŸ‘‰ Say you have a carousel of images with some caption for each image

πŸ‘‰ A product section link as a card, with some details of the section

For all these you can use this element
❀26πŸ”₯4πŸ‘3