Unhandled Perception

Install multiple apps at once without toolbars or clicking Next.

1. Pick your favorite software below.
2. Click “Get Installer” and run it.
3. You’re done!

Excellent way to get your system all setup for web design / development.  Click through the applications you want, download the custom made installer and install the apps.  Couldn’t be easier.

Link: http://ninite.com/

I love this timeline, showing the evolution of Crayola’s crayons from 1903—eight colors, including poop—to 120 colors today. Now, imagine PC graphics running on Crayola’s Law, which states that the number of hues doubles every 28 years:

Link: http://gizmodo.com/…

Google has made it easy to view your website as if you were GoogleBot (Google’s crawler) looking at your website.  Just follow these steps:

1. Create a Webmaster Tools account at Google
2. Add, and verify, your website
3. Login into Webmaster Tools
4. Select your website
5. Go to labs->Fetch As GoogleBot

You probably know what Photoshop disasters look like, but your photos can benefit from more subtle and elegant touch-ups. With these tools and techniques, you can sharpen, texturize, re-contextualize, and remove tourists, among other problems, from your shots worth saving.

Link: http://lifehacker.com/5555512/…

Apple setup a website where you can see what enhancements the new HTML5 specification will bring to browsing.

Link: http://www.apple.com/html5/

(you’ll have to use Safari to see them)

Looking for a  handy guide to HTML5. Check out the HTML5 Reference Guide.

CSS Coverage is an extension for Firebug which allows you to scan multiple pages of your site to see which CSS rules are actually used in your site.

Keeping your CSS stylesheets clean…

Link: https://addons.mozilla.org/…

This article responds to some questions you should be asking of your client before putting together a proposal for the development of an e-commerce website. I’ll explain the most important things to think about in terms of taking payments and credit card security. It should give you enough information to be able to guide your client and to look up more detailed information about the aspects that apply to your particular situation.

Link: http://www.smashingmagazine.com/…

Modern Web-building technologies allow designers to realize their most daring and creative ideas. Enhanced interactivity and a remarkable visual appearance can be achieved by means of such tools as Flash, JavaScript and Papervision3D, to name just a few. These strengths usually impress and entertain visitors and thus are often used for conceptual artistic presentations and promotional campaigns.

In this post, you’ll find a collection of amusing websites that, by combining unconventional (and sometimes bizarre) ideas and clever JavaScript and Flash effects, will entice you to play on them for an embarrassing long time.

Link: http://www.smashingmagazine.com/…

Problems like broken links, spelling errors and usability problems drive visitors away. Search engine issues stop visitors before they arrive. Find and fix problems before your customers or C-level executives find them.

Great tool for running comprehensive reports on your, or your clients, website.  SortSite gives you all the information about problems and issues with the website before your visitors find them.

If you’re looking for a sample, for a single client, check out Veign’s Website Check.

Link: http://www.powermapper.com/products/sortsite/

So what makes something pretty? It is not Flash. Not to say that Flash has no merit, but Flash alone doesn’t make a design good; some nasty Flash websites are out there. Also, one doesn’t have to be a great illustrator to make appealing designs. Instead, look at Web design as a symbiosis of different elements. No single element counts the most; rather, the sum of the elements makes a design look good.

These elements are the 7 key principles that make a Web design look good:

* Balance,
* Grid,
* Color,
* Graphics,
* Typography,
* White space,
* Connection.

Link:
http://www.noupe.com/how-tos/…

Another reference guide released. The CSS3 reference guide is meant to compliment the HTML5 reference guide that I just released.

Link:

http://www.veign.com/reference/css3-guide.php

Google will soon make its VP8 video codec open source, we’ve learned from multiple sources. The company is scheduled to officially announce the release at its Google I/O developers conference next month, a source with knowledge of the announcement said. And with that release, Mozilla — maker of the Firefox browser — and Google Chrome are expected to also announce support for HTML5 video playback using the new open codec.

Link:
http://newteevee.com/2010/04/12/…

Find a unique domain name that sounds like a word but isn’t. Since domains with actual words are becoming increasingly more difficult to find this may be your only choice.

Link:
http://wordoid.com/

Locate the ‘fold’ on any website. Useful if you’re a web designer/developer that is looking to keep page elements ‘above the fold’

Link:
http://whereisthefold.com/

• all - Suitable for all devices.
• braille - Intended for braille tactile feedback devices.
• embossed - Intended for paged braille printers.
• handheld - Intended for handheld devices (typically small screen, limited bandwidth).
• print - Intended for paged material and for documents viewed on screen in print preview mode.
• projection - Intended for projected presentations, for example projectors.
• screen - Intended primarily for color computer screens.
• speech - Intended for speech synthesizers.
• tty - Intended for media using a fixed-pitch character grid (such as teletypes, terminals, or portable devices with limited display capabilities). Authors should not use pixel units with the “tty” media type.
• tv - Intended for television-type devices (low resolution, color, limited-scrollability screens, sound available).

Just in case you were wondering the media types you can target your Stylesheets to.