If you already have a solid grasp on building websites, you may not know where to move next. There are so many topics held under the umbrella of HTML5/CSS3. It’s not possible to learn them all in one sitting! But tons of design blogs these days are writing tutorials geared towards advanced web developers.

Below I have included 23 examples of what I would deem “advanced” web design. These are mostly focusing on CSS3 effects and constructing webpages with HTML5 elements (and some light jQuery in a few). If you know of any other great articles please share links in the comments area below.

Apple Navigation Bar using CSS Sprites

CSS3 Flexible Box Model

Design an HTML5 iPhone App Website

CSS3 Dropdown Menu

How to use CSS3 Orientation Media Queries

Single-Page HTML5/CSS3 Portfolio Template

Spinning Newspaper Effect with CSS3

Learning the :before and :after pseudo classes

Create a Fun Animated Menu with Pure CSS

Slick CSS3 Login Form

Making a Beautiful HTML5 Portfolio

Have a Field Day with HTML5 Forms

Create Depth And Nice 3D Ribbons Using Only CSS3

CSS3 & Flexible Mobile UI Graphics

Create Beautiful CSS3 Typography

Create Page-Flip Effect with HTML5 Canvas

The Easiest Way to Create Vertical Text with CSS

Create a Stylish HTML5 Template from Scratch

CSS Gradient Text Effect

Use CSS3 to Create Dynamic Card Stacks

iPhone Style “Slide to Unlock” with CSS3

CSS Link Icons with Selectors

Building CSS3 Progress/Upload Bars

Posted by Jake Rocheleau

Jake is a writer & digital designer/illustrator. He writes about all things web and creative. Check out his website for work samples and follow his latest updates on Twitter @jakerocheleau.

Leave a reply

Your email address will not be published. Required fields are marked *