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.

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 […]

How to Create a Fixed Sidebar Website Layout?

8 Dec , 2012     HTML & CSS 

Fixed left sidebar layout

Tutorial explaining us how to create a professional looking well designed fixed sidebar in the left with fluid background at the back. A website with professional look is always preferred by many bloggers and website owners. Especially, if you are a web designer, then your blog needs to be something unique and beautiful. Creating a […]

Cool Search Box Using HTML5 and CSS3

3 Dec , 2012     HTML & CSS 

HTML5 Search Box Tutorial

This tutorial is my inspirational find for a way to create a nice and cool looking search bar using HTML5 and CSS3. Search bars are something very important for any website or blog. As the HTML5 and CSS3 standards are gaining popularity these days, We will see how this is achieved in a short while […]

Perfectly Working Full Width Background Image CSS

28 Sep , 2012     HTML & CSS 

Full-Size-Background-Image

This tutorial explains the CSS code which can make the background image of a website full width and stay stable on different resolutions. Check out the demo before going through the HTML and CSS: DEMO HTML:

The complete CSS which does the magic:

The CSS code above is self explanatory. I’ve inserted comments […]