Wij staan steeds voor u klaar:
Sint-Elisabethstraat 38a - 2060 Antwerpen
+32 (0)3 666 13 07 - info@webs.be
>> Home>> Blog >> Must-have "Google Chrome extensions" voor een web developer

Must-have "Google Chrome extensions" voor een web developer

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. yes

StayFocusd & Concentrate

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.

StayFocusd concentrate (2)

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!

iMacros

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 & Web Developer:

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.

Pendule

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.

Web Developer

Resolution Test:

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.

Ibrii:

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...

Tab Menu:

Ben je soms zodanig kwistig met tabs, dat je door het bos de bomen niet meer ziet en klinkt het als no 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.

Diigo Web Highlighter and Bookmark

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.

Diigo Web Highlighter

Firebug Lite

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.

High Five

Toont een joekel van een high five op je scherm tongue. 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...cool Verkocht?

highfive

Upside Down

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 bigsmile

upsidedown_thumb

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.

Share thisTweet this
 

Voeg jouw reactie toe

Connect

Reacties

Pieter Brat
Reactie door Pieter Brat op 23/09/2010 om 14:39

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!

Karel Geenen
Reactie door Karel Geenen op 23/09/2010 om 14:51

Wow! Bedankt voor deze post Tom, zeer waardevol. Vooral resolution tests en iMacros klinken erg interessant. Ga ze direct eens installeren!

Kim Grandgagnage
Reactie door Kim Grandgagnage op 23/09/2010 om 15:30

@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! ;)

Yannick Moeneclaey
Reactie door Yannick Moeneclaey op 23/09/2010 om 19:21

Zeer interessant. Firebug voor Chrome doet bij mij alleen soms wat lastig.

Laatste reacties

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...

Archief

Tags

Volg webs op het web: