CSS-Trickz! also ready to join Digital Ocean

You probably want CSS-Tricks

Quick Hit #58

Written by: Geoff Graham

The Web Accessibility Initiative (WAI) group has published a working draft of the hugely anticipated WCAG 3.0, and is seeking […]

Continue reading "Quick Hit #58" at CSS-Tricks

Quick Hit #57

Written by: Geoff Graham

Safari Techology Preview 227 is out and brings a bunch of stuff, from MathML support and field-sizing, to invoker commands, […]

Continue reading "Quick Hit #57" at CSS-Tricks

Should the CSS light-dark() Function Support More Than Light and Dark Values?

Written by: Sunkanmi Fafowora

The light-dark() function is currently designed to support just two color schemes. Should it support others? Sunkanmi Fafowora says yes and no.

Continue reading "Should the CSS light-dark() Function Support More Than Light and Dark Values?" at CSS-Tricks

CSS Elevator: A Pure CSS State Machine With Floor Navigation

Written by: Christian Sabourin

In this article, author Chris Sabourin walk through how modern CSS features can build a fully functional, interactive elevator that knows where it is, where it’s headed, and how long it’ll take to get there. No JavaScript required.

Continue reading "CSS Elevator: A Pure CSS State Machine With Floor Navigation" at CSS-Tricks

A Radio Button Shopping Cart Trick

Written by: Preethi

Here’s an approach for animating products added to a shopping cart that handles an infinite number of items using a variation of the ol’ Checkbox Hack.

Continue reading "A Radio Button Shopping Cart Trick" at CSS-Tricks

Quick Hit #56

Written by: Geoff Graham

I know he’d hate this, but HAPPY STINKING BIRTHDAY to Mr. Chris Coyier! Your fingerprints are well preserved on this […]

Continue reading "Quick Hit #56" at CSS-Tricks

Getting Creative With Images in Long-Form Content

Written by: Andy Clarke

Images in long-form content can (and often should) do more than illustrate. They help set the pace, influence how readers feel, and add character that words alone can’t always convey.

Continue reading "Getting Creative With Images in Long-Form Content" at CSS-Tricks

3D Layered Text: Interactivity and Dynamicism

Written by: Amit Sheen

In this third and final chapter, we’re stepping into interactivity by adding JavaScript, starting with a simple :hover effect, and ending with a fully responsive bulging text that follows your mouse in real time.

Continue reading "3D Layered Text: Interactivity and Dynamicism" at CSS-Tricks

3D Layered Text: Motion and Variations

Written by: Amit Sheen

In this chapter, we will explore ways to animate the effect, add transitions, and play with different variations. We will look at how motion can enhance depth, and how subtle tweaks can create a whole new vibe.

Continue reading "3D Layered Text: Motion and Variations" at CSS-Tricks

Quick Hit #55

Written by: Geoff Graham

Really good to see Firefox Nightly join in the URL text fragments fun. Looks like we’ll have broad support super […]

Continue reading "Quick Hit #55" at CSS-Tricks

3D Layered Text: The Basics

Written by: Amit Sheen

A client asked me to create a bulging text effect. With a bit of cleverness and some advanced CSS, I managed to get a result I’m genuinely proud of, which is covered in this three-part series.

Continue reading "3D Layered Text: The Basics" at CSS-Tricks

Covering hidden=until-found

Written by: Geoff Graham

Short story: Slapping hidden=until-found on an element in HTML enables any hidden content within the element to be findable in the browser with in-page search.

Continue reading "Covering hidden=until-found" at CSS-Tricks