#CSS

[ follow ]
#css
fromCSS-Tricks
1 week ago
Web design

What's !important #2: Conditional View Transitions, CSS/SVG Text Effects, the Best of CSS Bluesky, and More | CSS-Tricks

fromCSS-Tricks
1 week ago
Web design

What's !important #2: Conditional View Transitions, CSS/SVG Text Effects, the Best of CSS Bluesky, and More | CSS-Tricks

fromeLearning
3 weeks 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
1 week 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
2 weeks 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
fromCloud Four
1 month ago
Typography

Responsive Letter Spacing

Use a font-size–relative CSS rule that progressively tightens letter-spacing as text grows, reversing growth with a negative divisor and capping values with clamp.
fromCSS-Tricks
5 months ago
Typography

Getting Creative With Versal Letters | CSS-Tricks

Drop caps enhance readability and reflect a brand's visual identity in web design.
#html
fromTheregister
1 month 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
1 month 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
1 month 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.
#javascript
fromwww.jqueryscript.net
1 month ago
Web development

Weekly Web Design & Development News: Collective #632

Weekly roundup of web development and design resources: JS/CSS libraries, code snippets, UI components, AI tools, design freebies, and major news like Gemini 3 Pro.
from2ality
4 months ago
Web development

Learning web development: Plain objects in JavaScript

Plain JavaScript objects group related named data into properties for reading and writing; classList.toggle toggles a CSS class to show or hide DOM content.
Web development
fromCSS-Tricks
3 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.
fromSmashing Magazine
3 months ago

Ambient Animations In Web Design: Principles And Implementation (Part 1) - Smashing Magazine

Creating motion can be tricky. Too much and it's distracting. Too little and a design feels flat. Ambient animations are the middle ground - subtle, slow-moving details that add atmosphere without stealing the show. Unlike timeline-based animations, which tell stories across a sequence of events, or interaction animations that are triggered when someone touches something, ambient animations are the kind of passive movements you might not notice at first. But, they make a design look alive in subtle ways.
Web design
Web design
fromkube.io
3 months ago

Liquid Glass in the Browser: Refraction with CSS and SVG - kube.io

Recreate a Liquid Glass UI effect on the web by approximating optical refraction and specular highlights using CSS, SVG displacement maps, and simplified physics.
Web design
fromCSS-Tricks
4 months ago

What You Need to Know About CSS Color Interpolation | CSS-Tricks

Color interpolation computes intermediate colors between two points to create palettes, gradients, transitions, and mix colors across color spaces using functions like color-mix().
Apple
fromWebKit
4 months ago

Release Notes for Safari Technology Preview 227

Safari Technology Preview Release 227 adds accessibility improvements, animation persistence and bug fixes, and multiple new CSS features for macOS Tahoe and Sequoia.
fromjQuery Script
4 months ago

jQuery Retro Flip Clock & Countdown Timer Plugin - FlipClock

Flip Clock is a jQuery plugin for creating a clock & countdown timer that displays information in a digital format on a split flap display. The clock & countdown timer can be fully customized via CSS and full-featured developer API. How to use it: 1. Include required FlipClock CSS in the head section of your page. <link rel="stylesheet" href="/path/to/compiled/flipclock.css" /> 2. Create a container for the clock. <div class="clock"></div> 3. Include jQuery library and the jQuery FlipClock plugin at the bottom of the page. <script src="/path/to/cdn/jquery.min.js"></script> <script src="/path/to/compiled/flipclock.min.js"></script>
JavaScript
UX design
fromCSS-Tricks
4 months ago

On Accessibility Conformance, Design Systems, and CSS "Base" Units | CSS-Tricks

Accessible web experiences require components designed to work collectively rather than in isolation.
Typography
fromOddBird
5 months 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.
Web design
fromJoshwcomeau
5 months ago

A Friendly Introduction to SVG * Josh W. Comeau

SVG is a powerful, XML-based image format that enables scalable and interactive graphics in web development.
LA food
fromPitchfork
5 months 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.
[ Load more ]