CSS-Trickz!

You probably want CSS-Tricks

What is Your Page Title on a Google Search Engine Results Page?

Written by: Chris Coyier

Whatever Google wants it to be. I always thought it was exactly what your <title> element was. Perhaps in lieu of that, what the first <h1> on the page is. But recently I noticed some pages on this site that were showing a title on SERPs that was a string that appeared nowhere at all […]

Continue reading "What is Your Page Title on a Google Search Engine Results Page?" at CSS-Tricks

Working With GraphQL Caching

Written by: Jamie Barton

If you’ve recently started working with GraphQL, or reviewed its pros and cons, you’ve no doubt heard things like “GraphQL doesn’t support caching” or “GraphQL doesn’t care about caching.” And for most, that is a big deal. The official GraphQL documentation refers to caching techniques so, clearly, the folks behind it do care about caching […]

Continue reading "Working With GraphQL Caching" at CSS-Tricks

Learn How to Build True Edge Apps With Cloudflare Workers and Fauna

Written by: Jacob Jackson

There is a lot of buzz around apps running on the edge instead of on a centralized server in web development. Running your app on the edge allows your code to be closer to your users, which makes it faster. However, there is a spectrum of edge apps. Many apps only have some parts, usually […]

Continue reading "Learn How to Build True Edge Apps With Cloudflare Workers and Fauna" at CSS-Tricks

Container Units Should Be Pretty Handy

Written by: Chris Coyier

Container queries are going to solve this long-standing issue in web design where we want to make design choices based on the size of an element (the container) rather than the size of the entire page. So, if a container is 600px wide, perhaps it has a row-like design, but any narrower than that it […]

Continue reading "Container Units Should Be Pretty Handy" at CSS-Tricks

Twitter’s div Soup and Uglyfied CSS, Explained

Written by: Chris Coyier

When I came up in web development (2005-2010 were formative years for me), one of the first lessons I learned was to have a clean foundation of HTML. “What Beautiful HTML Code Looks Like” is actually one of the most popular posts on this very site. The image in that post made its way to […]

Continue reading "Twitter’s div Soup and Uglyfied CSS, Explained" at CSS-Tricks

How to Implement Logging in a Node.js Application With Pino-logger

Written by: Sarthak Duggal

Logging, on its own, is a key aspect of any application. Logging helps developers comprehend what it is that their code is doing. It also helps save developers hours of debugging work. This tutorial is about implementing logging in a Node.js application using Pino-logger.

Continue reading "How to Implement Logging in a Node.js Application With Pino-logger" at CSS-Tricks

Proposal for CSS @when

Written by: Chris Coyier

CSS is on a tear lately. Again, I’ve heard of a brand new thing I’ve never seen before, and again it’s via Miriam: CSS Conditionals.

Continue reading "Proposal for CSS @when" at CSS-Tricks

Cascade Layers?

Written by: Chris Coyier

There is a new thing coming in CSS: @layer. As with all new things, it takes time to really wrap your head around it. And despite me tapping at my keyboard about it, full disclosure, I’m not sure my mind is fully there yet. Fortunately, smart people are on the case!

Continue reading "Cascade Layers?" at CSS-Tricks

7 Practical Uses for the ::before and ::after Pseudo-Elements in CSS

Written by: Habdul Hazeez

CSS ::before and ::after pseudo-elements allow you to insert “content” before and after any non-replaced element (e.g. they work on a <div> but not an <input>). This effectively allows you to show something on a web page that might not be present in the HTML content. You shouldn’t use it for actual content because it’s […]

Continue reading "7 Practical Uses for the ::before and ::after Pseudo-Elements in CSS" at CSS-Tricks

An Event Apart Full Summit! (Use Coupon AEACSST21)

Written by: Chris Coyier

The web’s premier conference is online this fall, October 11–13, 2021: An Event Apart Full Summit. If you already know how good of a conference this is (i.e. that some of the web’s biggest ideas debut at AEA) then just go buy tickets and please enjoy yourself. You can buy literally any combination of the […]

Continue reading "An Event Apart Full Summit! (Use Coupon AEACSST21)" at CSS-Tricks

Resources aren’t requested by CSS, but by the DOM

Written by: Chris Coyier

This is a good tweet from Harry: I like it because, as he says, it’s the correct way to think about it. It helps form a mental model of how websites work.

Continue reading "Resources aren’t requested by CSS, but by the DOM" at CSS-Tricks

Embracing Asymmetrical Design

Written by: Chris Coyier

I’ll never forget one of Karen McGrane’s great lessons to the world: truncation is not a content strategy. The idea is that just clipping off text programmatically is a sledgehammer, and avoids the kind of real thinking and planning that makes for good experiences.

Continue reading "Embracing Asymmetrical Design" at CSS-Tricks