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...
Responsible Web Applications
12.2.2021
Joy Heron bought a cool domain name and published an article there:
Luckily, with modern HTML and CSS, we can create responsive and accessible web apps with relative ease. In my years of doing software development, I have learned some
…
The post Responsible Web Applications appeared first...
Reconciling Editor Experience and Developer Experience in the CMS
12.2.2021
Components are great, aren’t they? They are these reusable sources of truth that you can use to build rock-solid front-ends without duplicating code.
You know what else is super cool? Headless content management! Headless content management system (CMS) products offer …
The post Reconciling...
The Devil’s Albatross
12.2.2021
Nils Binder talks about a technique for spacing between two elements. Picture a header on a large screen with a logo in the upper left and nav in the upper right. Then a small screen, when they can no longer …
The post The Devil’s Albatross appeared first on CSS-Tricks.
You can support...
How to Install a NPM Module from GitHub Branch
12.2.2021
In my journey to work more quickly with a project containing loads of dependencies, I’ve come across a few techniques I’ve not needed to use before. I previously wrote about How to Push to a Git Remote Branch of a Different Name — this time we’ll talk about installing...
Is CSS float deprecated?
12.2.2021
An interesting conversation came up at work the other day: Should we use the CSS float property now that we have CSS Grid and Flexbox?
The short answer
No! Well, mostly. I’d only use it today for wrapping text around …
The post Is CSS float deprecated? appeared first on CSS-Tricks.
You...
Progressive Web Apps in 2021
12.2.2021
Maximiliano Firtman has a look at PWAs this year, including trying to get a bead on how widespread they are:
At the end of 2020, approximately 1% of websites included a Service Worker, and 2.2% had an installable Web App
…
The post Progressive Web Apps in 2021 appeared first...
WordPress 5.7: Big ol’ jQuery Update
11.2.2021
WordPress core is making the jump from jQuery 1.12.4 to jQuery 3.5.1! This is a big deal for lots of reasons — like modern features, better DX, and security improvements to name a few. Right now, the plan is to …
The post WordPress 5.7: Big ol’ jQuery Update appeared first...
How to Build a GraphQL API for Text Analytics with Python, Flask and Fauna
11.2.2021
GraphQL is a query language and server-side runtime environment for building APIs. It can also  be considered as the syntax that you write in order to describe the kind of data you want from APIs. What this means for you …
The post How to Build a GraphQL API for Text Analytics with...