Range slider is a very intuitive user interface with one or two handles to allows user to choose a value within a limited range. The user drags a handle along one dimension to set a value. A typical slider usually can be found in color picker where we can drag the arrow left and right to pick the right RGB value. So here are 25 examples of CSS range sliders that will engage the user in an interactive and easy way of selecting a range of values.…
Tags: html5
15 jQuery HTML5 Sound & Audio Player Plugins
Handling Website’s Audio and Video in web browser without native player and flash is big problem in several years ago. HTML5 is a revolutionary language that has totally changed how things were done before, and in this post i am going to share 15 jQuery HTML5 Sound & Audio Player Plugins.…
6 CSS3 HTML5 Device Mockups
Ever had a client ask you why they can’t click on a Photoshop mockup? Using these CSS mockups you can demonstrate hover effects, transitions and animations to your client. So here are some mockups made using CSS3 And HTML5. …
20 Cool Interactive WebGL Examples
WebGL is an amazing piece of technology that enables browsers to natively render hardware accelerated 3d creations. It is supported in all major browsers including Internet Explorer from version 11, and it works on various mobile platforms including iOS from version 8. So here are 20 stunning WebGL examples from around the web to showcase what your browser can really do.…
10 Free Modern Website Templates Coded With HTML5/CSS3
In this post i want to share 10 free modern website templates coded with HTML5 and CSS3 which you can use for your own projects.…
8 WordPress Plugins For Generating HTML5 Charts
WordPress started as just a blogging system, but has evolved to be used as full content management system and so much more through the thousands of plugins and themes. There are many plugins in WordPress to add graphical representations of your data to your posts and pages. They help in adding static as well as dynamic visualization in sites. Whether you want to generate a static chart or create a dynamic visualization of your data, here are 8 WordPress plugins that will help you achieve your goal.…
14 Amazing CSS3 Typographic Animation Effects
It is now possible for typographers to make their work available to web designers through a wide variety of formats. These typefaces can then be supercharged using new browser technologies such as html5 canvas, css3 animation, and the massive and powerful vector-based SVG specification.
So here are some amazing typographic animation effects which use CSS3 animation to animate HTML5 and SVG elements for inspiration to create your own text animations and hover effects. Enjoy !…
18 Impressive CSS3 Logo Animation Examples
CSS3 animations are an excellent way to make web pages look cool with relatively little effort. Here are some examples which uses CSS3 Animations to animate HTML elements to create amazing animated logo. No images are used to draw these but with CSS and HTML markup.…