I came across this nicely designed audio player on CodePen, put together by Michael Zhigulin It uses the waves.js click effect library...
I came across this nicely designed audio player on CodePen, put together by Michael Zhigulin It uses the waves.js click effect library inspired by Google’s Material Design. For this tutorial demo I’m using a royalty free track from bensound.com. What is Google Material? Google’s Material Design language has begun making its [...]Ashley
If you’ve seen the Periscope app heart animation, you’ll know what I’m talking about. It’s the one where you tap on the screen and a flurry of hearts appear and fade out animated up the screen. If you’re building a iOS native app you can check out this code, which uses the react native playground. The HTML This [...]Ashley
UiGradients.com is a great little resource for finding inspiration for CSS background gradient colours, and it makes it super easy to get the CSS to paste in your project. So here’s an awesome tool that shuffles through the gradient colours with a fade transition. We take the json file from the git repo and use that to loop through [...]Ashley
I’ve been fascinated over the last few days by sampulator, a great little project by @stevespaced that allows you to sequence sounds to build up a song. After a bit of research I came across this code by Joe Harry which uses the Howler.js audio library to sequence and play the sounds. The sequencer is based on the Yamaha’s [...]Ashley
I stumbled across an awesome post on Codepen by Felix Rilling which uses pure CSS to display a phone with an iframe embeded to enable you to preview a responsive site. You can view the original code he wrote here. I’ve taken the code and modified it to make it easy to preview a site for different mobile screen sizes and added a rotational [...]Ashley
Here’s a simple way for customers to be able to compare products to help them make a purchase decision. In the demo you select which products you want to compare and hit the ‘compare’ button which displays a fullscreen modal displaying further information about the products. Let’s delve into the code. For this example [...]Ashley
We will be looking at using cookies in PHP, not the cookie you enjoy eating, but the cookie as a tool for web development. We will examine what a cookie is, discuss how to create one, learn about how to delete and modify them. In web dev a cookie is a tool used to identify a user. A cookie is a small file that is embedded by the server on [...]Ashley