Archive for the 'Design' Category

The IE Tester

Developers and designers entering the new era of Windows Vista might find themselves struggling to test previous versions of IE. Although there are several methods to accomplish this in Windows XP, post and IE 7 installation; Windows Vista puts up a fight with dual IE installations.

Web Designer’s Javascript Arsenal - Set 1

I’ll try and cut your development time in half by providing a pretty good list of the most useful Javascripts. Usually, these will all be included in all pages to create state-of-the-art websites. Loading time can be optimized by browser cache-ing if compressed versions of these files aren’t used.

Valid XHTML Conditional Commenting

It's sometimes nessasary to write conditional commenting in (X)HTML or in CSS, especially with the current browser wars. Here, i describe how to write conditional commenting enabling/diabling IE from rendering. With some witty programming you can make IE/Win work in somewhat standards.

The best way to support Transparent PNG in IE6

There are many way to support transparent .png images in IE browsers. However, this method seems the simplest and most “transparent to work with. It uses CSS compliant JavaScript .htc files and can be easily called thought the

behavior: url(iepngfix.htc);

How to implement:

Rasterize and Flatten Layer Effects

A tip so you can apply filters to layers with effects

If you apply layer style effects to text or shapes and then rasterize the layer, only the text or shape content is rasterized. The layer effects stay separate and editable. Usually, this is a good thing, but if you then apply a filter, it only gets applied to the text or shape and not the effects. To rasterize and flatten the entire layer contents, create a new, empty layer below the layer with your effects and merge down (Ctrl+E on Windows/Command+E on Mac).

Designing For 2 Or More Screen Sizes.

Web design theory calls for a website to appear seamless to every user. The problem, of course, is that every user’s different.

Tackling website dimensions has been a rather simple decision. You can decide to design a static template and then choose one of the typical dimensions: 640 x 480, 800 x 600 or 1024 x 768.

HTML Meta Tags

Preparing meta and head tags can be confusing, especially when trying to support the major search engines. Here, I try to layout the most common and basic tags that you should never leave out. Define keywords for search engines:
<meta name="keywords" content="HTML, DHTML, CSS, XML, XHTML, JavaScript, VBScript" /> 
Define a description of your web page:
<meta name="description" content="Free Web tutorials on HTML, CSS, XML, and XHTML" />
Define the last revision of your page:
<meta name="revised" content="Hege Refsnes, 6/10/99" />
Refresh page every 5 seconds:
<meta http-equiv="refresh" content="5" />

———————————————————————————————————————