#css

[ follow ]
#web-development
JavaScript
fromCSS-Tricks
1 month ago

Lightly Poking at the CSS if() Function in Chrome 137 | CSS-Tricks

CSS's if() function is now officially available in Chrome 137, allowing for conditional styling.
fromCSS-Tricks
1 week ago

How to Discover a CSS Trick | CSS-Tricks

CSS tricks feel like discovering secret synergies between features, akin to chiseling a sculpture from marble or uncovering fossils, where unexpected pairings achieve the impossible.
Web development
Typography
fromOddBird
1 week ago

Designing for User Font-size and Zoom

User font-size preferences can enhance web readability, but defaults and variations create challenges in achieving a universally ideal experience.
fromSearch Engine Roundtable
1 week ago

Google On SEO & CSS

Google's guidelines recommend making CSS files crawlable. While CSS has implications for SEO, crawlers typically parse HTML for text content and ignore class names.
Web development
#svg
fromCodrops
4 weeks ago
Web development

Building an Infinite Marquee Along an SVG Path with React & Motion | Codrops

fromCodrops
4 weeks ago
Web development

Building an Infinite Marquee Along an SVG Path with React & Motion | Codrops

#grid-layout
fromCSS-Tricks
2 weeks ago

Getting Creative With Versal Letters | CSS-Tricks

Drop caps enhance readability and reflect a brand's visual identity in web design.
LA food
fromPitchfork
2 weeks ago

L7 to Celebrate 40th Anniversary With Los Angeles Concert Featuring Lunachicks and CSS

L7 celebrates its 40th anniversary with a special concert in Los Angeles featuring Lunachicks and CSS.
fromCSS-Tricks
2 weeks ago

Getting Clarity on Apple's Liquid Glass | CSS-Tricks

Liquid glass is a universal design system by Apple focusing on dynamic user interactions and fluidity across all platforms.
#animation
fromRaymondcamden
2 weeks ago

Cleaning Up My Print View with CSS Media Queries

Print versions should focus on essential content, omitting irrelevant elements such as ads, comments, and share options.
#javascript
#animations
#web-design
UX design
fromMeyerweb
2 months ago

Masonry, Item Flow, and... GULP?

Masonry layout combines flexbox and grid principles; new Item Flow proposal seeks to improve its CSS implementation.
fromCSS-Tricks
3 weeks ago

Better CSS Shapes Using shape() - Part 4: Close and Move | CSS-Tricks

The close command is important in defining shapes in CSS, but it is often unnecessary as browsers can handle shape closure automatically.
#responsive-design
#html
fromCSS-Tricks
1 month ago

KelpUI | CSS-Tricks

KelpUI is being designed to leverage modern CSS features and Web Components, while emphasizing utility, customizability, and simplicity in naming and specificity.
UX design
fromAtlaspuplabs
1 month ago

Liquid Glass, but in CSS

Apple's Liquid Glass design language can be approximated using CSS with effort, primarily in Chrome.
The Liquid Glass effect creates an illusion of depth and smoothness using visual techniques.
fromRaymondcamden
1 month ago

Links For You (6/22/25)

I've shared Josh Comeau links many times here and his ability to explain technical matter with incredibly simple and well-built demos is easily the best in the industry.
Web development
fromSitePoint Forums | Web Development & Design Community
1 month ago

HTTP using wrong file path trying to access CSS files

The issue lies in how relative paths work in HTML. When CSS files are linked using a relative path, they are referenced based on the location of the HTML document in the directory structure. In your case, if the webpage is located in the 'Folder' directory, the browser looks for the CSS files in 'http://Project/Folder/CSS/' but failing due to incorrect pathing leads to a 404 error.
Web development
fromCSS-Tricks
1 month ago

Better CSS Shapes Using shape() - Part 3: Curves | CSS-Tricks

The curve command in CSS shape() allows for greater control over drawing shapes using Bézier curves with one or two control points.
#web-accessibility
#user-experience
UX design
fromCSS-Tricks
2 months ago

What We Know (So Far) About CSS Reading Order | CSS-Tricks

CSS properties 'reading-flow' and 'reading-order' ensure focus order matches visual order, enhancing accessibility compliance.
JavaScript
fromCSS-Tricks
2 months ago

Better CSS Shapes Using shape() - Part 1: Lines and Arcs | CSS-Tricks

The new shape() function in CSS revolutionizes how developers create and customize shapes, allowing for more flexibility and simplicity.
fromCSS-Tricks
2 months ago

A Reader's Question on Nested Lists | CSS-Tricks

‘A nested list, where each sublist marker/counter is of a different kind, can provide a clear and organized way to present complex information.’
JavaScript
Mobile UX
fromSmashing Magazine
2 months ago

Masonry In CSS: Should Grid Evolve Or Stand Aside For A New Module? - Smashing Magazine

CSS is evolving towards native masonry support but current options are limited and imperfect.
UX design
fromLogRocket Blog
2 months ago

Creating custom mouse cursors with CSS - LogRocket Blog

Custom cursors enhance user experience and interaction on websites.
Using CSS and JavaScript allows for creative and engaging cursor designs.
UX design
fromWebKit
3 months ago

Easier layout with margin-trim

The new margin-trim property in CSS streamlines margin management by eliminating excess margins between a container and its child elements.
[ Load more ]