Tutorials and tips covering HTML, CSS, jQuery and PHP for web designers and developers. Discussion of the latest Internet technology and search engine optimisation news.
I found some of these Chrome extensions very useful. From the list my favourites are Web Developer, Firebug Lite, Eye Dropper and MeasureIt.
Firebug is probably my most used add-on for Firefox, it’s a pity there isn’t a version to match on Google Chrome, but it’s definitely a tool to have installed on your Chrome browser.
Read more here: 15 Useful Google Chrome Extensions for Web Designers and Developers
An excellent blog post detailing ways to make your Flash site user–friendly on the iPhone and iPad (or in fact any other device devoid of the Flash plugin).
As an SEO I don’t recommend building Flash sites in the first place. But if you must—aim to make it play nicely by following the steps highlighted in the blog post:
Read the article here
I read an excellent article highlighting how to create iPhone, Android and iPad–friendly versions of your website.
This is achieved with CSS3 media queries, either in your main stylesheet or using a seperate stylesheet.
The key point is that you can simply add the following code to the bottom of your main stylesheet:
@media only screen and (max-device-width: 480px) {
/* Add iPhone styles here */
}
Or you can refer to an external stylesheet below your main stylesheet as follows:
<link rel="stylesheet" type="text/css" media="only screen and (max-device-width: 480px)" href="http://www.example.com/css/mobile.css" />
Read the full article here: How To Use CSS3 Media Queries To Create a Mobile Version of Your Website – Smashing Magazine