CSS-Tricks
@css

A website about making websites. Since 2007!

css-tricks.com
Joined April 2011
3,702 Photos and videos
Load newest
Trailing Slashes on URLs: Contentious or Settled? css-tricks.com/trailing-slas…

Trailing Slashes on URLs: Contentious or Settled? | CSS-Tricks

A fun deep dive from Zach. Do you have an opinion on which you should use?

css-tricks.com
2
25
A nice reminder from @simevidas about possible accidental resets using the CSS text-decoration shorthand property. css-tricks.com/when-to-avoid…

When to Avoid the text-decoration Shorthand Property | CSS-Tricks

In my recent article about CSS underline bugs in Chrome, I discussed text-decoration-thickness and text-underline-offset, two relatively new and

css-tricks.com
14
41
Props to @mmatuzo for putting this interactive demo on specificity together. css-tricks.com/manuel-matuzo…

Manuel Matuzovic's CSS Specificity Demo | CSS-Tricks

If you're looking for a primer on CSS specificity, we've got that. And if you're trying to get ahead of the game, you should be aware of CSS Cascade Layers as

css-tricks.com
6
17
My white whale: A use case for will-change css-tricks.com/my-white-whal…

My white whale: A use case for will-change | CSS-Tricks

The will-change property landed in major browsers in August 2015, and I've been on the lookout for when to use it ever since.

css-tricks.com
2
1
26
A neat little front-end interview challenge from @AnandChowdhary. css-tricks.com/explain-the-f…
22
70
CSS Database Queries? Sure We Can! css-tricks.com/css-database-…
1
6
29
A solid list from @DanielYuschick with some new tips I'd never heard before — like the HTML hreflang attribute! css-tricks.com/5-accessibili…

5 Accessibility Quick Wins | CSS-Tricks

Even seemingly small accessibility improvements can have nice quality of life benefits for many people. In that spirit, here are five accessibility quick wins you can implement today.

css-tricks.com
22
66
Before I go: When it comes to complaining about web browsers css-tricks.com/before-i-go-w…

Before I go: When it comes to complaining about web browsers | CSS-Tricks

That's a damn one-two punch from Dave. He goes for the ultimate clickbait title¹, then follows up with a pile of epic advice for us all. If you want web

css-tricks.com
1
2
19
Reliably Send an HTTP Request as a User Leaves a Page by @amacarthur css-tricks.com/send-an-http-…
10
52
Here ya go: everything @TerribleMia knows about CSS Cascade Layers in a guide only she could write — from syntax and establishing layer order to debugging and playing friendly with third-party frameworks! css-tricks.com/css-cascade-l…
5
57
223
Comparing Node JavaScript to JavaScript in the Browser by @elliotclydenz css-tricks.com/node-javascri…
3
9
31
(Jay Freestone’s) Front-End Predictions for 2022 css-tricks.com/jay-freestone…

(Jay Freestone’s) Front-End Predictions for 2022 | CSS-Tricks

I linked to Jay's front-end predictions last year and I think they panned out pretty well.

css-tricks.com
8
27
757KB for 54 icons? Yikes. Here's @AdamRackis showing how to subset Font Awesome files to trim out what you don't need. css-tricks.com/subsetting-fo…

Subsetting Font Awesome to Improve Performance | CSS-Tricks

By subsetting Font Awesome, we can remove any unused glyphs from the font files that it provides to reduce the overall file size.

css-tricks.com
11
45
Hey, nifty little utility from @jekuer to get one of those Add-to-Calendar buttons. css-tricks.com/add-to-calend…

Add-to-Calendar Button UI Widget | CSS-Tricks

A useful little UI widget. Click the add-to-calendar button, get a list of calendar apps, the user selects which one, and they get a download.

css-tricks.com
3
36
Here's a nice take on an auto-filling CSS grid from @mikeherchel. It never exceeds a maximum number of columns that never go below a minimum width. css-tricks.com/an-auto-filli…

An Auto-Filling CSS Grid With Max Columns of a Minimum Size | CSS-Tricks

Within Drupal 10 core, we’re implementing a new auto-filling CSS Grid technique that I think is cool enough to share with the world.

css-tricks.com
1
18
87
GSAP Flip Plugin for Animation css-tricks.com/gsap-flip-plu…

GSAP Flip Plugin for Animation | CSS-Tricks

Greensock made the GSAP Flip plugin free. FLIP is an animation concept that helps make super performance state-change animations.

css-tricks.com
1
9
48
6 Creative Ideas for CSS Link Hover Effects by Harshil Patel css-tricks.com/css-link-hove…
16
70
Why are hyperlinks blue? css-tricks.com/why-are-hyper…

Why are hyperlinks blue? | CSS-Tricks

The decision to make hyperlinks blue in Mosaic, and the reason why we see it happening in Cello at the same time, is that by 1993, blue was becoming the

css-tricks.com
1
16
69
Getting Started With the File System Access API by @devdevcharlie css-tricks.com/getting-start…

Getting Started With the File System Access API | CSS-Tricks

The File System Access API is a web API that allows read and write access to a user's local files. It unlocks new capabilities to build powerful web

css-tricks.com
1
23
82
Your CSS reset needs text-size-adjust (probably) css-tricks.com/your-css-rese…

Your CSS reset needs text-size-adjust (probably) | CSS-Tricks

Kilian Valkhof:

css-tricks.com
15
79
Load more