SEARCH

Search resources for web designer within website.

SEND

Share with us resources, articles or posts.

SEND POSTS

SEND POSTS

[contact-form-7 id="16654" title="Contact form 1"] ×

SUBSCRIBE

Subscribe to our free weekly newsletter.

Accordion with CSS3

Today we’ll experiment some more with the adjacent and general sibling combinator and the :checked pseudo-class. Using hidden inputs and labels, we will create an accordion that will animate the content areas on opening and closing.
There are many variations of CSS-only accordions around, most of which are implemented using the :target pseudo-class. The problem with using :target is that we can’t really close the content areas again or have multiple sect…

Accordion with CSS3 was last modified: February 21st, 2012 by tympanus.net

SUBSCRIBE

Subscribe to our free weekly newsletter.

TRENDS POSTS

7 Web Design Trends to Watch for in 2015

As technology changes, so do user habits, and as user habits change, so does web design. Curious what web design ...

How much should you charge for design?

How many times have you asked yourself this question? A potential client wants your proposal for a design project. You’re sitting in ...

What is an Interaction Designer?

These two little words are being used a lot in the design sphere these days. But what truly is interaction ...

Print-ready Wireframe Sketch Sheets

These PDFs are perfect for anybody who does a lot of sketching on random sheets of paper. Included are 5 ...

The ultimate guide to SVG

Imagine you could embed an image in a web page, scale that page to any size, and never lose image ...

Hosting a WordPress Website on Google App Engine

When WordPress started out, it was just a blogging platform, but it has continuously evolved into a full content management system, ...

Examples of Hidden Menus in Website Design

You're reading Examples of Hidden Menus in Website Design, originally posted on Designmodo. If you've enjoyed this post, be sure ...

How to boost your personal brand as a designer

Perception is everything! Many famous creatives grew to fame because people knew about them, more than their work. Should you ...

One Page Website Template

Today we are very happy to share a beautiful and modern one page website template with you. Boxify is a stylish ...

EventRay UI KIT – Free Download

This reedy-to-use interface kit includes multiple layouts and UI elements designed for Web and Mobile use.

How to Add Click to Tweet Boxes in Your WordPress Posts

Have you seen beautiful quote boxes on popular sites which encourage users to Tweet? These click to tweet quote boxes ...

Create a Thistle Infographic to Celebrate Burns Night in Adobe InDesign

Scots around the world will be celebrating the birthday of the Scottish poet Robert Burns tomorrow. But how much do ...

How & Why Prototypes Are Mandatory for Good Design

Nothing brings you closer to the functionality of the final product than prototyping. While wireframes sketch out the blueprint and ...

How to Add a Login Form in Your WordPress Sidebar

>Are you looking to add a login form to your sidebar? If you are running a multi-author site, or allow ...

Resources for Web Designer ordered by popularity on social network
Email to B4WD
MisterWebby - Free PSD
Top