Browsing Tag

design

Sort by

Design for Developers

Design for Developers

on Dec 17th 2010 with 56 comments

Just because you didn’t get to go to that awesome conference doesn’t mean that you can’t still watch the lectures! Each weekend, we’ll feature a recommended web development lecture on Nettuts+.

During the recent DjangoCon, Idan Gazit gave an excellent presentation that details the fundamentals of design…for developers! Over the course of the talk, he discusses everything from white space, to line-heights, to the importance of contrast. If you’re a visually challenged developer, this one should help!

(Continue)

Take Advantage of CSS3 to Achieve Subtle Design

Take Advantage of CSS3 to Achieve Subtle Design

on Jul 16th 2010 with 44 comments

I hear this CSS3 thing is all the rage. Resources are flying around the tutorial world and blogosphere providing brilliant examples of creative new ways to design using CSS3 modules. However, it’s easy to over-implement and lose the brilliant subtlety of great user interfaces. Here are three quick tips for using powerful CSS3 techniques in subtle ways.

(Continue)

A Beginner’s Guide to Design Patterns

A Beginner’s Guide to Design Patterns

on Jul 7th 2010 with 65 comments

Ever wondered what design patterns are? In this article, I’ll explain why design patterns are important, and will provide some examples, in PHP, of when and why they should be used.

(Continue)

Inspiration: 40 Unique Footer Designs

Inspiration: 40 Unique Footer Designs

on Jun 18th 2010 with 56 comments

For this week’s stream of inspiration, we’ve collected forty fantastically creative and unique footer designs.

(Continue)

Quick Tip: Practical CSS Shapes
videos

Quick Tip: Practical CSS Shapes

on May 13th 2010 with 135 comments

A common design technique lately is to create a fold effect, where it appears as if a heading is wrapping behind its container. This is generally achieved through the use of tiny images; however, with CSS, we can mimic this effect quite easily. I’ll show you how in four minutes.

(Continue)

How to Design a Website with Fireworks
plus

How to Design a Website with Fireworks: New Premium Tutorial

on Feb 24th 2010 with 75 comments

In this week’s Premium video tutorial, we’ll teach you how to design a home page for a website using Adobe Fireworks CS4. Over the course of the video, you’ll learn numerous tips and tricks to accomplish the final design, including how to work with a grid. Help give back to Nettuts+, and join Plus!

(Continue)

preview

Design and Code Your First Website in Easy to Understand Steps

on Aug 3rd 2009 with 287 comments

In this tutorial, we’re going to design and code our first website in simple, easy steps. This tutorial was written for the beginner with the hope that it will give you the tools to write your own standards-compliant websites! It’s a brand new week; maybe it’s time to learn a new skill!

(Continue)

Design and Code a Website Design from Scratch – Part II

Design and Code a Slick Website From Scratch –
Part II

on May 29th 2009 with 136 comments

With the Internet becoming more and more popular every minute, a great-looking website is somewhat of a must-have. You could obviously pay a web designer to design one for you, but wouldn’t it be really cool to design and code it yourself? “Difficult”, you may say; but it’s actually not too hard once you’ve learned how to do it!

In this second part of the tutorial, we will code our design into a standards-compliant, cross-browser xHTML, CSS, and JavaScript/jQuery layout. Fire up Coda, or your editor of choice… it’s coding time!

(Continue)

Design and Code a Website Design from Scratch – Part I

Design and Code a Slick Website from Scratch –
Part I

on May 28th 2009 with 136 comments

With the Internet becoming more and more popular every minute, a great-looking website is somewhat of a must-have. You could obviously pay a web designer to design one for you, but wouldn’t it be really cool to design and code it yourself? “Difficult”, you may say; but it’s actually not too hard once you’ve learned how to do it!

In this first part, you’ll learn how to design a neat-looking website that you can easily adapt to your business. It’s time to get started!

(Continue)