Modern Web Development Tips

Wednesday, November 10, 2010
By keiji
Category: Web Development
Here are basic TO-DO list and Tips of improving Web page performance with modern way (well, as of Nov. 2010...).

Modern JavaScript Library
Well, at least jQueryGo outside or YUIGo outside.
ASP.NET can use Ajax Control ToolkitGo outside

Basic page structure, "reset"
YUI CSS ResetGo outside
The foundational YUI Reset CSS file removes and neutralizes the inconsistent default styling of HTML elements, creating a level playing field across A-grade browsers and providing a sound foundation upon which you can explicitly declare your intentions.

HTML5 - HTML5 BoilerplateGo outside contains a very good essence of basic HTML/CSS structure.

Performance Check & Tips
YUI Exceptional PerformanceGo outside provide a Best Practices and tool (YSlowGo outside).

Google Chrome also provide a developer toolsGo outside built in, which has a similar functionality as YSlow.

Javascript Loading
YUI Loader UtilityGo outside
"Loading YUI: Seeds, Core, and Combo-handlingGo outside", by Eric Miraglia
The YUI Loader makes it possible to load all necessary YUI library just by one call. You don't need to include various dependent files by yourself.

Image Loading
YUI 2: ImageLoaderGo outside
Loading images only when those are visible.

Minization & Combination of CSS and JavaScript files
Minify, Combine CSS and JavaScript with Visual StudioGo outside

MS' tool: Microsoft Ajax Minifier 4.0Go outside
Yahoo's tool: YUI CompressorGo outside

CSS Sprites
CSS Sprites: What They Are, Why They’re Cool, and How To Use ThemGo outside
Instead of thousands of small images, combine them into one image, and use CSS to display necessary portion as icons.

Comments

N/A

Reply to

Title:
Name:
E-Mail:
Comment:
(Max 1000 chars)
Confirmation Key:
Please enter the value displayed in the image.
Send Send