Free Web Icons

Free Web Icons

I have personally used many icons on my designs and I’m always looking for some cool icons to use on the next project. Well today I picked quite a few free sets that you can download and keep by your side in case you need. Enjoy!

I know that are many more free icons out there so feel free to share the ones you like on the comment area

Flat Icons

by Alberto

Simple Flat Icons

Download


Free Web Icons

Social Glyphs – Mini Icons

by Joel Siddall

Social Media Mini Icons in PSD

Download


Free Web Icons

Vector Web Icons

by Yunmie Kim

Icecreamcons are 96 free Photoshop vector web icons in 32 by 32 px boxes

Download


Free Web Icons

350 Vector Web Icons

by Brankic1979

A set of 350 pixel perfect glyphs icons, perfect for apps, websites or just about anything you can think of. You may use this icon set for both personal and commercial use, which means this resource can be used in any project without worrying about licensing.

Download


Free Web Icons

Vector Social Icons

by Luke Taylor

Download the attached .eps file for a great set of free social media icons.

Download


Free Web Icons

Square Social Media Icons

by Abhishek Kumar

Set of 28 icons. They are in png format, but in 500×500 pixels which should be more than enough.

Download


Free Web Icons

Social Media UI Buttons

by Ivo Ivanov

Free scalable circle social media buttons (with custom shapes icons) in .psd format

Download


Free Web Icons

Icon x256 Set

by Centis Menant

You can use & change it without legal problem. Let’s Rock mates!

Download


Free Web Icons

Batch 300+ Icons

by Adam Whitcroft

A lovingly designed and crafted suite of 300+ icons for web and user interface design.

Download


Free Web Icons

Posted in Blog | Comments Off on Free Web Icons

How to use HTML5 audio (part 1)

ThumbnailThe introduction of the HTML5 spec introduced new tags for presenting media on a webpage; the <audio> and <video> tags, rendering the <object> tag no longer fit for video and audio streaming.

These new tags have made it considerably easier to add rich media content to your design, and in today’s video tutorial, I’ll be talking through the following features which make HTML5′s media tags so flexible:

Using HTML5 audio tags to play an audio track on load; wrangling HTML5′s more complex parameters, such as controls and autoplay to create a fully-featured media player in less time than an average song length; the first steps to creating your very own custom-built media player to fit in with your own web design projects.

This is part one of a two part tutorial, and by the end of it, you’ll know how to use the power of jQuery and <audio> tags to create a basic music player. In the following video, we’ll be adding a whole bunch of new features; like album art and meta tags, too!

 

Have you featured HTML5 audio in a project? How does HTML5 audio compare with older options? Let us know your thoughts in the comments.

Featured image/thumbnail, sound image via Shutterstock.

Beginner’s Course: Learn HTML5 & CSS3 Web Design – only $27!

Source

Posted in Blog | Comments Off on How to use HTML5 audio (part 1)