#CSS

[ follow ]
Typography
fromCsswizardry
3 days ago

font-family Doesn't Fall Back the Way You Think - CSS Wizardry

Font-family declarations are self-contained and do not inherit fallback options from parent elements.
#css
Web development
fromCSS-Tricks
5 days ago

Alternatives to the !important Keyword | CSS-Tricks

Using !important in CSS can lead to chaos and should be replaced with better practices for maintainability.
Web development
fromCSS-Tricks
6 days ago

New CSS Multi-Column Layout Features in Chrome | CSS-Tricks

New CSS properties in Chrome 145+ allow multi-column layouts to avoid horizontal scrolling by enabling vertical wrapping of content.
jQuery
fromCSS-Tricks
3 days ago

Selecting a Date Range in CSS | CSS-Tricks

A date range selector allows users to choose a time frame for various scheduling and booking tasks.
JavaScript
fromRubyflow
4 days ago

Practical CSS: simplifying UI code with pseudo-classes

CSS pseudo-classes can simplify UI interactions by handling presentation logic, allowing JavaScript to focus on behavior.
Web development
fromCSS-Tricks
5 days ago

Alternatives to the !important Keyword | CSS-Tricks

Using !important in CSS can lead to chaos and should be replaced with better practices for maintainability.
Web development
fromCSS-Tricks
6 days ago

New CSS Multi-Column Layout Features in Chrome | CSS-Tricks

New CSS properties in Chrome 145+ allow multi-column layouts to avoid horizontal scrolling by enabling vertical wrapping of content.
fromdaverupert.com
5 days ago
Web development

Inverted themes with light-dark()

Adaptive light-dark() support enhances design systems by allowing seamless theme switching without significant performance trade-offs.
Games
fromCSS-Tricks
1 week ago

Front-End Fools: Top 10 April Fools' UI Pranks of All Time | CSS-Tricks

Tech April Fools' Day announcements often blur the line between reality and joke, showcasing genuine innovations alongside humorous concepts.
fromThe JetBrains Blog
2 weeks ago

Expanding Our Core Web Development Support in PyCharm 2026.1 | The PyCharm Blog

With PyCharm 2026.1, users can leverage a comprehensive set of editing and formatting tools for modern web languages, including basic React support with code completion and navigation.
Python
Web design
fromPiccalilli
1 month ago

Building dynamic toggletips using anchored container queries

Chrome 143 introduces anchored container queries, enabling dynamic styling based on active fallback positions in anchor positioning layouts.
fromCSS-Tricks
2 months ago

Approximating contrast-color() With Other CSS Features | CSS-Tricks

There have been a few drafts of a specification function for this functionality, most recently, contrast-color() (formerly color-contrast()) in the CSS Color Module Level 5 draft. But with Safari and Firefox being the only browsers that have implemented it so far, the final version of this functionality is likely still a ways off. There has been a lot of functionality added to CSS in the meantime; enough that I wanted to see whether we could implement it in a cross-browser friendly way today. Here's what I have: color: oklch(from <your color> round(1.21 - L) 0 0);
Web development
#javascript
UX design
fromIshadeed
2 months ago

The Too Early Breakpoint

Avoid switching to a mobile layout before available space requires it to preserve design integrity and ensure truly responsive CSS.
fromSitePoint Forums | Web Development & Design Community
2 months ago

Custom CSS code

Can you formulate the css code to apply the glassmorphism (GM) effect b/g to the tasks below: Glassmorphism code snippet background: rgba(255, 255, 255, 0.2); backdrop-filter: blur(5px); border: 1px solid rgba(255, 255, 255, 0.1); 1.1 Apply the GM effect to the Share B/G, Gallery B/G & Vid B/G icons during onmouseout. 1.2 Apply the GM effect to the Social icons pop-up panel B/G during onmousehover on the Share icon.
Web development
#wordpress
fromSmashing Magazine
2 months ago

Unstacking CSS Stacking Contexts - Smashing Magazine

Stacking contexts are incredibly useful, but they're also widely misunderstood and often mistakenly created, leading to a slew of layout issues that can be tricky to solve. Have you ever set z-index: 99999 on an element in your CSS, and it doesn't come out on top of other elements? A value that large should easily place that element visually on top of anything else, assuming all the different elements are set at either a lower value or not set at all.
Web design
Web design
fromMedium
2 months ago

Generate Animated Effects for the Web with Claude

AI tools like Anthropic's Claude can generate high-quality web animated effects and ready-to-use prompts, streamlining creation of polished, lightweight UI animations.
fromeLearning
3 months ago

Captivate 13 Flip Card Widget - eLearning

Greetings. Can someone please tell me how to get the image on the back of the flip card to fill the card like the image on the front of the card? See attachment with identical image on front and back. I have read the help documentation but did not fine the information needed. Basically, I need the images on the front and back to be the same dimensions. Thank you.
UX design
Web frameworks
fromRaymondcamden
3 months ago

An Astro site for my CSS Snippets

A simple Astro site was created to organize and render frequently used CSS snippets, storing each tip as a separate Markdown file for quick reuse.
Web development
fromLogRocket Blog
3 months ago

Container queries in 2026: Powerful, but not a silver bullet - LogRocket Blog

Container queries enable components to adapt styling based on parent container context, allowing fine-grained responsive behavior beyond viewport-based media queries.
#web-development
#typography
#html
fromTheregister
4 months ago

Novel clickjacking attack relies on CSS and SVG

Security researcher Lyra Rebane has devised a novel clickjacking attack that relies on Scalable Vector Graphics (SVG) and Cascading Style Sheets (CSS). Rebane demonstrated the technique at BSides Tallinn in October and has now published a summary of her approach. The attack, which has yet to be fully mitigated, relies on the fact that SVG filters can leak information across origins, in violation of the web's same-origin policy.
Information security
Web development
fromCSS-Tricks
4 months ago

Scrollytelling on Steroids With Scroll-State Queries | CSS-Tricks

Scroll-driven storytelling leverages ancient scroll practices to create immersive narratives while modern CSS-based scroll-driven animations enable smoother, more accessible interactive design.
Web development
fromTreehouse Blog
4 months ago

Front-End Web Development: Build and Design Interactive Websites

Front-end development enables creation of visual, interactive websites using HTML, CSS, and JavaScript and offers an accessible path for beginners.
Web development
fromCSS-Tricks
6 months ago

Touring New CSS Features in Safari 26 | CSS-Tricks

Safari 26.0 is a major release adding 75 new features, 3 deprecations, and 171 improvements, including significant new CSS capabilities like anchor positioning.
[ Load more ]