Display Short URLs of your Web Pages on Mobile Devices
Mobile screens are tiny and they usually cut off the URLs of web pages. You may however use the HTML5 History API to automatically display short URLs on mobile devices.
Web Design
Share any Email Message in Gmail with the Outside World
With Scope, you can view the formatted HTML source of any message inside Gmail, it cleans them up removing the unnecessary style tags and you can publish the message as a public web page.
Remotely Send Web Pages to your Mobile Device
Send live URLs to your mobile device and control them remotely without the need for the user to reload anything.
Track the Browser Size with Google Analytics
The browser window size is a more important metric than screen resolution and you can use Google Analytics to track that number.
Run the iOS Simulator in your Web Browser
You can run the iOS Simulator app in any Windows browser and test your web designs without even having an iOS device.
A Simple Trick to Highlight the External Links on a Web Page
Learn how you can quickly highlight all the external hyperlink on any web page using the favicon images of the corresponding website.
Responsive Web Design – A Dummies Guide
This guide answers common questions around Responsive Web Design, a technique for building mobile and tablet websites that is also recommended by Google.
How your Responsive Website Looks on Different Devices?
Meet the best online tools that will help you test the responsive design of your website across popular devices including the iPad, iPhone, Android, Kindle and more.
What is Responsive Web Design?
With Responsive Web Design, you can make your website compatible with every mobile device and web browser that’s out there using simple techniques.
Turn Your Sketches into CSS Based Websites
Are you looking for an online WYWIWYG edit that will help you create pure CSS-based websites without having to write any code? Here’s help.
How to Test the Speed and Performance of your Website Online
Learn how you can measure the speed and performance of your website online using tools like Google Page Speed and Yahoo! YSlow.
See Your Favorite Website in a Different Font
Meet an online app that lets you change the default font (typeface) of any website to a different font-family with a click. You can also preview web pages in Google Web Fonts.
Microsoft Offers Web Designers Free Tools to Build and Host New Websites
This article describes a Microsoft program for web professionals and web design companies that will help them receive free software licenses for Express Studio, Windows Web Server and SQL Server Web Edition to design and host new websites.
Google e-book Offers Tips on How to Improve Your Website
Google UK has released a PDF booklet with some very useful tips on how to make your website work. The guide is written primarily for online businesses and marketers but the tips and findings are relevant for small websites as well.
Simple Ways to Speed Up your Website
The Rackspace blog has some tips on how you can improve the loading time of your web page by reducing clutter from the site: Host close to your market. Because Web pages load quicker over shorter distances, choose a hosting location close to your target market. Companies such as Rackspace make this simpler with data(…)
Test Your Website in Different Screen Resolutions
Test your web pages under different screen resolutions online for free with viewlike.us – you can check layout under most common display resolution and even for the iPhone and Wii browser.
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(…)
Listen to the HTML Source Code of your Website
You’ve probably heard of WYSIWYG (What you see is what you get), used to describe software in which content displayed during editing appears very similar to the final output. Now get ready for WYHIAYG (What you hear is all you get), a wacky site which narrates to you the HTML source code of your web(…)
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(…)
Optimize Image Sizes Online With Yahoo’s Smushit
Yahoo recently introduced a web based tool called Smushit to help you optimize the size of web images without affecting visual quality. Smushit reduces the file size of images by reducing the number of colors, strips off excess metadata, and also discards other non visual data.
1 2