Search in Resources

Subscribe

A Closer Look At the Blueprint CSS Framework

Blueprint is a CSS framework that can save you time and headaches when working on any project that involves HTML and CSS, whether it be with Rails, PHP, or just laying out an HTML page. In this tutorial you will get a look at the inner workings of Blueprint...
read more

Better User Experience With Storytelling, Part 2

  In the first part of this Better User Experience With Storytelling series, we explored some of the basic structures and story patterns found in myths and religions. We saw how these patterns continued into modern stories such as The Matrix...
read more

How to Design a Portfolio Site, Part 2

Editor’s Note: Elliot will be doing a talk called “The Perfect Portfolio Site” on the FOWD Tour. This is the second video in our two-part series focusing on how to design a killer portfolio site (feel free to check out Part One). In...
read more

Top 15+ Best Practices for Writing Super Readable Code

Code readability is a universal subject in the world of computer programming. It’s one of the first things we learn as developers. Readable and maintainable code is something to be proud of in a finished product. We can share it with others, contribute...
read more

Books that Inspire

Yesterday I had the pleasure of sitting at the back of “Handcrafted CSS“, a workshop led by Dan Cederholm and Ethan Marcotte. The workshop was based on their recently published book of the same name, if you don’t own a copy definitely...
read more

5 Alternative And Tiny CSS Grid Systems

CSS grid system is one tool that facilitates the work of web designers and web developers to develop a website. Advantage of using CSS grid system is you can reduce development time. Grids also provide uniformity and consistency in the placement of HTML...
read more

CSS 3 Cheat Sheet (PDF)

  Just last week we released an extensive printable HTML 5 Cheat Sheet that lists all currently supported HTML 5 tags, their descriptions, their attributes and their support in HTML 4. In comments to this post we received many requests for a similar...
read more

Book Review Beginning CSS Web Development , by Simon Collison

The cascade, inheritance, contextual selectors. As someone who has been using Cascading Style Sheets (CSS) in the real world for a while it’s sometimes easy to forget it can be tricky to get started. Beginning CSS Web Development, written by Simon...
read more

10 Useful CSS/JS-Coding Solutions For Web-Developers

  Often creative and truly remarkable design solutions remain unknown because we, designers, simply overlook them. Being busy with our own projects, we sometimes try to grasp the intuition behind (probably) complex and cluttered code of other designers...
read more

10 Promising CSS Framework That Worth A Look

Most of web designers should heard about “CSS Framework”, and I believe some of you had tried them before. Just like other programming and scripting language, CSS do have some repeat code that can be packed together to ease our daily job....
read more

15 Extremely Useful CSS Grid Layout Generator For Web Designers

There are a lot of online generators which can help designers a lot. Some example of online generators are favicon generators, background generators, button generators, and badge generators. Balkhis had wrote an excellent article about extremely useful...
read more

CSS Fudamentals: Containing Children

I’ve received multiple requests for simpler CSS tutorials that teach the tricky fundamentals. This will serve as the first entry in a series that will receive new additions sporadically each month. Today, we’ll be reviewing the overflow:...
read more

Enhance your (Page) Performance!

One of the biggest obstacles to tackle in web site and web application design is the initial response time of the product. There is a common feeling among web users that things just don’t happen fast enough. Why is this such an issue? Perhaps people...
read more

Are You Following the Principles of Top Notch CSS Design?

CSS can be an extremely powerful markup language for designers. However, the CSS that is produced is only as good as the principles that are being followed by the designer creating the code. While you may think that anyone can crank out CSS, there is...
read more

Large Website Backgrounds Do’s and Don’ts

Large backgrounds make a very impressive visual impact on websites. A web designer has the possibility to play with different design variables that are usually used by photographers, such as depth of field or focus. The background does not have to be...
read more

30 Useful Web Design Books for 2009

To keep up with the fast-paced web design industry you must seek out self education sources as often as possible, such as books, or you’ll be left behind. The year 2009 promises to bring us some excellent, and even groundbreaking, new reads. Listed...
read more

Why Does Clean Markup Matter in Web Design?

Because the web is a changing and ever evolving organism, it’s important to build sites that can grow with it and easily ride the current instead of drowning when a new wave approaches. Clean markup and building with web standards not only helps you...
read more

5 Time Saving CSSEdit Tips

CSSEdit is another fantastic web dev app, which takes Apple’s WebKit by the reigns to deliver a fantastic real-time visual CSS editing experience. But that’s just it! People only know it as a visual CSS editor, when it is actually much more!...
read more

6 Easy Ways to Improve Your HTML Emails

Like many other web designers, I thrive on coding beautiful yet flexible web pages that display virtually identical in every web browser. Unfortunately, designing email newsletters sends you back ten years. Deprecated tags, tables, inline styling, oh...
read more

Prototyping With The Grid 960 CSS Framework

Grid 960 is a CSS Framework that enables developers to rapidly prototype designs. They are excellent tools for creating mock ups. Why? Because they do all the heavy lifting allowing you to get faster results. That sounds nice, but how do we do that?...
read more

5 Techniques to Acquaint You With CSS 3

CSS is a well-known, widely used language to style websites. With version three in the works, many time-saving features will be implemented. Although only the most modern browsers currently support these effects, it’s still fun to see what’s...
read more

5 Ways to Instantly Write Better CSS

Sure, anyone can write CSS. Even programs are doing it for you now. But is the CSS any good? Here are 5 tips to start improving yours. 1. Reset Photo by redux Seriously, always use a reset of some sort. Whether you are using the Eric Meyer Reset, the...
read more

Design a Beautiful Website From Scratch

Have you ever wanted to design a beautiful website but just didn’t know how? To be honest, a few years ago, that happened to me too. While browsing the web, I saw so many nice looking websites and wished I had the skills to create such designs....
read more

30 HTML Best Practices for Beginners

The most difficult aspect of running Nettuts+ is accounting for so many different skill levels. If we post too many advanced tutorials, our beginner audience won’t benefit. The same holds true for the opposite. We do our best, but always feel free...
read more

Design and Code a Slick Website From Scratch – Part II

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â
read more

10 Useful Firefox Extensions to Supercharge Firebug

Firebug is a revolutionary Firefox extension that helps web developers and designers test and inspect front-end code. It provides us with many useful features such as a console panel for logging information, a DOM inspector, detailed information about...
read more

Tables: The Next Evolution in CSS Layout

Today, a talented web designer must be a modern-day MacGyverâ
read more

[Ask SM] Transparent Background, Positioning Problem

This is our fourth installment of Ask SM, featuring reader questions about Web design, focusing on HTML, CSS and JavaScript. In this post weâ
read more

The Mystery Of CSS Sprites: Techniques, Tools And Tutorials

CSS Sprites are not new. In fact, they are a rather well-established technique and have managed to become common practice in Web development. Of course, CSS sprites are not always necessary, but in some situation they can bring significant advantages...
read more

Ask SM: CSS Quick-Question Edition

This is our sixth installment of Ask SM, featuring reader questions about Web design focusing on HTML, CSS and JavaScript. These entries are not all questions, but rather quick Twitter responses to the query, “What has been your most difficult...
read more

Fixed vs. Fluid vs. Elastic Layout: What’s The Right One For You?

The problem has boggled the minds of Web designers for years: fixed, fluid, elastic or a hybrid layout design? Each option has its benefits and disadvantages. But the final decision depends so much on usability that it is not one to be made lightly....
read more

Adaptive CSS-Layouts: New Era In Fluid Layouts?

Fluid web designs have many benefits, but only if implemented correctly. With proper technique, a design can be seen correctly on large screens, small screens and even tiny PDA screens. With bad coding structure, however, a fluid layout can be disastrous....
read more

Take Your Design To The Next Level With CSS3

Cascading Style Sheets were introduced 13 years ago, and the widely adopted CSS 2.1 standard has existed for 11 years now. When we look at websites that were created 11 years ago, it’s clear that we are a thousand miles away from that era. It is...
read more

Bye-bye to Boring Page Footers

Gone are the days when a footer merely ended the page. Now it is just as likely to be an all-encompassing launchpad to other areas of the site. Typically a footer will run the full length of the layout, and it is usually used to display information at...
read more

Microsoft Expression Web Final Release

Having reviewed Microsoft Expression Web back in June 2006, giving it rating of 3 out of 5, I was glad of the opportunity to have a look over the final release version of the product, to see how well it supports designers in creating sites using CSS....
read more

Book Review ‘Beginning CSS Web Development’, by Simon Collison

The cascade, inheritance, contextual selectors. As someone who has been using Cascading Style Sheets (CSS) in the real world for a while it’s sometimes easy to forget it can be tricky to get started. Beginning CSS Web Development, written by Simon...
read more

The Standards Way to Do Dynamic Data

Somewhere in between presenting static information graphics and complex, interactive data dashboards there’s a need for a way to visualize moderately dynamic data on the web. Oftentimes the solutions you see implemented are clunky, for example,...
read more

Creating Sexy Stylesheets

Lately, I have taken interest in discussing methods of creating sexy stylesheets. While CSS can be used to create sexy websites, writing CSS can actually be an artform by itself. The way in which CSS is created, structured, and maintained can be a thing...
read more

Stay on :target

In this article, I want to introduce you to a really powerful CSS3 pseudo selector called :target. Much like :hover, :target is invoked during certain interactions with the website. Specifically, when applied to a fragment identifier. On a page such...
read more

Handy Tips from Tipster

There have been a ton of helpful and interesting tips posted to Tipster recently, so I thought we’d pull a few out for you all (and give the submitters a bit of well-deserved publicity). Topics that we’re covering are: MySQL, CSS, JavaScript,...
read more

HTML Emails - Taming the Beast

HTML email - you either love it or you hate it. Some love the simplicity of text-only emails, while others praise the flexibility and good looks of HTML. But it doesn’t really matter whether you love it or hate it because sooner or later a client...
read more

Ensuring your HTML Emails Look Great and Get Delivered

Boy what a difference 18 months can make! In my last Vitamin article I was singing the praises of standards based email and encouraging the use of CSS in your email designs. While the browser market has continued to strive for better standards support,...
read more

Review: Campaign Monitor, Email Newsletter Software

Campaign Monitor is an online email marketing application that enables designers to create, send, manage and track branded emails for themselves and their clients with ease. Freshview, the company behind Campaign Monitor recently updated the software,...
read more

Post your message and we'll contact you immediately.
Thank you for your desire to work with us.

Please, fill out the required fields!

Close
OK