Nice and easy lazy loading with lazysizes.js
Lazy loading doesn’t have to be difficult, here’s how to add smooth loading images to your website.
Patterns
Reusable techniques that you can apply to your projects that solve common problems and challenges.
Let’s make a better icon system with SVG
Icon fonts are used for their convenience, which generally can’t be matched by SVG. However, this post aims to guide you through the setup and get to a similar level of convenience.
Multiple level horizontal scrolling navigation
With horizontal scrolling, submenus are quite challenging to make work. Due to the CSS you have to use, a CSS only solution isn’t viable. In this post I show you how to utilise JavaScript.
CSS only iOS style ‘toggle’
Since they appeared in iOS it’s been a trend to recreate these using CSS only. The technique uses the adjacent sibling selector and a hidden checkbox to retain use of the :checked pseudo class. In this post I wanted to take a look at this myself and recreate the toggle style.
Simple horizontal scrolling menu with CSS
If you’re looking for an alternative approach to responsive navigation, which doesn’t involve the ‘hamburger’ this may be for you.