When to Avoid the text-decoration Shorthand Property

In my recent article about CSS underline bugs in Chrome, I discussed text-decoration-thickness and text-underline-offset, two relatively new and widely-supported CSS properties that give us more control over the styling of underlines. Let me demonstrate the usefulness of …

When to Avoid the text-decoration Shorthand Property originally published on CSS-Tricks. You should get the newsletter.

https://css-tricks.com/when-to-avoid-css-text-decoration-shorthand/

3y | CSS tricks
My white whale: A use case for will-change

 Nic Chan:

[…] 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. It might seem self-evident to apply it to commonly animated properties such

My white whale: A use case for will-change originally published on CSS-Tricks. You should get the newsletter.

https://css-tricks.com/my-white-whale-a-use-case-for-will-change/

3y | CSS tricks
Superior Image Optimization: An Ideal Solution Using Gatsby & ImageEngine

(This is a sponsored post.) In recent years, the Jamstack methodology for building websites has become increasingly popular. Performance, scalable, and secure, it’s easy to see why it’s becoming an attractive way to build websites for developers. GatsbyJS is …

Superior Image Optimization: An Ideal Solution Using Gatsby & ImageEngine originally published on CSS-Tricks. You should get the newsletter.

https://css-tricks.com/superior-image-optimization-an-ideal-solution-using-gatsby-imageeng

3y | CSS tricks
Explain the First 10 Lines of Twitter’s Source Code to Me

For the past few weeks, I’ve been hiring for a senior full-stack JavaScript engineer at my rental furniture company, Pabio. Since we’re a remote team, we conduct our interviews on Zoom, and I’ve observed that some developers are not …

Explain the First 10 Lines of Twitter’s Source Code to Me originally published on CSS-Tricks. You should get the newsletter.

https://css-tricks.com/explain-the-first-10-lines-of-twitter-source-code/

3y | CSS tricks
CSS Database Queries? Sure We Can!

Kinda silly sounding, isn’t it? CSS database queries. But, hey, CSS is capable of talking to other languages in the sense that it can set the values of things that they can read. Plus, CSS can request other files, and …

CSS Database Queries? Sure We Can! originally published on CSS-Tricks. You should get the newsletter.

https://css-tricks.com/css-database-queries/

3y | CSS tricks
5 Accessibility Quick Wins You Can Implement Today

Let’s face it: building an AA or AAA-accessible product can be quite daunting. Luckily, having an accessible product isn’t all-or-nothing. Even seemingly small improvements can have nice quality of life benefits for many people. In that spirit, here are five …

5 Accessibility Quick Wins You Can Implement Today originally published on CSS-Tricks. You should get the newsletter.

https://css-tricks.com/5-accessibility-quick-wins-you-can-implement-today/

3y | CSS tricks
Before I go: When it comes to complaining about web browsers

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 browsers to get better, listen up:

Complaining on

Before I go: When it comes to complaining about web browsers originally published on CSS-Tricks. You should get the newsletter.

https://css-tricks.com/before-i-go-when-it-comes-to-complaining-about-web-browsers/

3y | CSS tricks
Reliably Send an HTTP Request as a User Leaves a Page

On several occasions, I’ve needed to send off an HTTP request with some data to log when a user does something like navigate to a different page or submit a form. Consider this contrived example of sending some information to …

Reliably Send an HTTP Request as a User Leaves a Page originally published on CSS-Tricks. You should get the newsletter.

https://css-tricks.com/send-an-http-request-on-page-exit/

3y | CSS tricks
A Complete Guide to CSS Cascade Layers

This is your complete guide to CSS cascade layers, a CSS feature that allows us to define explicit contained layers of specificity, so that we have full control over which styles take priority in a project without relying on specificity …

A Complete Guide to CSS Cascade Layers originally published on CSS-Tricks. You should get the newsletter.

https://css-tricks.com/css-cascade-layers/

3y | CSS tricks
Comparing Node JavaScript to JavaScript in the Browser

Being able to understand Node continues to be an important skill if you’re a front-end developer. Deno has arrived as another way to run JavaScript outside the browser, but the huge ecosystem of tools and software built with Node mean …

Comparing Node JavaScript to JavaScript in the Browser originally published on CSS-Tricks. You should get the newsletter.

https://css-tricks.com/node-javascript-compared-to-javascript/

3y | CSS tricks

Search