WEBEXPEDITION18 Never Stop The Exploring

The power of CSS3 never ceases to amaze us. Over the last months, we’ve seen web designers creating and presenting a remarkable CSS techniques and tools. We have collected some excellent CSS3 articles and tutorials presenting powerful and innovative coding techniques for your convenience.

Please don’t hesitate to comment on this post and let us know what do you think about these articles and tutorials and do you find them useful.

Create a 404 Page with CSS3 Animations

WebKit-wizard Trent Walton, founder of Paravel, explains how he built .net’s latest 404 page using CSS3 animations.

How To Use CSS3 Pseudo-Classes

A number of powerful new pseudo-selectors enable us to select elements based on a range of new criteria. Learn how to use CSS3 pseudo-classes.

Adaptive & Mobile Design with CSS3 Media Queries

This tutorial will show you how to create a cross-browser adaptive design with HTML5 & CSS3 media queries.

Add Cutting-Edge Visual Effects

The list of cutting-edge CSS3 techniques is ever-expanding. Trent Walton and Dave Rupert from Paravel explore how these new properties can be implemented right now.

Type Study: Choosing Fallback Fonts

Even if the desired fonts are not available, the fallback experience should convey the spirit of the design and support the intended message.

CSS Mask-Image & Text

Trent Walton explains how to achive the same level of control over type that print designers have, including texture, in web design.

CSS Gradient Tips (and more!)

Ever seen a website where you just want to touch everything? Tim Van Damme explains the CSS tips he used in the Gowalla redesign

Ring a Bell with CSS Keyframe Animations

Time to have some more fun with a CSS animation as in this tutorial Tom Kenny will show us how to realistically animate a ringing bell.

HTML5 & CSS3 Envelope Contact Form

In this article you’ll learn how to create a nice contact form completely out of HTML5 and CSS3.

Pure CSS Tic Tac Toe

Tic Tac Toe created using CSS only.

Coding Up a Semantic, Lean Timeline

This article tells you how to create a semantic lean timeline.

CSS3 vs. CSS: A Speed Benchmark

As a single use case experiment, Trent Walton designed and coded a Web page and added visual enhancements twice: once with CSS3, and a second time using background images sliced directly from the PSD and then he measured the loading times.

Beveled Corners & Negative Border-Radius with CSS3 Gradients

Beveled corners and simulate negative border radius without images, by utilizing CSS3 gradients once again — Lea Verou is amazed by how many CSS problems can be solved with gradients alone.

Create a CSS3 Image Gallery with a 3D Lightbox Animation

In this tutorial Tim Kenny will show us how to create image gallery with a 3D lightbox animation with the use of CSS.

The Apple.com Navigation Menu Created Using Only CSS3

A while ago the Apple.com website got a new navigation menu on the top of the page. Marco Folio present us the Apple.com navigation menu created using only CSS3.

Sexy CSS3 Menu

One of the most common elements when talking about a website or an application design is definitely the menu navigation. In this article, you’ll learn how to create a good looking menu using some CSS3 magic.

We are the world leaders in providing best MB3-230 prep solutions. Our incredible offers for MB6-295 and 77-602 exams are accessible at reasonable prices; 70-293 is very rare in IT world sense.

Authored by Nikola Lazarevic

Web Designer, Blogger, M.Sc in Electronic Engineering from Nis, Serbia. Founder of webexpedition18.com. You can find me on Twitter.