8 Single Element Minimal CSS Spinners

26 May , 2014     Design Hunt,Design Inspirations,HTML & CSS 

Single Element CSS3 Loaders

Single Element Minimal CSS Spinners/Loaders is a set of 8 CSS spinners. These minimal CSS3 loaders were created by Lukehaas to make loaders minimal, animated and easy to use(just with the help of CSS).

How to Create an Animated Drop Down Menu with CSS3? – A Tutorial

2 Apr , 2014     HTML & CSS 

Cool Drop Down with 3D animation With CSS3

How to create a cool 3D drop down navigation menu with CSS3. Pure CSS drop down navigation with cool animated effects on mouse hover.

How to create a cool pure CSS Flipping button Animation? | Code Snippet #27

19 Mar , 2014     Code Snippets 

Pure CSS Button Flipping Animation

Code Snippet #27: The code shows us how to create a cool and pure CSS flipping button animation. We use CSS3 styling methodologies to create this flipping button animation.

Create Animated Multi-Level Checkbox Drop down Using jQuery | Code Snippet #22

13 Feb , 2014     Code Snippets 

Animated Checkboxes

Code Snippet #22:  The code snippet we found today helps us to generate dynamic multi-level checkbox drop downs by checking a parent checkbox with the help of jQuery. We have previously seen many tutorials on checkboxes using JavaScript and jQuery. Today, we are going to learn how to display multi-level checkboxes sliding down in an […]

Create Cool Circular Music Player UI With Progress Bar Using CSS3 | Design Hunt #3

11 Feb , 2014     Design Inspirations,HTML & CSS,jQuery 

Circular-Music-Player-UI-With-Progress-Bar-Thumbnail

Sharing a design hunt inspiration on creating a cool circular music player UI with progress bar using CSS3. This cool music player is created by Rick using pure CSS3 and jQuery, who drew his inspiration from a Dribbble shot of this music player designed by Piotr Kwiatkowski. Piotr is a UI designer from Manchester and he designs […]

Create Creative CSS3 Resume Template Inspiration | Design Hunt #1

5 Feb , 2014     Design Inspirations,HTML & CSS 

Creative-CSS3-Resume-Design-Thumbnail

Sharing a design inspiration hunt on designing a creative CSS3 resume template without any images or PhotoShop. This CSS3 resume is designed by the designer William Roach. The designer has focused on creating speech bubbles to display the details of the candidate. He has left one bubble to display your self shot image. The color […]

Create an Elegant HTML5 Login Form With Toggle Animation

5 Feb , 2014     HTML & CSS,jQuery 

HTML5-Login-Form-With-Toggle-Animation-Thumbnail

This tutorial teaches us on how to create an elegant HTML5 login form with jQuery toggle animation when the user clicks on the “Log in” button. We create a beautiful HTML5 CSS3 login form which toggles with sliding animation. HTML5 and CSS3 are two coding standards being accepted on a large scale nowadays. These two […]

Create Social Icons With Sliding Information On Hover Using CSS3

4 Feb , 2014     HTML & CSS 

Social Icons With Sliding Information Using CSS3

This tutorial is about how to create social icons with sliding information using CSS3 and no images. The sliding information shows up on mouse hover on the icons. Today, we have drawn our inspiration from Miro and we will be using the foundation CSS from Zurb. Social icons are very important when you own a […]

Simple CSS3 Checkboxes and Radio Buttons| Code Snippet #14

10 Jan , 2014     Code Snippets 

Simple-CSS3-Radio-Buttons-Checkboxes-Code

Code Snippet #14: Code to create simple CSS3 checkboxes and radio buttons for professional UI designing. UI designing is an important part of user friendly interfaces for the website users. Creating cool looking CSS3 checkboxes and radio buttons are important while developing forms on your UI. Today, we are going to create checkboxes and radio […]