Web Development
134K subscribers
710 photos
74 videos
571 files
154 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
This media is not supported in your browser
VIEW IN TELEGRAM
02 - How does Tailwind work?
πŸ”₯4❀1
This media is not supported in your browser
VIEW IN TELEGRAM
04 - The Just-In-Time (JIT) Compiler: Tailwind’s Superpower
πŸ”₯4❀1
Media is too big
VIEW IN TELEGRAM
05 - Layouts & Flex-box: Structuring Your UI
πŸ”₯3❀2
Media is too big
VIEW IN TELEGRAM
06 - Media Queries & Responsive Design
πŸ”₯4❀2
Media is too big
VIEW IN TELEGRAM
07 - Dark Mode in Tailwind
πŸ”₯5
Media is too big
VIEW IN TELEGRAM
08 - Custom Styles & Reusability
πŸ”₯5
Media is too big
VIEW IN TELEGRAM
09 - Tailwind CSS Tips & Tricks
❀8πŸ”₯4
This media is not supported in your browser
VIEW IN TELEGRAM
10 - Fitness Project Details
❀15πŸ”₯5
πŸ”° Form elements in HTML
Please open Telegram to view this post
VIEW IN TELEGRAM
❀14πŸ‘8
πŸ”… 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
❀5
0. Introduction.zip
32.7 MB
πŸ“±Web Development
πŸ“±CSS: Scrolling and Parallax
Please open Telegram to view this post
VIEW IN TELEGRAM
πŸ‘2
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
2. Creating CSS Animations.zip
107.7 MB
πŸ“±Web Development
πŸ“±CSS: Scrolling and Parallax
Please open Telegram to view this post
VIEW IN TELEGRAM
3. Scroll-Based Animation.zip
155.3 MB
πŸ“±Web Development
πŸ“±CSS: Scrolling and Parallax
Please open Telegram to view this post
VIEW IN TELEGRAM
4. Using ScrollMagic.zip
64.3 MB
πŸ“±Web Development
πŸ“±CSS: Scrolling and Parallax
Please open Telegram to view this post
VIEW IN TELEGRAM
❀1
5. Tweening with GSAP.zip
52.8 MB
πŸ“±Web Development
πŸ“±CSS: Scrolling and Parallax
Please open Telegram to view this post
VIEW IN TELEGRAM
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
7. Conclusion.zip
10.2 MB
πŸ“±Web Development
πŸ“±CSS: Scrolling and Parallax
Please open Telegram to view this post
VIEW IN TELEGRAM
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
❀10πŸ‘1πŸ”₯1