Learn how to embed high resolution photographs into your website (with pan and zoom) using the Google Maps Image Viewer that cuts the large image into small tiles.
Web Design tips including CSS, Translation, etc.
Your site audience could be using a different browser or an operating system that you may have never worked on before, their system may not have certain fonts that are used in your site design, the resolution of their computer screen may be too low and so on.
Learn how to align your images on web pages and add text captions near the photograph similar to what you have seen on Wikipedia, BBC or The New York Times.
Make a mobile friendly version of your blog using Google Reader – no coding required. And your blog or RSS feed will load extremely fast on a mobile phone.
This CSS trick shows how to make your blog printer friendly. When readers print your web articles, they will get a clean version of the story without any sidebars, Google Ads, logos, navigation links and other extra elements.
Learn how to add thumbnail images to your web pages that are displayed when links from your website are submitted to social sites like Digg and Facebook.
Typochondria refers to a state of persistent anxiety among designers that they have selected the wrong typeface or font for a project.
The next time you jot out a set of instructions or tasks for someone to follow, keep in mind that the choice of fonts might well determine if that job gets done in time or not.
You can now choose to customize the appearance of your Google Adsense ad unit by choosing between “Arial”, “Verdana” or “Times” font-faces on all English (Latin-based) web pages.
While designing a for the web, it is always important to keep in mind how background/foreground colors interact with each other.
If you’ve ever looked at a web site logo and wondered what font that was, What-the-Font should be of great help.
The first 2 digits in the RGB color code denote red, the second 2 green and the last 2 blue. Each number denotes the strength of that particular color – FF0000 is only red (no green, no blue), 00FF00 only green (no red, no blue). If all colors are present in equal strength FFFFFF, you get white, if no color is present 000000, black.
If you are interested in designing an accessible website or are curious to experience websites from the eyes of a color blind, ColorBlindMe will help. It helps you view web sites like a color blind person would see them.
Old web browsers are not just insecure, they also pose a problem for web designers as they have to design sites while keeping the older versions in mind. If you like help people upgrade their outdated browsers, Pushup has created a script that can be easily integrated in any blog or website.
Pencil lets anyone sketch complex GUI mockup screens or web page prototypes in Firefox without even being a graphic designer.
Optimized CSS files are small and hence load faster. This article has a list of some of the best online CSS tools that will tweak and compress your CSS styles and also remove unused styles.
Imagine if you could open websites like the BBC or New York Times in write mode and change text or images on the web page as if you were editing some open wiki.
Yahoo! Stencil Kit is a set of graphics to help you create mockup designs real quickly – you can use these stencils for designing web pages for the desktop or mobile phones.