Regular Expression Match Groups
26.4.2021
Regular expressions are incredibly powerful but can be difficult to maintain. They’re a skill you learn on the job and, when the suits walk by, make you look incredibly smart if you have a few up on your screen. How can we solve the maintainability problem? With a match groups, as Addy Osmani...
5 Ways to Get More Bookings from Your WordPress Website
26.4.2021
Want to empower your website visitors to schedule their own appointments or secure their spot at your next event? Use the Amelia WordPress plugin to get more bookings today.
The post 5 Ways to Get More Bookings from Your WordPress Website appeared first on Codrops
Texture Ripples and Video Zoom Effect with Three.js and GLSL
26.4.2021
Learn how to replicate the ripples and video zoom effect from "The Avener" by TOOSOON studio using Three.js and GLSL.
The post Texture Ripples and Video Zoom Effect with Three.js and GLSL appeared first on Codrops
Eliminating five top compatibility pain points on the web
23.4.2021
Robert Nyman and Philip Jägenstedt:
Google is working with other browser vendors and industry partners to fix the top five browser compatibility pain points for web developers. The areas of focus are CSS Flexbox, CSS Grid, position: sticky, 
…
The post Eliminating five...
Using New Gatsby Source WordPress Plugin
23.4.2021
In my previous article, I discussed how I learned to create a decoupled WordPress powered Gatsby site using the Gatsby Source WPGraphQL plugin. The project was done following the ongoing developmental version of WPGraphQL and an excellent tutorial by Henrik …
The post Using New Gatsby Source...
Text That Sometimes Turns to Emojis
22.4.2021
There are some Unicode characters that some browsers just decide they are going to turn into emojis for you. I couldn’t tell you why exactly, but here’s what I see:
Chrome on the left. Safari in the simulator on top…
The post Text That Sometimes Turns to Emojis appeared first...
The Almost-Complete Guide to Cumulative Layout Shift
22.4.2021
Here’s Jess B. Peck writing all about Google’s Core Web Vitals:
Let’s step back one. CLS is when you’re about to click on a link, and the whole page shifts and you click on a different link instead. It’s when
…
The post The Almost-Complete Guide to Cumulative Layout Shift...
Tools to Improve UX and Win Over Your Customers
22.4.2021
Try Hotjar for free today!
An enjoyable user experience and high conversion rates go hand-in-hand. It makes sense then, that if you want to improve conversion rates, your first task is to improve user experience.
To improve UX, deeply understanding …
The post Tools to Improve UX and Win Over...
Collective #658
22.4.2021
Spline Tutorial * Awesome-selfhosted * Content-aware image resizing in JavaScript * Kallithea
The post Collective #658 appeared first on Codrops
The Making (and Potential Benefits) of a CSS Font
22.4.2021
Not a typical one, at least. Each character is an HTML element, built with CSS. A true web font!
Let me elaborate. This is a way to render text without using any font at all. Random text is split with …
The post The Making (and Potential Benefits) of a CSS Font appeared first...
Still Hoping for Better Native Page Transitions
22.4.2021
It sure would be nice to be able to animate the transition between pages if we want to on the web, at least without resorting to hacks or full-blown architecture choices just to achieve it. Some kind of API that …
The post Still Hoping for Better Native Page Transitions appeared first...
Sticky Headers: 5 Ways to Make Them Better
21.4.2021
Page Laubheimer says that if you’re going to do a sticky header…
Keep it small.
Visually contrast it with the rest of the page.
If it’s going to move, keep it minimal. (I’d say, respect prefers-reduced-motion.)
Consider “partially persistent
…
The post Sticky...