Nested Media Queries
I can’t seem to find any mention of this in the Media Queries Module specification, but apparently it’s allowed to nest media queries, as...
Animating a CSS Gradient Border
Recently, Stephanie Eckles sent out a call to revive the use of CSS border-image. Not to use it with images — which requires a...
Managing CSS Z-Index In Large Projects
About The AuthorSteven Frieson is a front end developer who loves to solve problems for people, whether they’re website users or fellow developers. He...
Exploring the Complexities of Width and Height in CSS
The following article is co-authored by Uri Shaked and Michal Porag.
Let’s explore the complexities of how CSS computes the width and height dimensions of...
Algolia
Algolia is for search. Literally any website can take advantage of Algolia-powered search. You put JSON data (“records”) in, and then you can search...
Lazy Load Routes in Vue with webpack Dynamic Comments
The way routing works in JavaScript is usually that you specify which relative URL pattern you want for which component to render. So for...
How to Create a Mascot
When you mention M&Ms or Pringles, everyone remembers the colorful button-shaped chocolate characters and the mustachioed man, which naturally drive us to remember the...
Going From Solid to Knockout Text on Scroll
Here’s a fun CSS trick to show your friends: a large title that switches from a solid color to knockout text as the background...
I Saw Two Mega Menus Today…
One was the footer of an (older) U.S. Government website:
The other was the navigation for AWS services from the AWS Console:
Both of them have...
How to Create a Vintage Type Postcard
In the following steps, you will learn how to design a vintage postcard in Adobe Illustrator. Harken back to an era when postcards were...