Ideas for CSS Button Hover Animations
17.2.2021
Some inspiration for button hover animations using CSS only.
The post Ideas for CSS Button Hover Animations appeared first on Codrops
Front of the Front / Back of the Front
17.2.2021
People really latched onto Brad’s framing. And for good reason. Front-end development has gotten so wide scoping that there are specialists inside of it. Two years ago, I cut it down the middle and now Brad is putting …
The post Front of the Front / Back of the Front appeared first...
How to Create a Shrinking Header on Scroll Without JavaScript
16.2.2021
Imagine a header of a website that is nice and thick, with plenty of padding on top and bottom of the content. As you scroll down, it shrinks up on itself, reducing some of that padding, making more screen real …
The post How to Create a Shrinking Header on Scroll Without JavaScript appeared...
Maximally optimizing image loading for the web in 2021
16.2.2021
Malte Ubl’s list for:
8 image loading optimization techniques to minimize both the bandwidth used for loading images on the web and the CPU usage for image display.
Fluid width images in CSS, not forgetting the height and width attributes
…
The post Maximally optimizing image...
The web didn’t change; you did
16.2.2021
I love this piece from Remy Sharp where he argues that the web didn’t get more complicated over the last 20 years, despite what we might think:
Web development did not change. Web development grew. There are more options now,
…
The post The web didn’t change; you did appeared first...
Netlify
16.2.2021
High five to Netlify for the ❥ sponsorship. Netlify is a great place to host your static (or not-so-static!) website because of the great speed, DX, pricing, and feature set. I’ve thought of Netlify a bunch of times just in …
The post Netlify appeared first on CSS-Tricks.
You...
The Top Blogging Platforms of the Year (2021)
16.2.2021
Deciding to start a blog, whether it be for personal or professional use, is a great idea. With the rise in internet activity, especially on mobile devices, it makes...
The post The Top Blogging Platforms of the Year (2021) appeared first on Onextrapixel
Using AbortController as an Alternative for Removing Event Listeners
15.2.2021
The idea of an “abortable” fetch came to life in 2017 when AbortController was released. That gives us a way to bail on an API request initiated by fetch() — even multiple calls — whenever we want.
Here’s a super …
The post Using AbortController as an Alternative for Removing Event Listeners...
Beautiful accessibility with Floating Focus
15.2.2021
Imagine if your :focus styles animated from element to element as you tab through a site. Like the focus ring up and flew across the page to the next element. The spirit of it is similar to smooth scrolling: it’s …
The post Beautiful accessibility with Floating Focus appeared first...
Front-End Dissatisfaction (and Backing Off)
13.2.2021
Asko Nõmm reached a breaking point with front end:
I want to have a personal life and not have to spend my nights reading up on some new flavour of *.js in fear that if I don’t I would soon
…
The post Front-End Dissatisfaction (and Backing Off) appeared first on CSS-Tricks.
You...
Weekly Platform News: WebKit autofill, Using Cursor Pointer, Delaying Autoplay Videos
12.2.2021
In this week’s roundup, WebKit’s prefixed autofill becomes a standard, the pointer cursor is for more than just links, and browsers are jumping on board to delay videos set to autoplay until they’re in view… plus more! Let’s jump right …
The post Weekly Platform...
Don’t put pointer-events: none on form labels
12.2.2021
Bruce Lawson with the tip of the day, warning against the use of pointer-events: none on forms labels. We know that pointer-events is used to change how elements respond to click, tap, hover, and active states. But it apparently borks …
The post Don’t put pointer-events: none on form labels...