Mijn favoriete browser: Google Chrome! Als ontwikkelaar zijn de Developer Tools erg handig (op te roepen middels F12). Elementen inspecteren, de console, resources, het standaard verhaal. Maar wat mist er of is handig erbij te hebben?
Chrome Sniffer
Een klein tooltje welke in de adresbalk tevoorschijn komt er verteld waar de huidige website gebruik van maakt. Wanneer geïnstalleerd en je mijn blog leest zullen de iconen van WordPress, Google Analytics, Disqus, jQuery en Modernizr verschijnen. Te installeren via de Chrome Web Store.
ColorZilla
Ook weer een klein tooltje om kleuren van een website te “inspecteren”, handig om achter kleur codes te komen en gradients te maken! Te installeren via de Chrome Web Store.
Page Speed Insights
Een snelle manier om de snelheid en prestaties van een website te bekijken. Daarnaast een overzicht van welke punten verbeterd kunnen worden. Te installeren via de Chrome Web Store.
Ripple Emulator
Gemakkelijk mobiele websites testen op telefoons en tablets. Ook de functionaliteiten van bijvoorbeeld PhoneGap zitten ingebakken. Te installeren via de Chrome Web Store.
Vimium
Voegt Vim functionaliteiten toe aan de browser. Druk op F en bij elke link komen bijvoorbeeld twee karakters tevoorschijn. Door deze karakters in te toetsen wordt op de betreffende link geklikt. Kortom, weg met de muis! (alhoewel ik die al een tijdje aan de kant heb gezet, ben namelijk erg tevreden met mijn Wacom Bamboo Pen & Touch) Te installeren via de Chrome Web Store.
Web Developer
Vrijwel alles wat mist in de standaard Developer Tools zit hier wel in! Te installeren via de Chrome Web Store.
Window Resizer
Snel het venster verkleinen of vergroten naar het gewenste resultaat. Handig bij het testen van responsive websites. Te installeren via de Chrome Web Store.
YSlow
Net als Page Speed van Google maar dan van Yahoo! Te installeren via de Chrome Web Store.
