Coding Techniques - Awwwards Blog

New season, New skills! All Courses at $9.99

Jun 19, 2013

Case Study: Creating a Website for a Cycling Legend
by
North2
We consider websites a great medium for telling someone’s story, be it a brand, company, a person or an idea. Not only are we able to use all...

Read Article
Jun 12, 2013

Case Study: The Air Jordan 2012, by Blast Radius
by
Blast Radius
The Air Jordan 2012 campaign goal was to fly consumers into the world of basketball’s first fully customizable shoe. The immersive experien

Read Article
May 28, 2013

20 HTML5 Video Websites Examples and Resources
by
awwwards.
These days embedding video in a website is very easy, the <video> element in HTML5 is co

Read Article
May 22, 2013

Case Study: inTacto's 2012 Responsive Greeting Card
by
inTacto Digital Partner
We’re starting a new series of blog posts featuring “Case Studies” of unique projects that experiment with the boundaries of the Web and create...

Read Article
Apr 16, 2013

Learn to Use Regular Expressions with Lea Verou
by
awwwards.
Regular Expressions are an essential tool for any developer but they're a source of real terror for many web designers. A Regular Expression...

Read Article
Apr 11, 2013

CSS3 3D Transforms by Peter Westendorp
by
Peter Westendorp
CSS 3D Transforms is a module that started life as a Draft specification in 2009. Using this specification, you can transform any visual DOM...

Read Article
Mar 28, 2013

Stunning Resources for Paper Folding Animation Effect
by
awwwards.
Today on the blog we’re presenting what could be a very effective and inspiring resource for your web UX: the Paper Folding Effect. This effect...

Read Article
Mar 21, 2013

Disassembling and Organizing Objects by Todd McLellan
by
awwwards.
Things Come Apart and Dissembly Series

Read Article
Mar 13, 2013

Don't Delay! Responsive Web Design now! 10 Great Examples...
by
awwwards.
Adaptive design has evolved from being a strong trend to become a reality of the web today. In a world that has been conquered by mobile devices...

Read Article
Mar 6, 2013

Site of the Month February 2013: Find Your Way To...
by
awwwards.
The month of February has brought us as Site of the Month winner a joint project by Unit9 and Google Creative Labs, for the newly re

Read Article
Feb 27, 2013

10 Web Design Trends for 2013
by
awwwards.
For starters, we’d like to say thank you for the amazing reception our free eBook Web design

Read Article
Feb 20, 2013

What are Frameworks? 22 Best Responsive CSS Frameworks...
by
awwwards.
This post aims to present what frameworks are and what they are used for, alongside a selection of the best that can be got for free on the...

Read Article
Feb 7, 2013

TouchSwipe: a jQuery plugin for touch and gesture-based...
by
Skinkers
The TouchSwipe plugin was originally written for an iPad specific website for Renault. The main feature was a gallery of cars, where the user...

Read Article
Jan 8, 2013

Responsive Solutions to Design Menu Navigation in...
by
awwwards.
In responsive design for smartphones and mobile devices with low resolution screens, one of the most common and difficult challenges to address...

Read Article
Nov 29, 2012

Giveaway: Win a License for a Bricks UI Pack with...
by
awwwards.
DesignModo and Awwwards we bring you a fantastic giveaway to get The Bricks UI Pack. Between them, these two prizes are worth a total of...

Read Article
Nov 21, 2012

CSS Preprocessors: Focused Decisions
by
Nick Walsh
CSS is, intentionally, a simple language. With the rise of the complex webapp, the front-end developer specialization, and an increasing feature...

Read Article
Nov 13, 2012

Building an Adaptive Grid with MUELLER
by
Patrick Kranzlmüller
MUELLER is a modular grid system for responsive/adaptive and non–responsive layouts, based on

Read Article
Sep 17, 2012

How To Create Effective Icons
by
Andrew Colin Beck
I am maybe what you would call an iconophile. I LOVE icons, and I love making them even more! As an artist, my background is heavily in drawing...

Read Article
May 15, 2012

22 Experimental WebGL Demo Examples
by
awwwards.
WebGL is a web standard created to display 3D graphics in any platform that supports OpenGL. It makes use...

Read Article
Apr 16, 2012

20 Websites with Fullscreen Video
by
awwwards.
Video has always been one of the most effective tools in communication. When it's combined with the powers of the web, there's no stopping the...

Read Article

1 234 Next