This video tutorial introduces you to Chrome Dev Tools, one the best feature of Chrome that even non-developers can use and benefit from.
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.
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.
Send live URLs to your mobile device and control them remotely without the need for the user to reload anything.
The browser window size is a more important metric than screen resolution and you can use Google Analytics to track that number.
You can run the iOS Simulator app in any Windows browser and test your web designs without even having an iOS device.
Learn how you can quickly highlight all the external hyperlink on any web page using the favicon images of the corresponding website.
This guide answers common questions around Responsive Web Design, a technique for building mobile and tablet websites that is also recommended by Google.
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.
With Responsive Web Design, you can make your website compatible with every mobile device and web browser that’s out there using simple techniques.
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.
Learn how you can measure the speed and performance of your website online using tools like Google Page Speed and Yahoo! YSlow.
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.
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 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.
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.
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.
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.
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.
While designing a for the web, it is always important to keep in mind how background/foreground colors interact with each other.
Yahoo recently introduced a web based tool called Smushit to help you optimize the size of web images without affecting visual quality.
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.