Using document.createElement() to test for support for an element

Checking whether the browser supports a particular HTML element can be tricky, such as the element of HTML5. But a particular DOM method can help. read more

Adaptive float fixing

A common problem faced by many web developers is how to correctly handle a series of floated, margined elements inside a fixed width container.

Read more at www.venturelab.co.uk →

read more

Take Advantage of CSS3 to Achieve Subtle Design

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

Sites of the Week #111

For this Sites of the Week we have selected some great sites such as Hugs for Monsters and Roambi. Also we’re featuring the new Hicks’s blog called Hickensian and much, much more! As usual we would love to hear from you, keep sending your suggestions to us and we will… read more

10 jQuery Slider Techniques and Plugins

Last year we posted a collection of jQuery slider techniques and plugins. In a years time the trend of using these types of sliders or slideshows to display featured content has only grown more popular. This means more sites are using jQuery sliders and more people are coming up with… read more

30+ Innovative Icon-Based Navigation Menus

30+ Innovative Icon-Based Navigation Menus

read more

WordPress Quick Tip: Highlight Author Comments Using CSS3

WordPress Quick Tip: Highlight Author Comments Using CSS3

read more

The Honk Kong Headquarters of M Moser Architecture

For fans of offices, we will present today an architectural firm, they are M Moser Architects. They have offices in different corners of the world, but today we’ll show you their office in Hong Kong, which is simply amazing!

<!–break–>

The rooms feels very comfortable and spacious. I love these islands of… read more

The Hong Kong Headquarters of M Moser Architecture

For fans of offices, we will present today an architectural firm, they are M Moser Architects. They have offices in different corners of the world, but today we’ll show you their office in Hong Kong, which is simply amazing!

<!–break–>

The rooms feels very comfortable and spacious. I love these islands of… read more

Object Oriented JavaScript: Creating an Window Box

This is a very short tutorial about Object Oriented Programming in JavaScript, in which we are going to create an object called JSWinbox that simulates a window in our browser. read more

Full Browser Flash

Most Flash movies are created at a specific size, which makes them much easier to design and build. But every now and again you come across a website built in Flash that fills the entire browser window and dynamically repositions its elements when the browser is resized. In this tutorial… read more

Best jQuery Carousels plugins

Today we presents a collection of best jQuery carousels plugins. read more

Sexy Link Transformations with CSS

Using a variety of browser-specific rotation and advanced CSS3 styles, you can create a sexy, unique link animation effect! read more

When One Word Is More Meaningful Than A Thousand

You may be wondering why you’re reading about the good old semantics on Smashing Magazine. Why doesn’t this article deal with HTML5 or another fancy new language: anything but plain, clear, tired old semantics. You may even find the subject boring, being a devoted front-end developer. You don’t need a… read more

13 Amazing Examples of HTML5 and CSS3

Another post that demonstrate the power of HTML5 and CSS3. New experimental demonstrates are being released so often, so I must make another post for it! read more

CSS3 PIE: CSS3 decorations for IE

PIE makes Internet Explorer 6-8 capable of rendering several of the most useful CSS3 decoration features.

Read more at css3pie.com →

read more

A Collection of Printable Web Browser Sketching and Wireframe Templates

All of the printable sketching templates that you will find below have all been designed specifically for web designers. Each of the sketching templates have an imprint of a web browser (they either use Safari, Chrome or Firefox) just waiting for you to wireframe or sketch your next design project.

Each… read more

40+ Must-Bookmark PHP Classes & Libraries For Developing Faster

High quality and free PHP classes and libraries that’ll help any developer to create faster and better read more

WordPress 3 and What You Can Do!

A deeper look at new features of WordPress 3 and see what we can do. read more

HOW TO: Optimize Your Mobile Site Across Multiple Platforms

This series is supported by Webtrends Mobile Analytics, which lets you monitor the adoption and usage of your mobile apps and mobile sites. To keep up with Webtrends Mobile, add their blog to your RSS reader.

One of the most difficult aspects of designing for the mobile web is making your… read more

13 Google Chrome Extensions To Simplify Web Designer’s Life

You might have been using Chrome for a quite some time now but there is a good chance you are not taking its full advantage. Chrome’s maximum potential lies in the power of its extensions. Below We have gathered 13 Chrome extensions that will enable you all… read more

Optimizing javascript/jQuery loading time, a beginner’s guide

With some great free tools you can easily optimize your javascript to load 2 or 3 times faster if you are willing to trade the regular way of embedding javascript file in the document head. read more

Optimizing javascript/jQuery loading time, a beginner’s guide

With some great free tools you can easily optimize your javascript to load 2 or 3 times faster if you are willing to trade the regular way of embedding javascript file in the document head. read more

9 More Useful and Free Downloadable Web Design Books

A few months ago we published a popular article called 12 Useful and Free Downloadable Web Design Books, and the positive response we received from our readers was phenomenal. But, just as there is with most things, there is always room for improvement.
With the help of readers and authors… read more

3D wall effect using only JS + CSS3

I recently wanted to test if I was able to give a 3D aspect to wall as a proof of concept, so I fired up textmate, started coding and ended up with this. I only used JavaScript and CSS(3). read more

Optimizing javascript/jQuery loading time, a beginner’s guide

With some great free tools you can easily optimize your javascript to load 2 or 3 times faster if you are willing to trade the regular way of embedding javascript file in the document head. read more

Optimizing javascript/jQuery loading time, a beginner’s guide

With some great free tools you can easily optimize your javascript to load 2 or 3 times faster if you are willing to trade the regular way of embedding javascript file in the document head. read more

Optimizing javascript/jQuery loading time, a beginner’s guide

With some great free tools you can easily optimize your javascript to load 2 or 3 times faster if you are willing to trade the regular way of embedding javascript file in the document head. read more

Optimizing javascript/jQuery loading time, a beginner’s guide

With some great free tools you can easily optimize your javascript to load 2 or 3 times faster if you are willing to trade the regular way of embedding javascript file in the document head. read more

Optimizing javascript/jQuery loading time, a beginner’s guide

With some great free tools you can easily optimize your javascript to load 2 or 3 times faster if you are willing to trade the regular way of embedding javascript file in the document head. read more

Optimizing javascript/jQuery loading time, a beginner’s guide

With some great free tools you can easily optimize your javascript to load 2 or 3 times faster if you are willing to trade the regular way of embedding javascript file in the document head. read more

Optimizing javascript/jQuery loading time, a beginner’s guide

With some great free tools you can easily optimize your javascript to load 2 or 3 times faster if you are willing to trade the regular way of embedding javascript file in the document head. read more

Dive Into Dojo Charting

This post introduce you to the charting library and show you how you can take a boring data collection and make it a beautiful visual chart in any modern web browser. read more

Calling All Bleeding Edge HTML5 Devs

Hey, everyone. The next big category from our popular sister-coding-marketplace, CodeCanyon, will be for HTML5 “apps” — some might call them web stacks. This category will feature everything from advanced to-do lists with offline support, to advanced video, to presentation apps, to even games; all built with HTML5, CSS, and… read more

Vendor prefixes�what happens next?

A regular expression to strip out any vendor specific CSS from a stylesheet. read more

Weekly Design News – Resources, Tutorials and Freebies (N.45)

This is our weekly column in which we share our favorites posts, articles and resources with our readers all from the previous week.

If you would like to be kept up to date with loads of fresh design news and resources, you can follow us on Twitter, on Facebook or even… read more

Dive Into Dijit

One huge feature that sets the Dojo Toolkit apart from other JavaScript libraries is its UI component system: Dijit. A flexible, comprehensive collection of Dojo classes, Dijit allows you to create flexible, extensible, stylish widgets. read more

ServerSide JavaScript with MooTools and NodeJS

This blog post is intended to provide a starting point for ServerSide JavaScript (SSJS) development with MooTools. It is focused on NodeJS and tries to explain the main concepts and differences from client side development. read more

CSS3 Design Contest Results

To get you really excited about CSS3, last month we announced the CSS3 Design Contest and encouraged designers to experiment and get creative with CSS3. As expected, we have received many creative and original submissions. To choose the winners of the contest, we considered the originality of the technique or… read more

75+ Social Media Resources for Artists and Designers

Once a foreign concept, digital art can now be seen in galleries, shops, and even the cover of the New Yorker.

While artists have had access to computer-based tools for years, we’ve also collected some resources for portable platforms including the iPhone and Android devices that have opened up a whole… read more

Openjobs New Site – Case Study

One of the projects that we are very proud here at Zee is the job board Openjobs. Launched in 2008, the website has renewed since its launching, but we decided that it was time to make a full upgrade in it… and I decided to share with you how was… read more

Smoking Hot Mac Interface Design: 30 Stunning Apps

Mac applications are known for their superb design, and in the past few years UI designers have really embraced this trend by creating some really remarkable interfaces. They embrace realism, ooze texture, and generally make you stop and stare.

Today we’ll look at 30 pieces of Mac software that really push… read more

Creating a Simple Twitter App using oAuth and PHP

As the title suggests, today we’ll be making a basic application which updates your Twitter status using oAuth and PHP. So let’s get started without wasting anymore time! read more

CSS Media Queries & Using Available Space

An example on how to use different stylesheets for different screen widths and make the most of available space. read more

Style Your Site According to the Weather with jQuery

By pulling in feed from the Yahoo API with jQuery, you can style your website according to the Weather! Find out how by following this step by step guide. read more

40 jQuery and CSS3 Tutorials and Techniques

In this article you will find a comprehensive selection of tutorials and techniques that make use of some exciting and fresh CSS3 properties and injected this with some innovative jQuery.

You will some truly creative image galleries/sliders, a marvelous selection of innovative navigation techniques, a handful of original form solutions and… read more

40 Inspiring Blog Designs

It’s a fact that the blogosphere is getting bigger and bigger, which I think is great, since we can find some really interesting content if we look in the right place. With the increase of blogs also comes an increase of talented designers pushing blog design to the limits. Most… read more

What CSS3 Can Do For You: Typography and Special Effects

What CSS3 Can Do For You: Typography and Special Effects

read more

Seven Super Quick Tips for Beginner and Amateur Web Designers

Web design is a tricky art that combines both the creative and the analytical skill sets to create something unique and visually compelling. At the end of the day, good web design is more than the sum of its parts. Beginner and amateur designers may think that web design consists… read more

Our Favorite Tweets of the WeekJul 4-Jul 10, 2010

Every week we tweet a lot of interesting stuff highlighting great content that we find on the web that can be of interest to web designers.

The best way to keep track of our tweets is simply to follow us on Twitter, however, in case you missed some here’s a quick… read more

Speed up your sites

Super speed your sites by doing 3 things fewer files, keep for longer in cache and download files concurrently. read more

Best of the Week #127

It’s time for our best news of this week. We have a lot of graphic and web design, a bit of architecture, ads, tech news, awesome reads and other crazy stuff! So take a look at the links we’ve selected for your inspiration and to keep you updated about what’s… read more

Business Catalyst Review

I have a dirty little secret. I hate ecommerce design.

In my history as a designer I’ve always found ecommerce design equivalent to trying to wrestle with a five-hundred-pound greased gorilla. At best it is a big hassle, and at its worst it is blood and carnage flowing down the streets.

My… read more

Top 20 Features Of Firefox 4 (Beta) That Make It Stand Out

The beta for Firefox version 4 was recently released and it has already created a buzz on the web. While many of its features will already demonstrated in its nightly builds, the beta more widely showcases these new features.

Release notes for Firefox v4 outline all the features which web developers… read more

A manageable method for creating CSS image sprites

A brief tutorial how I create and manage CSS image sprites.

Read more at www.lifeathighroad.com →

read more

Sites of the Week #110 – Kaleidoscope Winners

For this Sites of the Week, we’re announcing the winners for the Kaleidoscope giveaway, check it out below! Also we have selected some great sites such as 50 Back and MCQ. As usual we would love to hear from you, keep sending your suggestions to us and we will be… read more

Web Designer as The Artist, Scientist And Philosopher

Web professionals have to be both flexible and creative to meet the needs of each client — and these characteristics often transcend the design and development process. Each of us has a unique approach to our work. The particular mindset and methods by which each of us turns a mental… read more

Drag And Drop Everything With These 30 Handy jQuery Plugins

Do you want to become drag and drop feature expert? Then look no further – mostly these plugins are in jQuery, they are super easy to customize and implement! read more

Drag and Drop Files in Browser

This article shows how to implement Drag and Drop files in browser. Along with JavaScript code there are tip how to implement server side backend to handle uploaded files. read more

When Designers And Developers Work Together

By Robert Bowen

Even in today’s fluctuating job market, one rule that still remains constant and true is to always play to your strengths. Part of this comes from having a complete and firm grasp of your own capabilities and limitations, while part of it also comes from knowing the same… read more

36 (Brand New) Eye-Catching Free CSS Templates

It doesn’t matter how good your site template is, still you will stop if something catches the eye. That means you’re a template lover, great that you’re here. We found some awesome CSS templates on Templatemo and here are some of those to stop you!

You are welcome if… read more

IE-only Styles: Where Should They Be Placed?

How should IE-only styles be placed in your website’s code? Here is a review of all the methods, along with pros and cons for each.

Read more at www.impressivewebs.com →

read more

Occam’s Razor: A Great Principle for Designers

Lex parsimoniae is the Latin expression of what is known in English as Occam’s Razor, a philosophical rule of thumb that has guided some of the world’s best and brightest minds (including Isaac Newton).

It is named after the 14th-century logician and theologian William of Ockham.

But what the… read more

7 Brilliant Minimalist Tumblr Themes

When I sat down to write this post, my first intention was to write about minimal design and how popular they have become over the last few years. Of course, I couldn’t do that without listing some clever examples. But while I was on the hunt for what to include… read more

Visualize Everything: 32 Free Tools To Create Different Diagrams

You will find here 32 online tools collected for creating diagrams, flowcharts, charts and graphs and all you need to use them is a web browser. read more

Create a CSS3 Call to Action Button

Create a CSS3 Call to Action Button

read more

Real World Microformats � RDFa, Microformats And Microdata Practical Examples

Have you ever seen those small grey descriptions in Google search results below the title? If you’re curious on how to get them, then the answer is microformats. read more

Sequential Fade In � JQuery Plug-in

This useful jQuery plugin will allow you to sequentially fade in and fade out elements on a website. read more

11 Delicious TextMate Themes for Designers and Developers

This series is supported by Rackspace, the better way to do hosting. Learn more about Rackspace’s hosting solutions here.

TextMate is one of the most used and well-loved applications for Mac OS X-based designers and developers. Even if it does look like TextMate 2.0 is likely vaporware, the existing app (currently… read more

Inspiration Isn’t Found in a CSS Gallery

Inspiration Isn’t Found in a CSS Gallery

read more

The Menzies Institute in Melbourne, by Lyons

This building is really intriguing, it remembers me Frank Gehry when I saw the curves and shapes of the windows. But this is the Menzies Institute, a building at the University of Tasmania, designed by Lyon Architects, from Melbourne.

<!–break–>

The first thought that passed me when I saw this building was… read more

Collection of jQuery Image Sliders

Hello guys, I just collected a list of 47 jQuery Image Sliders from FREE to PREMIUM all in no particular order. All effects of this slideshows uses jquery scripts to make it usuable and easy to integrate. read more

Designing A Facebook Fan Page: Showcases, Tutorials, Resources

Despite its privacy issues, Facebook clearly has a key role in global Internet activity. It has become a kind of universal social network, being used for both personal and business needs. For many individuals, companies and organizations, Facebook has become an integral part of their branding strategy and promotional campaigns.

Facebook… read more

Prefix or Posthack by Eric Meyer

Vendor prefixes: Threat or menace? As browser support (including in IE9) encourages more of us to dive into CSS3, vendor prefixes such as -moz-border-radius and -webkit-animation may challenge our consciences, along with our patience. But while nobody particularly enjoys writing the same thing four or five times in a row,… read more

Complete Toolbox: 55 CSS Menu And Button Coding Tutorials

Navigation menus and buttons with CSS styling are being used everywhere! Below you will find a lot of tutorials each teaching you some coding technique read more

CSS3: 5 New Resources You Should Bookmark

CSS3: 5 New Resources You Should Bookmark

read more

Useful jQuery Tutorials for June 2010

Today we presents collection of best jQuery tutorials. read more

Complete Beginner’s Guide to Web Analytics

Analysis has traditionally been a numbers game. In this article, we explore the intersection of user experience and web analytics, so that budding designers can add rigor to their process read more

Creative Bookmarks: Best of June 2010

Quick Nav:

Photoshop TutorialsIllustrator TutorialsWeb/Blogging TutorialsFreebies, Inspiration, & ResourcesPhotoshop TutorialsDesign Your Own Graphic Tee in Photoshop

In this tutorial, you’ll learn how to create a cool looking composite t-shirt design from photos and basic drawing techniques.
See Also: Part One

Create a Magical Flaming Heart Illustration in Photoshop

This excellent tutorial will demonstrate… read more

Inspiration: Colorful and Vivid Logos

The world as we see it, is populated by colors. Every day we see brands and businesses using colors to define their identity (for example, the famous "yellow M" of a multinational fast-food chain). Although logos are traditionally made with minimal colors, the shift towards full color is… read more

18 Brilliant Pure CSS Drawings

I have carefully chosen 18 pure and high standard CSS drawing from the web that demonstrate what you can do with the new CSS3. Some of them are even made with CSS1/2 only! read more

Weekly Design News – Resources, Tutorials and Freebies (N.44)

This is our weekly column in which we share our favorites posts, articles and resources with our readers all from the previous week.

If you would like to be kept up to date with loads of fresh design news and resources, you can follow us on Twitter, on Facebook or even… read more

CSS Content

Chris Coyier’s explanation of “content” property in CSS. read more

Six Super Helpful Typography Cheat Sheets

Some may argue that typography is the single most important aspect of web design, but yet it’s often one of the most neglected and overlooked. There’s a lot involved in typography, and becoming a master can be difficult. A lot of it requires much experience, practice, and knowing the rules… read more

Tutorial: Create A Cool Slide Out Panel With CSS3 Only

Tutorial: Create A Cool Slide Out Panel With CSS3 Only

read more

All The Useful Plugins For WordPress Comments

The WordPress comment area must be managed, organized and stylized with CSS and WP hacks or the easy way, using plugins. There are here 47 WordPress plugins and I hope they will help you. read more

The Apple Effect: Ads That Have Launched Music Careers [VIDEOS]

Apple has propelled many bands and artists up the charts simply by featuring their tunes in its commercials.

Summed up nicely in the witty words of BuzzFeed writer Taylor Magenheim: “Apple has proven that every time an iPod is created, an indie band gets their wings.”

With an interest in the “Apple… read more

Saving Bandwidth and Improving Site Speed Using CSS Spites

Saving Bandwidth and Improving Site Speed Using CSS Spites

read more

Showcase Of Web Design In Poland

Vodka, pickled cucumbers and Pope John Paul II might spring to mind when someone mentions Poland. Obviously there’s more to Poland than that. On the world map of design, Poland is marked by creative agencies that produce high-level design and employ some of the best programmers in the world. There’s… read more

30 Useful Frameworks for Designers

Some designers view frameworks as constricting and limiting in their creative efforts. They look at a framework as something they have to bend their work to fit.

And for a lot of designers, that’s just not something they want to do. But with the dozens of frameworks available… read more

How to Create a Cool Slide Out Panel with CSS3 only

Now as we advent towards the future and CSS3 is becoming a reality, here is a tutorial on how to build an animated slide out panel using only CSS3. read more

HOW TO: Create a Pixel Fireworks Animation Using JavaScript

Kelli Shaver is freelance developer and UI designer. You can follow her on Twitter @KelliShaver and on GitHub here.

It’s 4th of July, and for those of you in the U.S., you know what that means — it’s time to grab a beer, throw a steak on the barbecue, and… read more

Our Favorite Tweets of the Week Jun 27-Jul 3, 2010

Every week we tweet a lot of interesting stuff highlighting great content that we find on the web that can be of interest to web designers.

The best way to keep track of our tweets is simply to follow us on Twitter, however, in case you missed some here’s a… read more

Best of the Week #126

It’s time for our best news of this week. We have a lot of graphic and web design, a bit of architecture, ads, tech news, awesome reads and other crazy stuff! So take a look at the links we’ve selected for your inspiration and to keep you updated about what’s… read more

How the Web is Affecting Social Relations [STUDY]

Most experts agree: The Internet improves social relations and will continue to do so over the next decade. And you thought the machines were going to rise up and murder us all.

The Pew Research Center’s Internet & American Life Project and Elon University’s Imagining the Internet Center just released their… read more

Sites of the Week #109 – Kaleidoscope Giveaway

For this Sites of the Week, we have a special edition with a giveaway from Kaleidoscope, I’m sure you’ll love it! Also we have selected some great sites such as Collision and The Mid Century Modernist. As usual we would love to hear from you, keep sending your suggestions and… read more

Making Your Mark On The Web Is Easier Than You Think

We who work on the Web live in wonderful times. In the past, we did of lot of trial-and-error learning, and the biggest hurdle was getting people to understand what we were on about. Over time, companies like Google, Yahoo, Skype, Facebook and Twitter managed to get the geeky Web… read more

25 Free Color Tools, Apps and Palette Generators

The marvelous thing about color within design is you have the choice from an infinite number of possibilities and combinations. On the flip side of that, having infinite color possibilties makes it very difficult to lock down on the perfect color scheme or palette for your project. This is were… read more

How to Create a “Stay-On-Top” Menu with CSS3 and jQuery

How to Create a “Stay-On-Top” Menu with CSS3 and jQuery

read more

Super Cool CSS Flip Effect with Webkit Animation

Super Cool CSS Flip Effect with Webkit Animation

read more