🔅 CSS Essential Training

🌐 Author: Christina Truong
🔰 Level: Beginner

⏰ Duration: 5h 26m

🌀 Explore the concepts that form the foundation of CSS. Learn how to select content, style text, manage layouts, and more as you work on a series of real-world projects.

📗 Topics: Cascading Style Sheets

📤 Join Webdev Training for more courses

📱Webdev Training
📱CSS Essential Training

⭐ Creating Realistic Handwriting with p5.js

Amy wanted to programatically bring her (cursive) handwriting into some diagrams she was making and figured out how to make it happen with p5.js

🔗 Link to the article

⌨️ Modern CSS Layouts: You Might Not Need A Framework For That

It’s easy to get lost in a sea of CSS frameworks and libraries, each promising easier styling and smoother layouts. But amidst this abundance, the modern CSS features we have today offer simpler and more flexible approaches without the added dependencies or abstractions.

🔗 Read the full article

⌨️ The Gap

A thorough, detailed exploration of the various pain points that the widely supported CSS 'gap' property solves. Lots of code examples and demos here to help you get a solid understanding of things.

🔗 Link to the article

🔅 CSS: Variables and Fluid Layouts

🌐 Author: Jen Kramer
🔰 Level: Advanced

⏰ Duration: 2h 2m

🌀 Learn how to leverage recent advances in CSS to more efficiently build sites with a single design that adapts readily to different screens and environments.

📗 Topics: Cascading Style Sheets

📤 Join Webdev Training for more courses

📱Webdev Training
📱CSS: Variables and Fluid Layouts

⌨️ CSS: Customize List Markers

If you are looking to spice up 🌶 your lists in css , then the ::marker pseudo element is the perfect friend.

This element supports a selective few properties that you can override, such as the content itself (as seen in this example) or text and color properties, like font family, size etc ...

This is applicable to both unordered and ordered lists!