Scriptorama.nl

Header image showing a keyboard, mouse, laptop and books on design patterns

Maand van de problemen met browsers

We hebben allerlei "maand van-" series gehad de afgelopen tijd: de maand van Apple bugs, de maand van PHP bugs, enzovoorts. Deze maand lijkt wel een beetje de maand van de browser problemen te zijn. 5 problemen met Firefox en Internet Explorer.

(more...)

Seo-Info 1.1

Ik heb het SEO-info script voor gebruik met Greasemonkey nog wat verder aangepast.

  • De woorden teller selecteert nu de textnodes via XPath, dat is sneller en simpeler (geen recursie meer)
  • Om de SEO informatie te tonen maakt het script nu rechts boven in het scherm een linkje "SEO" welke na 10 seconden verdwijnt.
  • Na een klik op het SEO linkje wordt de informatie nu over de main content heen getoond met een lightbox effectje (met dank aan Michiel :P )

Download seo-info 1.1 hier.

Het ultieme overzicht van in-browser webdevelopment tools

De moderne Webdeveloper leeft voornamelijk uit zijn Editor en vanuit z'n Browser in plaats vanuit ingewikkelde IDEs. Een overzicht van webdevelopment tools voor alle grote browsers:
(more...)

My first greasemonkey script: seo-info

Je kent GreaseMonkey vast wel, de firefox extensie die het mogelijk maakt om met behulp van Javascript het gedrag of de looks van een specifieke pagina (of alle pagina's) te wijzigen (en misschien wel te verbeteren). Nu had ik greasemonkey tot vandaag nog niet echt geprobeerd aangezien ik niet zo goed wist wat ik er van moest vinden.

Vandaag kwam ik op monlog.nl een posting tegen waarbij 'monchito' om een specifiek greasemonkey script vroeg. Uitgelezen kans om eens e.e.a te proberen en het resultaat is mijn eerst greasemonkey script: seo-info. Een simpel script dat op de huidige pagina:

  • De Title tag laat zien
  • Kijkt wat voor H1 tags op de pagina beschikbaar zijn
  • Kijkt wat de meta tags 'description' en 'keywords' voor waarden hebben
  • Telt hoeveel woorden de pagina bevat.

Download seo-info.user.js. Misschien dat iemand anders er ook iets aan heeft ;-). Na installatie kun je de informatie opvragen via Tools > Greasemonkey > User Script Commands > Show SEO information.

Zelf ook iets bouwen met GreaseMonkey? Check Dive Into Greasemonkey.

Oók interessant #7

Mozilla ontwikkelaar stelt veiligere locatie balk voor

Gervase Markham, een coder voor Mozilla, is de laatste tijd bezig geweest met een voorstel om de locatie balk (daar waar jij je URL in typt) te wijzigen zodat de veiligheid verbeterd wordt. Het doel van dit voorstel is om de locatie balk een veilige plek te maken waar je in 1 oog opslag kunt zien op welke site je werkelijk zit. Om dit te doen stelt Gervase Markham het volgende voor:

  • Hide the scheme when URL bar not focussed/hovered
  • Hide username and password
  • Highlight hostname
  • Display EV business name and country
  • Remove the favicon from the URL bar entirely
  • Focus/hover turns bar back to a text box
  • Change selection behaviour
  • Analyse font choice carefully

Dit zijn vrij heftige wijzigingen, dus om e.e.a beter te kunnen voorstellen is er een voorbeeld firefox extensie ontwikkeld: Locationbar2. Deze extensie implementeert de meeste ideeen uit het voorstel en dat ziet er dan ongeveer zo uit:

locationbar

Het is even wennen maar na enige tijd voelt het normaal aan. Op het moment dat je met je muis over de locatie balk hovert wijzigt hij weer terug naar een gewoon invul veld maar je kunt ook door CTRL in te houden een deel van de URL selecteren.

Wat denk jij, zou een dergelijke wijziging phishing problemen kunnen verminderen ?

Dutch PHP Conference 2007

Hoewel de rest van de wereld al tijden druk bezig is met PHP Conferences is het in Nederland nog nooit zo van de grond gekomen. Tot vorig jaar dan. Na Eduvision's PHP Conferentie 2006 vorig jaar november (zie ook PHP Conferentie 2007) en PHPFreakz' PFCongrez in April 2007, meldt Ivo Jansch ook IBuildings een PHP conference organiseert: op 16 juni vindt de The Dutch PHP Conference 2007 plaats in Amsterdam RAI. Het programma staat nog niet helemaal vast, maar de volgende onderwerpen worden in elk geval besproken:

  • Trends - Design patterns, een manier om op een meer gestructureerde manier software te ontwikkelen. Een techniek die iedere developer zou moeten beheersen.
  • Mash-ups: maak supersnel een nieuwe applicatie op basis van bestaande services en een klein beetje PHP code.
  • Frameworks: Nog steeds worden veel applicaties 'from scratch' gebouwd, waarbij ontwikkelaars het wiel regelmatig opnieuw uitvinden. Er zijn echter diverse frameworks die een hoop werk uit handen nemen. We laten een aantal frameworks de revue passeren, de component frameworks Zend Framework en Symfony, en het business framework ATK.
  • Databases: Vrijwel elke PHP applicatie maakt gebruik van een database. Omdat de ontwikkelingen op dit gebied niet stil staan, laten we je in een aantal presentaties zien wat er tegenwoordig mogelijk is op het gebied van PHP en databases.
  • Enterprise Solutions - Op basis van diverse case-studies wordt aandacht besteed aan de uitdagingen waar je als developer van bedrijfskritische applicaties of websites mee wordt geconfronteerd. De ontwikkelaars van enkele bekende websites laten zien hoe zij PHP inzetten om deze uitdagingen het hoofd te bieden.

Toegang kost € 100,- of € 75,- als je je voor 1 juni registreert. Meer informatie vind je op de website van de Dutch PHP Conference 2007.

Ik ben in elk geval van plan er bij te zijn!

I’m just getting my Jars together..

Iedereen kent de succesvolle "Hi, I'm a mac" reclames van Apple inmiddels wel en misschien heb je ook wel een van de vele parodien er op gezien. Het was natuurlijk wachten totdat er een parodie kwam tussen de verschillende webdevelopment talen. De mensen van RailsEnvy hebben er in elk geval alvast 2 gemaakt:

Ruby on Rails & Java:

Ruby on Rails & PHP:

Het is bedoeld als aanloop naar een Ruby Conference en we kunnen er binnenkort nog 2 verwachten. Zullen ASP.NET en Python de volgende 2 slachtoffers zijn?

Tweakers.net interviewt Opera Software

Tweakers.net heeft haar lezers vragen laten bedenken voor Opera Software - de ontwikkelaar van de Opera browser. De vragen varieren van het gebruik van Opera, technische vragen over de browser tot vragen overstandaarden.

T.net: Webapplicaties zoals Google Spreadsheets zijn een populair onderwerp vandaag de dag. Misschien nog niet zo goed als Excel, maar toch indrukwekkend voor iets wat in een browser draait. Hoe denken jullie over dit soort ontwikkelingen, kan en moet een browser een applicatieplatform worden?

Zonder twijfel: ja. Er zijn nog wel een hoop uitdagingen, zoals op het gebied van beveiliging, maar men is ervan overtuigd dat het gebruik van de browser de makkelijkste manier is om een applicatie voor allerlei verschillende platforms en apparaten beschikbaar te maken.

T.net: Wat is jullie mening over Internet Explorer en Microsofts (recente) houding ten opzichte van standaarden? Hebben jullie wel eens overwogen om een klacht in te dienen bij de EU, net zoals Real heeft gedaan?

Men noemt het positief dat Microsoft steeds meer betrokken is bij standaarden, hoewel ze denken dat de opkomst van Opera en Firefox ze daartoe gedwongen heeft. Ze hebben nog een lange weg te gaan, dus de tijd zal leren of het echt serieus is. Een klacht indienen is nooit overwogen; Opera wil gewoon concurreren door een betere browser te bieden, niet in de rechtszaal.

Lees Tweakers.net: Opera Software antwoordt...

Hoe maak ik een File Upload progress bar met PHP ?

We hebben al eerder gelinkt naar artikelen die vertelden hoe je een file upload progressbar kon maken, maar deze vertelden dit op een enigzins hoog niveau zonder er bij te vertellen hoe alles nu precies in elkaar stak. Dus vandaag implementeren we op Scriptorama from-(bijna)-scratch een file upload progress bar met PHP, jQuery en een PHP extensie.

Update: Heb je niet de mogelijkheid om een nieuwe PHP module te installeren? Probeer het dan eens een file upload progress bar te maken met Google Gears!

(more...)