SEARCH

Search resources for web designer within website.

SEND

Share with us resources, articles or posts.

SEND POSTS

SEND POSTS

Link Title (required)

Link URL (required)

Post Text(required)

×

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

Faster CSS layout debugging

The cascade part of cascading style sheets can be tricky. Placing an outline on every element can help you figure out ...

RICG Responsive Images For WordPress

I recently teamed up with Mat Marquis of the Responsive Images Community Group to help integrate responsive images into the ...

Inspiration for Button Styles and Effects

Today we’d like to share some fresh button styles and effects with you. The current “button trend” is quite exciting ...

HTML & CSS Examples of Material Design in Action

We touched on Material Design a few months ago (Material Design GUI kits, you should check them out!) just as ...

306 Pixel Perfect Crafted Icons

Subway is a set of 306 pixel perfect crafted icons optimized for iOS, Windows Phone, Windows and BlackBerry 10. Subway ...

Secondary sliding navigation

A bold, secondary menu that slides over the main navigation.Today’s resource is a simple, handy snippet: a secondary navigation that ...

How to Create a Stylized Captain’s Portrait in Adobe Illustrator

Ahoy, mateys! In this tutorial we will learn how to draw a stylized flat portrait of a funny captain, using ...

How to Stop Users From Sharing Passwords in WordPress

By default a WordPress user can login to an account from multiple locations at the same time. This may compromise ...

Using Plugins to Speed Up WordPress

One of the most popular talking points in the WordPress community is speeding up WordPress and optimizing web pages. I ...

20 Examples of White Space Use in Web Design

Let’s say you’re in a library. It wouldn’t be nice at all if you couldn’t move around because of the ...

Syntax highlighting for the Web

Highlight.js is a syntax highlighter written in JavaScript. Features: 112 languages and 49 styles (live demo), automatic language detection, multi-language code highlighting, ...

How to Archive Posts Without Deleting Them in WordPress

Have you ever wanted to hide older posts from your blog without deleting them? Wouldn’t it be nice if you ...

How to Create the Definitive Designer’s Essential Pack in Adobe Illustrator

Because I believe that all designers have their own secret essentials pack, I decided to show you how to build ...

Quick Tip: Working With Adobe Illustrator Vectors in InDesign

What You'll Be CreatingAdobe InDesign is a fantastic layout design program, but it isn’t usually the software of choice for ...

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