Embed Large Pictures with Google Maps Viewer
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
Web Design tips including CSS, Translation, etc.
How to Completely Test Your Website
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.
Add Text Captions To Your Web Images with CSS
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 with Google Reader
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.
Create Printer Friendly Blog Pages with Simple CSS
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.
Set Thumbnail Images for your Web Pages
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.
Word of the Day – Typochondria
Typochondria refers to a state of persistent anxiety among designers that they have selected the wrong typeface or font for a project.
Tasks Written in Easy to Read Fonts Are More Likely to be Completed
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.
Google Adsense Now Allows You to Change Fonts
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. To quickly change the font settings for every ad unit generated from your account, visit the Ad Display Preference section of your Account Settings page to select(…)
Check the Color Contrast of your Web Site
While designing a for the web, it is always important to keep in mind how background/foreground colors interact with each other. Color Contrast Checker helps you by letting you view your text in a particular color combination. The tool uses hexadecimal color codes for the colors; to change them you can either type in a(…)
Identify Fonts Visually with What the Font
If you’ve ever looked at a web site logo and wondered what font that was, What-the-Font should be of great help. What-the-Font allows you to upload an image with some text and identifies the font used. To start you either upload an image, or specify an image URL. What-the-Font then identifies the character used for(…)
Think Web Colors in Hexadecimal Numbers
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.
How Does a Color-Blind Person See Your Site ?
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.
Convince Your Site Visitors to Upgrade their Web Browsers
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.
Create Screen Mockups & Web Page Prototypes in Firefox with Pencil
Pencil lets anyone sketch complex GUI mockup screens or web page prototypes in Firefox without even being a graphic designer.
CSS Tools That Compress & Strip Unused Styles From Your CSS Files
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.
Edit Any Web Page in your Browser Just Like a Wiki
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.
Create Mockup Designs Quickly with Yahoo! Stencils
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.
Photoshop for Web Design – Download This PDF e-Book for Free
Download Adobe Photoshop ebook in PDF format for Web Designers for free from Sitepoint.
Buying Web Domain Names – Tips and Precautions
How to buy a web domain name from a domain broker or a reseller and get the best price. Also learn about tool to run background checks against web domains.
1 2