I came across this nicely designed audio player on CodePen, put together by Michael Zhigulin It uses the waves.js click effect library...
Web design and development tutorials, scripts and downloads designed for beginners right through to advanced developers
The average web page contains over 50 elements each of which has to be downloaded from a web server. The HTTP 1.1 specifications recommend that a web browser or server should only typically make two simultaneous downloads per domain or hostname. So most web browsers are effectively restricted by this limit on parallel downloads if the objects [...]Ashley
Here’s a quick CSS tip. Firefox likes to put a dotted border around any links that you click as shown below, but there’s an easy way to fix it simply add the code below to your ‘a tag’ style either in the head of the page on in an external style sheet.Ashley
Minimising the time a user has to wait for a web page to load is crucial. Using Gzip and PHP we can minimise file sizes of CSS files. This technique is a powerful and simple way to reduce page download size and speed up your site that will work with most PHP installations, even those on shared hosting that donâ€™t have mod_deflate turned [...]Ashley
It’s a good idea at the start of writing your CSS code to reset the CSS across all browsers to ensure that your page renders more or less the same. By default different web browsers use different values for margins, padding, or line heights. A CSS reset script will ensure that most browsers will render your site identically, without [...]Ashley
Here’s an easy way to display a simple percentage graph using PHP to work out the percentages and do the maths and CSS to display the data on our page. Here’s the demo. First you need to copy the CSS below into the head of your page, you can style this to suit your needs once we have the PHP in place to render our graph. I used [...]Ashley