Imagine if you could open websites like the New York Times or BBC in edit mode and change text or images on the web page as if you were editing some wiki website.
Web Design tips including CSS, Translation, etc.
This 101 guide will help you understand web colors, written in RGB or hexadecimal format, in simple English. You can visualize colors from the codes itself.
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.
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.
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.
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.
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.
Download Adobe Photoshop ebook in PDF format for Web Designers for free from Sitepoint.