Creating Intrinsic Ratios for Video

Did you ever want to resize a video on the fly, scaling it as you would an image? Using intrinsic ratios for video, you can. This technique allows browsers to determine video dimensions based on the width of their containing block. With intrinsic dimensions, a new width triggers a new height calculation, allowing videos to resize and giving them the ability to scale the same way images do.

See the example here.

Create a stunning Grunge portfolio

A portfolio for web designers is their web identity. It reflects their personality and style most of the time. There are many ways to create a portfolio. In this post you will find a detailed method on how create a grunge style mock up on Photoshop .

Learning Javascript or simply the JS frameworks?

Jack Franklin shares his pros and cons to learning the base languages such as javascript versus just relying on jQuery.

25 Great Examples of Using Gradient Effects in Web Designs

Using color gradients, or effects that transition two or more colors with one another, is one of the most popular design techniques in web design. They’re easy to create yet hard to get right.

Build Fancy Tabs in jQuery that Fade Text

This video tutorial by Jack Franklin teaches step by step how to build tabs that can be used to fade text in and out by using jQuery. With this in depth tutorial, you’ll understand how it works which will allow you to customize for your own web designs.

Build Fancy Tabs in jQuery that Fade Text from TheWebSqueeze on Vimeo.

Web Design Color Trends for Spring 2009! Web Design Color Trends for Spring 2009!

Spring 2009 is in full swing and it’s time to see what colors are IN and HOT!!!! Be careful you might just get burned!

Thumbnails in web design: best practices

There are numerous ways to use thumbnail in a web design to make it really be prominent, especially on the Blog Articles, Design Galleries, SideBars, and Footers or in the Comments as an Avatar.

Override Inline Styles with CSS

Check out this CSS trick.

30 Inspiring Web Design Layouts from deviantART

There are many designers and artists at deviantART who choose to display their beautiful creations to the rest of the community. In this collection, you'll find some of the best web design layouts created by deviantARTists.

Maximize the use of hover

Usually, we create hover effects by changing: font color, font styles, border styles, background, and etc. But there's a lot more that you can do with hover.

Flash vs. Silverlight: What Suits Your Needs Best?

With the release of Silverlight 1.0 and its subsequent versions, a debate started among designers and developers regarding choosing between Flash and Silverlight. Silverlight faces difficulties in capturing the market because of the maturity of Flash. However, Silverlight has managed to keep up by including certain features that designers and developers have always wanted to see in Flash, such as search engine optimization.

SiteGrinder

Right inside Photoshop, create stunning CSS-rich, standards compliant websites using your own designs, and without writing a single line of code. SiteGrinder2 does it all in just minutes, and even lets you build automated photo galleries, Flash slideshows, CSS-driven menus, and so much more, into your website.

How to Get Started with iPhone Dev

The iPhone is a fantastic phenomenon. It’s a communications device, a multimedia platform and much more all rolled into one single tool. Everyone wants in on this device.

Worldwide Conferences for Web Designers

Here's a list of events of interest to graphic design professionals.

Listings are arranged by country and date. All prices listed are for the packages that give you complete access to the event, without discounts or early-bird rates. Cheaper packages are generally available with more limited access to the events.

Free design resource websites

As a designer its always handy to have a collection of Photoshop brushes & vector & Free Quality PSD objects to use in your designs, but finding a best/perfect piece is not an easy task, even though there are quite a few resources around the web, some of the websites are best and others are not worth checking. Here's 73 websites to check out.

How to Create a Slick and Clean Button in Photoshop

This Photoshop tutorial shows you how to create a simple and clean "Web 2.0 style" button sprite with a rollover state.

Examples of lighting effects in web design

Using a light source the right way can add dimension and beauty to a website design. Strong light sources create a stark contrast between light areas and shadows in a design, making the elements look more realistic and dimensional and less flat.

Taking the Guesswork Out of Design

Creativity breathes life into successful websites. However, creative ideas and solutions can sometimes seem like guesswork—and guessing is risky business. So what can designers do to show clients they’re using a solid strategy and have the best intentions?

Captivating Winery Websites For Your Inspiration

From the Napa Wineries in California to the vineyards of Australia and France, the beautiful designs of these wine maker's websites embody the spirit of the vine. Trends for winery websites have been leaning towards a dynamic Flash introduction, animation and beautiful graphics, which would give the best representation of the products for the target market.

17 Action Packed Single Page Sites

Here’s a round up of one page designs that say it all with style.