This industry moves fast — really fast! If you’re not careful, you’ll be left in its dust. So, if you’re feeling a bit overwhelmed with the coming changes/updates in HTML5, use this as a primer of the things you must know.

1. New Doctype

Still using that pesky, impossible-to-memorize XHTML doctype?
view plaincopy to clipboardprint?

1. DOCTYPE html PUBLIC ”-//W3C//DTD XHTML 1.0 Transitional//EN”
2. “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>

DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

If so, why? Switch to the new HTML5 doctype. You’ll live longer — as Douglas Quaid might say.

DOCTYPE html>

In fact, did you know that it truthfully isn’t even really necessary for HTML5? However, it’s used for current, and older browsers that require a specified doctype. Browsers that do not understand this doctype will simply render the contained markup in standards mode. So, without worry, feel free to throw caution to the wind, and embrace the new HTML5 doctype.

01.

10 Best WordPress Themes 2010 For Free Download

02.

Useful Free Web UI Elements PSD Packs

03.

500+ Free Download High Quality Photoshop PSD Files For Designers

04.

8 New Exciting WordPress 3.0 Features

05.

Download Free PSD Files For Your Next Design

06.

Top 10 WordPress Themes Of August 2010 For Free Download

07.

Skype break the Facebook Privacy | Do you think skype should remove this option or modify

08.

48 Brilliant free fonts for logo and webdesigners in 2010

09.

100 Fresh New Photoshop And Illustrator Tutorials From 2010

10.

Create a student character mascot with Adobe Illustrator

In this tutorial, we’ll explore how to add more energy and dynamism to a photo. The effects can be extended and used on a multitude of photos to create a feeling of motion and vibrancy to a static image.

The tutorial was created and written by renowned artist Mike Harrison (a.k.a. destill) and this is his first tutorial for a blog. His work has been featured in Computer Arts and Advanced Photoshop magazines.

OK, enough of an introduction, and on with the tutorial…

User friendly interface and simplicity are key points when designing effective web order forms. Unlike single page forms (a sign up or contact form), an order form tends to have a couple of pages or steps to fill (including payment methods). It is not a good idea for all these to be shown in a single page. Users might be frustrated if the form seems never ending.

A good way of keeping the field list shorter and neater, but still be able to collect all the data required is by breaking them up into steps. However, it’s a good idea to let the user know in advance how many steps they have to go through in order to complete the entire order process.

Now here is a tutorial that will help you make simple yet modern looking web order forms.

Creative Web Order Form

DemoDownload

It is proven that by using software shortcuts can boost up productivity. Here are 30 secret Photoshop shortcuts that I’ve learned from years of experience. Well, what I mean by “secret” is that these shortcuts are not documented in the menus. Keep reading and you will find how these shortcuts can speed up your productivity. I bet you don’t know all of them.

Note: this article is written in Mac Photoshop format. If you are using PC, Cmd = Ctrl and Opt = Alt.

In 2008 I came up with a technique using the Brush Tool in Photoshop to create a digital bokeh effect. Then I mixed it with some gradient colors blended all together. The effect has become quite popular so I decided to upgrade a little bit the effect.

So in this tutorial I will show you how to create a digital bokeh effect with hexagons. We will use the brush engine, patterns, blend modes and basic filters to achieve this effect.