Google Chrome is een relatief nieuwe browser die heel wat
populariteit deed opwaaien dankzij zijn hoge snelheid en features.
Op de dag van vandaag wordt er van een web developer verwacht
sneller en productiever te zijn. Dankzij onderstaande extensies van
Google Chrome kan je deze verwachting
waar maken. ![]()
Ben je snel afgeleid door dingen zoals het nakijken van facebook statussen, twitteren, RSS feeds lezen en het afsnuffelen van blogs, op momenten dat je productief wilt zijn? "StayFocusd" houdt onverbiddelijk je focus op je werk. Per dag stel je zelf een tijd in om bezig te zijn met verleidelijke zaken. Is je tijd opgebruikt? Dan blijven de "teasertjes" geblokkeerd gedurende de rest van de dag. Je kan ook kiezen om enkel bijvoorbeeld een bepaalde pagina van een website te blokkeren of een bepaald subdomein.
_130x150.jpg)
Een tweede Google Chrome extensie die je hierbij helpt is "Concentrate". Terwijl StayFocusd zijn timer gebruikt om je bezig te laten zijn met verleidelijke dingen en je nadien de toegang blokkeert als de timer afloopt, werkt Concentrate net omgekeerd. Loopt de timer bij "Concentrate" af, dan mag je over naar spielerei!
Begint je huig te trillen als je al herhaaldelijk iets hebt moet uitvoeren op een webpagina? Dankzij iMacros is dit nu verleden tijd! Elke actie kan je opnemen, om ze nadien automatisch te laten uitvoeren. Voornamelijk bij testen van een webpagina komt dit goed te pas. Denk bijvoorbeeld aan het uittesten van een online formulieren en wizards, het uitmeten van response tijden of automatische invulling van logingegevens. Kortom een zaligheid die je enorm wat tijd kan besparen. iMacros kan ook gebruikt worden in combinatie met tools zoals Google Speed Tracer, Firebug en andere web development tools.
Pendule is een bruikbare toolkit voor web developers met functies met betrekking tot style sheets, formulieren, afbeeldingen. Zo beschikt het over een functie om CSS al dan niet te enablen, alt teksten en dimensies voor afbeeldingen zichtbaar te maken, een color picker en een meetlineaal.

Een leuk speeltje denk je?
Probeer dan eens "Web Developer"
uit. Deze ziet er misschien iets minder fancy uit dan Pendule,
maar is qua functionaliteit toch een stuk uitgebreider. Zo kan je
afbeeldingen zonder alt tekst in het oog doen springen, hidden
elementen tonen, tab indexen tevoorschijn halen, etc.

Wil je een website previewen in verschillende scherm resoluties? Dan is "Resolution Test" voor je weg gelegd. Vink al de resoluties aan die je wil bekijken, en met één klik tovert deze tool een preview tevoorschijn voor elke gevraagde resolutie.
Heb je iets opgemerkt op het web dat je wil delen met collega's via bv. Twitter of Facebook? Met "Ibrii" kan je eender welke content (streaming audio, video, foto & tekst) uit één of meerdere webpagina's halen en deze samenbundelen om uiteindelijk te sharen via een social medium. I like...
Ben je soms zodanig kwistig met tabs, dat je door het bos de
bomen niet meer ziet en klinkt het als
in je hoofd? Tab Menu toont al je
openstaande tabs in een handig dropdown lijstje, laat je toe ze te
verplaatsen en te zoeken op tab titels en URL's.
Ben je een interessante website tegengekomen en wil je de kernzaken highlighten? Gebruik dan deze handige extensie. Een andere toepassing is het gebruik van sticky notes. Ben je een website aan het scannen op gebreken, bugs of layout issues, dan kan het gemakkelijk zijn even een sticky note op de pagina toe te voegen, zodat je later bij het opnieuw bekijken van de pagina hieraan herinnerd wordt.

De Firebug plugin van Mozilla Firefox is één van de meest gebruikte plugins door web developers. Daarom kon Google Chrome niet achter blijven en lanceerde Firebug Lite op de markt. Het uitspitten en live editeren van HTML elementen en CSS properties was nog nooit zo gemakkelijk.
Toont een joekel van een high five op je scherm
. Na bloed, zweet en tranen te hebben uitgestaan op
een hardnekkig probleem, kan je jezelf de hemel in prijzen...Ze
hebben ook aan alles gedacht he die Google Chrome mannen...
Verkocht?

Doet je gat zeer van al dat web developen en wil je het wel eens
even van een andere kant bekijken? "Upside down" gooit heel de
webpagina op zijn kop! Je kan je collega's hiermee ook een loer
draaien, door een timertje in te stellen...Iets minder productief,
maar toch...Ain't life fun ![]()
![]()
Zoals je ziet, beschikt Google Chrome over heel wat extensies die een web developer een handje kunnen helpen met zijn dagelijkse job. De installatie van de extensies gebeurt in tegenstelling tot Mozilla Firefox volledig automatisch zonder dat een reboot van de browser nodig is. Bovendien draait Chrome elke extensie in een apart proces, dus in het geval dat een add-on security issues heeft, beïnvloed dit niet gans de browser! Dit is bij Mozilla Firefox wel het geval...Google Chrome is voor mij dan ook een absolute winner! Snel, gebruiksvriendelijk en mijn "buddy" op vlak van web development.
Ben je ook gebeten door het web en weet je nog interessante Google Chrome extensies die niet in deze lijst staan of zweer je toch bij Mozilla Firefox? Dan hoor ik het graag.

Zelf ben ik super tevreden van de volgende extensies:
- Chromelicious http://goo.gl/WdPN die me eenvoudig toegang geeft
tot mijn Delicious account.
- Explain and Send Screenshots http://goo.gl/r0nt om snel een
screenshot te maken, opmerkingen toe te voegen en te delen.
- Instachrome http://goo.gl/hwxc om artikels snel toe te voegen
aan Instapaper en gemakkelijk later te kunnen lezen. En de goo.gl
URL Shortener http://goo.gl/kZiQ natuurlijk ;) Zeker niet
specifiek voor webdevelopers maar toch... handig!
Wow! Bedankt voor deze post Tom, zeer waardevol. Vooral resolution tests en iMacros klinken erg interessant. Ga ze direct eens installeren!

@Pieter: Bedankt! Ik ga ze meteen uitproberen!
@Karel: Haha, miljaar Tom krijgt hier alle eer terwijl ik in mijn pen gekropen ben :p, maar het is u vergeven. Veel plezier met de extensies! ;)
Zeer interessant. Firebug voor Chrome doet bij mij alleen soms wat lastig.
Skoezie:
Vergeet vooral niet wanneer je uw word-files ...
Magali Casalin:
SUPER nu weet ik van waar mijn burn-out kwam!!
gilliam:
Designer na stap 8:
http://www.legaljuice.c...
Amedee:
Grafische ontwerpers, zijn dat die mensen die...
Stijn:
Maakt BMP screenshots van een website en voeg...