Search

Post types:
Categories:
🔖

Memorise scroll position across page loads

Read Note

A neat trick (now third hand) for storing the scroll position of a sidebar or other element in local storage, allowing you to keep it constant across pages without the user seeing it flash into …

🔖

CSS only carousel

Read Note

Carousels are the devil's work, but they remain incredibly useful and popular UI elements 😑 Having a solid implementation that will work without JavaScript, making it more lightweight and …

📖

Judging Time

Read Article

Time, and specifically timing, is a very hard thing to judge and something which is largely overlooked in our day-to-day lives. That's probably fine for common household chores, such as …

📖

Recently Watched on Amazon Prime

Read Article

I'm not sure why this feature is as deeply hidden as it is, but despite what most people think you can see your recent watchlist on Amazon's Prime Video service. It's a feature I use quite a bit to …

📖

Month in Media - July 2017 [#41]

Read Article

Month in media is an archived project, now with a permanent home in the Reviews section. Films, TV shows, books, video games, and other media watched, read, or played in July 2017.

📖

Marrs Green [#29]

Read Article

I love the idea of G.F. Smith's "World's Favourite Colour": ask people to submit examples of their favourite colour and then vote. The results are interesting for a variety of reasons, but for me the …

📖

Solving Ancient Riddles with Neural Networks

Read Article

I, like just about everyone who has ever heard of it, have been fascinated by the Voynich manuscript for years. The idea of an eldritch textbook, written in an encrypted script and with baffling, …

📖

How to Fix a Broken Embedded Flickr Album

Read Article

I recently had need to embed a Flickr album, as I've done many times before. When I published the article, however, the album was broken and only showed a single image. Odd, sure, but I figured I had …

🔖

Tornis

Read Note

When you love a website design, you look into how it was made, right? That's what I did with Robb Owen's recent redesign. Amazingly, his incredibly smooth scroll and cursor tracking is achieved via …

🔖

Why We Removed Number Inputs

Read Note

The GOV.UK UX and design team are fascinating. Every time I've had to use the website I've found it a breeze, which is an enormous achievement on their behalf. Better yet, they're incredibly …

🔖

The perfect block link solution

Read Note

An interesting look at a "block links" at "card links": when you want large sections of HTML to be one big clickable link. It's a very common pattern and something I've done a lot, but …

🔖

The making of Netlify's million devs animated website

Read Note

Netlify's microsite celebrating their millionth user is a brilliant experiment, so it's great to see them immediately posting a "making of" article on CSS Tricks. It's a beautifully rendered SVG …

🔖

How to use tabindex

Read Note

Great overview on when/when not to use the tabindex attribute. Most of it feels like common sense, but the recommendation for overflow content is an interesting one I'd not come across …

🔖

A modern CSS reset

Read Note

Andy always has some interesting thoughts about CSS, and this reset is no exception. Lots of interesting things here that fit very nicely with both my own experience and other resets that I've …

🔖

Animating the height of content using CSS grid

Read Note

A useful trick for animating the height of a specific piece of content. You cannot transform a height in CSS to the auto keyword; you have to provide a fixed value, which is obviously suboptimal in …

📖

A Ghost in the Machine

Read Article

Or how I spent four days trying to debug a local Astro environment that refused to load any CSS.

🔖

Use your Mac the way I do

Read Note

A phenomenally interesting journey through one person's assistive set-up, using only the left mouse button to navigate the web, code websites, play video games, and everything else …