Web design tutorials, web development and programming tutorials | .net

Popular tags

Tutorial

Design 100 objects at once in Photoshop

by Dmitry Tsozik

Design 100 objects at once in Photoshop

Sort by:

Tutorial

Make your website printable with CSS

Adrian Roselli shares some techniques for adapting to different media

5 Mar 2013

By Adrian Roselli on March 05, 2013 | 3 comments

Responsive design isn’t just about screen size; it also means adapting to different media – including print. Adrian Roselli shares some techniques
Tutorial

20 Photoshop tips for web design

Dan Rose reveals the Photoshop secrets you need to know

6 Jun 2011

By Dan Rose on June 06, 2011 | 20 comments

Being a web design hero isn’t about trendy effects, but sound design fundamentals and knowing your way around Photoshop, says Dan Rose
Tutorial

Make a better FAQ page with jQuery

Learn a jQuery expand and collapse technique

25 Oct 2012

By Natalie Maclees on October 25, 2012 | 4 comments

Learn a jQuery expand and collapse technique that will be useful in many situations
Tutorial

Master CSS pixels for Retina displays

Sean B Palmer on the past and future of CSS resolution independence

28 Aug 2012

By Sean B. Palmer on August 28, 2012 | 3 comments

As screens get smaller and more detailed, web pages will have to change to cope. Sean B Palmer examines the past, and the future, of CSS resolution independence
Tutorial

Master the WordPress Loop

Joe Casabona's starter guide resolves the most common queries

5 Jul 2012

By Joe Casabona on July 05, 2012 | 6 comments

The Loop is the basis of dynamic content in WordPress. Joe Casabona explains what it does, how to use it, and resolves the most common Loop-related queries
Tutorial

Create fluid width videos

Chris Coyier shows us how to create fluid width videos

9 Aug 2011

By Chris Coyier on August 09, 2011 | 9 comments

CSS-Tricks' Chris Coyier talks us through different CSS and jQuery solutions to create responsive and fluid width videos that maintain aspect ratio and work with all major video hosts, including YouTube and Vimeo
Tutorial

Create monstrous characters with Illustrator CS5's Bristle Brush

Learn how to use Illustrator's new Bristle Brushes to create monsters

19 Jan 2012

By Paddy Donnelly on January 19, 2012 | 9 comments

Illustrator and web designer Paddy Donnelly shows us how to use Illustrator CS5's new Bristle Brush feature and a Wacom tablet to create monsters
Tutorial

Create a clickable accordion with CSS animation

Use CSS3 to create an automatically centred clickable accordion

5 Jul 2011

By Benjamin De Cock on July 05, 2011 | 4 comments

Belgian interface designer and CSS trickster Benjamin de Cock shows us how to use the power of CSS3 to create an animated, automatically centred clickable accordion, while also discussing the drawbacks of the technique
Tutorial

Hook into native events with PhoneGap

Develop cross-platform apps with web standards using PhoneGap

5 Feb 2013

By Matt Gifford on February 05, 2013 | 1 comment

Develop cross-platform apps with web standards: Matt Gifford introduces PhoneGap
Tutorial

Get to grips with CSS3 multiple background images

Prisca Schmarsow explains how to add a number of separate images

22 Nov 2011

By Prisca Schmarsow on November 22, 2011 | 17 comments

What if you could keep your HTML clean and still add a number of separate images to your design? Freelance front-end designer Prisca Schmarsow shows you how you can do this with CSS3 multiple background images
Tutorial

Play HTML5 audio in the browser

Ashley Gullen explains how to play HTML5 audio natively in the browser

1 Nov 2012

By Ashley Gullen on November 01, 2012

Playing HTML5 audio natively in the browser can be a challenge. Ashley Gullen, creator of HTML5 game editor Construct 2, guides you through the maze
Tutorial

Build a portfolio with CSS3 transitions

Replace jQuery animation and HTML5 markup with CSS3 transitions

14 Mar 2013

By Andrew Markham-Davies on March 14, 2013 | 5 comments

Build a modern, interactive portfolio page using CSS3 transitions to replace jQuery animation and HTML5 markup, with Andrew Markham-Davies
Tutorial

Build a responsive site in a week: images and video (part 3)

Paul Lloyd on incorporating images and videos into responive layouts

25 Apr 2012

By Paul Robert Lloyd on April 25, 2012 | 6 comments

In the third part of our responsive web design tutorial, Clearleft’s Paul Robert Lloyd looks at incorporating images and video into responsive layouts, and describes some of the problems in this area that still need solving.
Tutorial

Start your project right with Modernizr

Learn how to make the most of feature-detection library Modernizr

22 Nov 2012

By Chris Olberding on November 22, 2012 | 9 comments

The HTML5 Boilerplate includes the feature-detection library Modernizr. Learn how to take full advantage of what this feature-rich JavaScript library has to offer when you start a new project
Tutorial

Make a CSS animated sprite in Photoshop

How to produce a retro gaming-inspired sprite

31 Jul 2012

By Sam Hampton-Smith on July 31, 2012

With new CSS features come opportunities to animate without the need for script. Sam Hampton-Smith demonstrates how to produce a retro gaming-inspired sprite

June issue on sale now!

Popular this week

Hosting Directory

.net digital edition

Treat yourself to our geeky merchandise!