How to Create Accordion Menu in Pure CSS3

Valeriu Timbuc  •  CSS3, Tutorials  •  February 27, 2012
How to Create Accordion Menu in Pure CSS3

Topic: CSS3 Difficulty: Intermediate Estimated Completion Time: 30 mins In this tutorial we will learn how to create an accordion menu in pure CSS3. This menu was inspired in Futurico UI Pro by Vladimir Kudinov. As we will create it with CSS this will only work on browsers and devices that support the :target pseudo-class selector. Step 1 – HTML Markup Create an...

25+ Examples of Unusual Navigation in Web Design

Adrian  •  Inspiration, Websites Examples  •  February 26, 2012
25+ Examples of Unusual Navigation in Web Design

Navigation menu in a website is one such segment that is most essential but most of the time is neglected in terms of creativity. Very few designers and developers are seen to pay extra attention on the design of navigation menus. They prefer to keep it simple and traditional. But this is a very important segment for any websites since visitors will get stuck only to the home...

45 Free and Premium PSD Logo Templates

Adrian  •  Resources  •  February 26, 2012
45 Free and Premium PSD Logo Templates

In order to get a smart looking logo you can try the PSD logo templates that are easily available on the internet. The main difference between the ordinary logo and the logo templates is these templates are mostly designed and developed in order to reflect the general idea of a certain industry. So after buying them or downloading them from the net you need to make some...

20 Excellent Examples of Blog Designs

Adrian  •  Inspiration, Websites Examples  •  February 25, 2012
20 Excellent Examples of Blog Designs

In this age of internet, blogs are considered as one of the best ways to convey your ideas or share information on any topic with millions of people in an organized manner. There are different types of blogs that we follow on the internet. However, blog designs are equally important like the general web designs. Your blogs also should have elements to attract visitors or else...

13 Free and Premium CSS3 Pricing Tables

Adrian  •  Coding, Resources  •  February 25, 2012
13 Free and Premium CSS3 Pricing Tables

After offering your services, plans or products to your potential customers through your website, you need to give them the chance to choose the price plan or the right option of purchasing those items or services. This process is done through pricing table. So the table has to be flawless and user-friendly as well. If you are not feeling confident enough to design such table...

20 Amazing Examples of Colorful Web Designs

Adrian  •  Inspiration, Websites Examples  •  February 24, 2012
20 Amazing Examples of Colorful Web Designs

The use of colors is always a matter of challenge for the web designers. Often they feel extremely puzzled and lost when it comes to using colors in websites. Colors play a vital role in changing our mood. It can make us attracted to a certain thing and at the same way we can feel distracted due to an unpleasant color. The soothing colors of websites have the power to attract...

25 Examples of Professional Typography in Web Design

Adrian  •  Inspiration, Websites Examples  •  February 23, 2012
25 Examples of Professional Typography in Web Design

Typography is the form of writing on any surface. Typography has lots of things to do in the designing of a website. With the advent of computer and related technologies, website designers get lots of chances to use different types of effective tools in order to do great things with fonts and style of typography. There are many websites where the typography speaks for the site...

22 Inspiring Examples of Circular Elements in Web Design

Adrian  •  Inspiration, Websites Examples  •  February 22, 2012
22 Inspiring Examples of Circular Elements in Web Design

The modern world of web designing is going through constant changes and coming up with newer and smarter design techniques in order to catch the eyes of the visitors. Among the latest designing elements, one must not forget about the circular elements of web design. Since there is always a demand for good, user-friendly, functional and decent web design, so designers try to...

30 Absolutely New Free Fonts for Your Designs

Adrian  •  Resources  •  February 21, 2012
30 Absolutely New Free Fonts for Your Designs

While it comes to website designing, we all pay the maximum attention to the color, graphics and images of a site. However, free fonts are very important part of any design. People come to know about the main ideas of your business through the contents that have been posted on your site. And these contents must be written in perfect free fonts so that the viewers don’t face...

Sociality – Premium Social Media Icon Set (CSS3 & PNG)

Adrian  •  Shop  •  February 20, 2012
Sociality – Premium Social Media Icon Set (CSS3 & PNG)

Sociality is the world’s first full pack of Social Media Icons available in CSS3. This set contains 34 of the most popular social network and bookmarking site icons. The colored icons are immediately eye-catching. The set includes 34 high-quality icons in transparency PNG format (32p and 64px sizes) and CSS3 (32px and 64px sizes). Sociality includes eight...