Design Information

New media design tips and updates

Here are collection of interesting design articles I have found on the web. Some may prove useful for you, as they were for me.

This file was last modified on: 10/17/2006 2:28:11 PM

FYI Note

Click here to check out the latest most useful code samples.

Useful Web Developing Tips

Standard Web Banner Sizes

New!Useful visual tool showing the standard web banner sizes used on the web today.

Font Size Study

Useful visual tool showing the difference in font sizes using percentages.

HTML Stamps

Perfect for your explaining tags to your business.

Script.aculo.us - AJAX at work

The Drag-and-drop JavaScript library enables easy-to-do dragging and dropping of elements in your web application and to do sortable lists and floats.

CSS Cheat Sheet

The CSS cheat sheet is designed to act as a reminder and reference sheet, listing all selectors (as of CSS 2.1) and properties.

Five simple steps to better typography

Typography, I find, is still a bit of mystery to a lot of designers. The kind of typography I’m talking about is not your typical “What font should I use” typography but rather your “knowing your hanging punctuation from your em-dash” typography. Call me a little bit purist but this bothers me.

Color calibrate your monitor

Here is an easy way to calibrate your current monitor. Try it today!

Accessibilty Blog

New accessibility blog uses a quiz format to seek current best practices in the place where accessibility touches design.

Overlapping Flash Menus
(Useful)

Have you ever created a webpage with a Flash animation overlapping other elements of your page? The thing is the Flash content will (almost) always go on top of the other layers regardless of the stacking order ("z-index") of those layers. There is, however, a way to solve this problem by making the background of your Flash movie transparent, this way you'll see the layers underneath

Ten CSS tricks you may not know

Looking for a solution to a CSS problem I am having, I ran across this nifty resource.

SimpleQuiz for HTML Semantics

The objective is to ask some questions about markup and generate some discussion about preferred methods.

CSS fixes for Internet Explorer

You will inevitably run into Internet Explorer issues when using CSS. This site is perhaps the single best source of information regarding the copious amount of CSS bugs that occur in IE.

Web Code for Special Characters

This link is pretty handy when you need quick reference for character codes.

iPod Battery

Recently, I was faced with the question of whether or not I should replace my one year old iPod. I was not excited about shelling out another $500. Then I learned that Newer Technology sells iPod batteries that you can replace yourself! So I finally replaced it and it works excellent!! I even get a longer run time. I also upgraded my powerbook titanium to a 80GB drive!

Google Languages

Anyone who wants only to search, can just search. People can even circumvent a page full of results with the "I´m Feeling Lucky" button. But, click on the advanced search or preferences links, or a whole other array of options within the site, and Google´s suddenly much more than a simple search engine. You can even switch languages to Elmer Fudd or The Swedish Chef. How cool is that?

37signals launches Ta-Da Lists: "simple shareable to-do lists"

It's a mini web app that they spun out of Basecamp. Basecamp This is a cool project management tool. Perfect for your next design project.

Fonts Used at the Walt Disney World Park

Browsing the web, I found this cool tidbit. May I present an incomplete yet impressive list of fonts used at Walt Disney World and other Disney-affiliated ventures. Makes me want to go visit Disney World.

Hello by Google and Picasa

Hello by GoogleHello is Picasa and Google's little secret, and it sure as hell shouldn't be. Picasa is a way of storing and indexing your photos. Hello is about interacting. Hello was created as a way to share those photos Picasa spent so much time indexing, but it does so much more.

Google Desktop

Google Desktop SearchGoogle Desktop beta. a baby step towards the GooOS. Do a regular Google search and GD results are inlined right at the top (see screenshots for how it all works). It will be interesting to see how this does since they are trying to go after a standard feature in Microsoft's OS. Maybe we will one day soon see a google operating system.

An Introduction to Using Patterns in Web Design

The biggest challenge for web designers is the unthinkably huge number of possible ways to solve any given problem. We usually don't think of this because we have our habits and traditions to fall back on, but there are literally billions of possible pixel combinations for each page we make...

Pocket-Sized Design: Taking Your Website to the Small Screen

Among the many websites that are out there, few are standards-compliant. Among those few, only a handful sport style sheets adjusted to the needs of handheld devices. Of those which do offer styling for handhelds, not all will fit the smallest, lowest-resolution screens without presenting the user with the ultimate handheld horror: namely, horizontal scrolling. This article presents a set of general suggestions for creating a handheld-friendly style sheet that works well even on handheld screens no wider than 120px...

MacGyver Challenge Winner

You captains of industriousness! We received curiously strong submissions for our Altoids tin challenge: a battery pack for the iPod, a minty-fresh cheese grater, and a full-blown MP3 player! (Plus a puzzling variety of mini-shrines.) But Ken Kirkpatrick, creator of the Altoids Mini Speakers, rocks the hardest.

Don't Design on Spec

Our agency receives its share of RFPs, and sometimes these requests stipulate that our proposal include layouts. Even if the project looks promising, we just say no...

Current Internet Browsers

Download the most updated web browsers:

Current Web Browsers

Microsoft Internet Explorer
6.sp2 (Win),
5.1.7 (Mac),
5.2.3 (OSX)
Netscape
8.1 (All OS),
8.0 (All OS),
7.2(All OS)
Firefox (Mozilla)
1.5.0.1 (All OS)*
1.0.3 (All OS)*
Opera
Mini (Mobile Phones),
8.5 (Win),
8.0 (Win, OS X),
6.03 (Mac)
Safari
Safari RSS (OS X 10.4+)
1.2, 2.0 (OSX 10.3.9, 10.4)
Camino (Chimera)
1.0 (OS X 10.4+)
0.8.4 (Gecko-based browser for OSX)
iCab
3.0 Beta 382 (OS X 10.1+)
2.9.8 (Mac)
OmniWeb
5.1.3 (OS X)
5.1 (OS X)

Interesting Links for Web Developers

Yahoo! Web UI Developers Kit Released

A library of useful scripts in the latest standards

Analyze and Optimize Your Website!

I found this nifty little website that will analyze your site and offer solutions and problem areas of your site. FUN!

Learn UNIX

This lecture takes you through the basic commands and then shows you how to combine them in simple patterns or idioms to provide sophisticated functionality like histogramming. This lecture assumes you know what a shell is and that you have some basic familiarity with UNIX.

XHTML 2 Draft

The W3C has launched the draft version of XHTML 2. There will be new tags, however, current browsers will need to be updated to support them. Read on...

AJAX explained

What's Ajax? For the geeks, it's Asynchronous JavaScript + XML. For the rest of us, it's a whole new way of looking at the web. Really.

The Art of Reading a DTD

Sometimes a developer needs to quickly find out which rules apply for a certain element or attribute in HTML or XHTML.

Ajax - DHTML

Ajax isn't a technology. It's really several technologies, each flourishing in its own right, coming together in powerful new ways. Ajax incorporates...

Browser Prefetching

Link prefetching is a browser mechanism, which utilizes browser idle time to download or prefetch documents that the user might visit...

The Next Big Thing in Online Type

Bill Gates wants computer users, well, Microsoft users, to have a more enjoyable on-screen reading experience -- so much so that he made improving reading on the screen one of his top five priorities.

Why standards-compliant HTML matters

Web technologies have always been misused, to achieve effects they were not (yet) designed...

Web Page Design - for designers

Where Web design is concerned, there's a lot to be said for the KISS (Keep It Simple, Stupid) principle. There are just so many things that can go wrong that are beyond your control, why introduce potential problems deliberately?

Macromedia Studio Center

Plenty of updated articles and tutorials for developers.

Flash Video

Macromedia Flash Video lets you easily put video on a web page in a format that almost anyone can view. This guide provides an introduction to Flash Video, including information on how to create and publish Flash Video.

Flash Dev Center

Macromedia's Flash development center containing plenty of updated articles regarding flash.

Dreamweaver and CSS

Creating layouts entirely in CSS is easier. Select divs and other block-level elements in Design view and modify their properties with the CSS Rule Inspector to build cutting-edge layouts.

Flash ActionScript 2.0 and Application Design

In the MVC paradigm the user input, the modeling of the external world, and the visual feedback to the user are explicitly separated and handled by three types of object, each specialized for its task.

In the Know

SimpleBits

SimpleBits is a tiny web design studio that creates simple, readable, usable interfaces balanced with a standards-based methodology.

HicksDesign

Hicksdesign is the online portfolio and journal of Jon Hicks, a freelance print and web designer based in Oxfordshire, UK.

The Superficial

Great sarcastic articles about our favorite famous people. The Superficial is a brutally honest look at society and its obsession with the superficial.

Joshua Davis Studios

Talented Web Design Studio based out of New York.

Ohaso

Ohaso provide a complete web design solution and are experienced in HTML, DHTML, XML, Perl, PHP, ASP, WML, WMLScript, SQL, Java, Graphics, Flash and much more.