Issue #587
CSS Weekly
by Zoran Jambor
3w ago
State of HTML Survey Results The State of HTML 2023 survey results are finally live—dig in, and you’ll certainly uncover some interesting insights. Read more The Times You Need A Custom @property Instead Of A CSS Variable Preethi Sam demonstrates where custom properties are more suitable than variables while showcasing the greater freedom and flexibility that custom properties provide for designing complex, refined animations. Read more From Our Sponsor Automate your finances on a customizable money map Sequence is the world’s first financial router. We help individuals build an int ..read more
Visit website
Issue #586
CSS Weekly
by Zoran Jambor
1M ago
Introducing "Unleash the power of Scroll-Driven Animations"  Bramus Van Damme created a 10-part video course to help you learn all about scroll-driven animations using CSS or JavaScript. Read more Misconceptions About CSS Specificity Bramus Van Damme shares a list of misconceptions about Specificity in CSS. Read more From Our Sponsor WorkOS: modern auth for B2B SaaS apps WorkOS supports both the foundational auth as well as more complex enterprise features like single sign-on (SSO). It provides flexible and easy-to-use APIs, helping companies like Vercel, Loom, and Webflow offer ent ..read more
Visit website
Issue #585
CSS Weekly
by Zoran Jambor
1M ago
The Front End Developer/Engineer Handbook 2024 Cody Lindley created a comprehensive guide to modern front-end web development/engineering. Read more Sliding 3D Image Frames In CSS Temani Afif shows how to apply 3D effects and sliding transitions to a single using clever CSS techniques demonstrating advanced, modern styling practices. Read more From Our Sponsor WorkOS: modern auth for B2B SaaS apps WorkOS supports both the foundational auth as well as more complex enterprise features like single sign-on (SSO). It provides flexible and easy-to-use APIs, helping companies like Vercel, Loom ..read more
Visit website
Issue #584
CSS Weekly
by Zoran Jambor
2M ago
Desert Racer: World's First CSS-Only Swipe-Aware Game! Philip Warkentien II created a CSS-only, no JS, no checkbox, swipe-aware (scroll-aware) game. In this article, you’ll learn exactly how it was built. Read more An Interactive Guide to CSS Container Queries Ahmad Shadeed shares an interactive guide to container queries, explaining the problems they solve, how they work, and how you can use them today in your workflows. Read more From Our Sponsor WorkOS: modern auth for B2B SaaS apps WorkOS supports both the foundational auth as well as more complex enterprise features like single sign ..read more
Visit website
Issue #583
CSS Weekly
by Zoran Jambor
2M ago
A highly configurable switch component using modern CSS techniques Andy Bell shows how to build a highly configurable switch component using modern CSS, such as :has(), container queries, Logical Properties, and Custom Properties. (The native switch component is coming to browsers sometime in the future. I demonstrate how native CSS switch works in this quick tip.) Read more Learn These Viewport-Relative CSS Units (100vh, 100dvh, 100lvh, 100svh) George Martsoukos covers the challenges of working with the classic 100vh unit to make full-screen sections and discusses some alternative CSS unit ..read more
Visit website
Issue #582
CSS Weekly
by Zoran Jambor
3M ago
A Global Design System Brad Frost outlines an idea for a Global Design System to provide the world’s web designers & developers with a library of common UI components. Read more The Quiet, Pervasive Devaluation of Frontend Josh Collinsworth examines the perceived devaluation of front-end development work. Read more From Our Sponsor The only auth stack you need to sell to enterprise customers. WorkOS provides easy-to-use APIs for your foundational auth as well as complex features like SSO and SCIM provisioning. It’s a drop-in replacement for Auth0 and supports up to 1 million monthly ..read more
Visit website
Issue #581
CSS Weekly
by Zoran Jambor
3M ago
Proposal: CSS Variable Groups Lea Verou outlines the idea for CSS Variable Groups, a way to define multiple properties under the same namespace and pass the entire group around, addressing several pain points around design tokens, design systems, and integrating third-party components. Read more Modern CSS Tooltips and Speech Bubbles Temani Afif presents modern techniques to create tooltips with the smallest amount of markup and the greatest amount of flexibility. Read more From Our Sponsor A newsletter helping engineers flex their product muscles Product for Engineers is PostHog’s ..read more
Visit website
Issue #580
CSS Weekly
by Zoran Jambor
3M ago
CSS :has() Interactive Guide Ahmad Shadeed created an extensive guide to :has() selector. Read more CSS Foundations: What is IACVT? Bramus Van Damme explains everything you need to know about “Invalid At Computed Value Time,” or IACVT for short. Read more From Our Sponsor The Modern Identity Platform for B2B SaaS WorkOS provides easy-to-use APIs for auth, user identity, and complex enterprise features like SSO and SCIM provisioning. It’s a drop-in replacement for Auth0 and supports up to 1 million monthly active users for free. Join Vercel, Webflow, Loom, and hundreds of other scale-ups ..read more
Visit website
Issue #579
CSS Weekly
by Zoran Jambor
4M ago
A Practical Guide to Using Shadow DOM Mayank covers the what, the why, and the how of using shadow DOM today. Read more Okay, Color Spaces Eric Portis explains everything you need to know about color spaces. Read more From Our Sponsor Tired of unclear bug reports? Marker.io helps you understand the context of every bug report you get with URLs, screenshots, browser environment info, session replay, and much more. Stop struggling when reproducing bugs—you’ll understand exactly what the problem is, and go from “To Do” to “Resolved” 10x faster. Try it now for free → CS ..read more
Visit website
Issue #578
CSS Weekly
by Zoran Jambor
4M ago
▶ Is `* { min-width: 0; }` a good idea? Kevin Powell outlines why using * { min-width: 0; } might not be a good idea while explaining in detail how flexbox sizing works and why. Watch video How To Center a Div Joshua Comeau created a fantastic, in-depth guide on centering in CSS. Read more From Our Sponsor A newsletter helping engineers flex their product muscles Product for Engineers is PostHog’s newsletter dedicated to helping engineers improve their product skills. Subscribe for free to get curated advice on building great products, lessons (and mistakes) from building PostH ..read more
Visit website

Follow CSS Weekly on FeedSpot

Continue with Google
Continue with Apple
OR