Responsive mobile dropdown navigation using css only

Responsive magazine using Turn.js

Creating a page turn effect is hard…very hard! There are lots of solutions that exist, but many of…

Native browser touch drag using overflow scroll

Circular loading bar using css only

I’ve recently started a new project where audio files are played in loops. This presents an interesting challenge as the loading bar makes more sense to be circular rather than linear. Added to this I also wanted to be able to control the amount of time it takes for…

Create a simple site using php and json

There are many solutions to create a site using out-of-the-box software such as WordPress…

Responsive cross browser lightbox using only html and css

There are many great lightbox plugins out there, however lots of them rely on jQuery or other libraries. Also another negative aspect is that they use JavaScript for the resizing and other parts which really isn’t needed. So how…

Converting YouTube Playlists to Spotify using JavaScript

YouTube is a great platform for music. It has a wealth of content, including official tracks, remixes and versions of songs. It also has lots of unofficial remixes, mashups, live, cover and original songs which you can’t find on…

Show your work in context with photo overlay, iframe and 3d css

Creating digital sites and apps is very satisfying. However it’s difficult to imagine/explain the context of where the user would use the app or site and who they are. Lets take a look at how we can imitate a real user…

Improving the AngularJS app starter template

AngularJS is a very powerful front-end library which allows you to build apps and…