Gratis HTML 5 device mock-ups voor presenteren van designs

Iedereen die regelmatig bezig is met webdesign of wireframing zal het volgende probleem wel herkennen. Je hebt een prachtig ontwerp gemaakt voor een nieuwe website, en je wilt dit op een nette manier aan de opdrachtgever presenteren. Je kunt dan natuurlijk een e-mail sturen met een paar afbeeldingen. Maar de ontvanger krijgt zo geen goede indruk van hoe het design eruit ziet in een browser of op een specifiek apparaat.

Gelukkig hebben twee designers (Angelos Arnis en Tommi Hiltunen) daar nu een elegante oplossing voor gemaakt: HTML5 device mock-ups. Dit zijn volledig schaalbare versies van de meestgebruikte devices (denk aan smartphones als de iPhone, Samsung Galaxy S3 en de Nokia Lumia 920, maar ook een iPad en een MacBook).

De heren hebben er een soort HTML / CSS framework van gemaakt, waardoor het doodsimpel wordt om je eigen content (afbeeldingen, of eigen HTML code) te tonen in één of meer devices. Zie bijvoorbeeld mijn eigen website in zowel een iPhone als iPad frame:

Zoals je ziet kun je hiermee ook je responsive design mooi in beeld brengen, zeker als je al een HTML versie hebt uitgewerkt.

Ook een keer uitproberen? Downloaden kan gratis via GitHub.

  • 0

Alternatief voor CAPTCHA: Are You A Human

recaptcha-exampleIedereen kent het wel: veel websites vragen bij het registreren of reageren om te bewijzen dat je wel een mens bent (dit heet CAPTCHA). Vaak moet je een paar onduidelijk gemaakte letters en cijfers overtypen. Hoogst irritant, vooral omdat de letters vaak bizar slecht leesbaar zijn. Gelukkig is er nu een veel leuker en makkelijker alternatief bedacht: Are You A Human.

Read More…

  • 0

3 tips voor een veilige WordPress site

WordPress logoVia deze weg wil ik graag een aantal WordPress beveilgings tips delen die ik op mijn eigen weblog ook gebruik, en die naar mijn mening elke WordPress gebruiker zou moeten toepassen. WordPress is helaas een geliefd doelwit onder script kiddies, maar met een paar simpele tips kun je 90% van de standaard aanvallen tegenhouden.

Read More…

  • 0

Hoe ik binnen 10 seconden mijn WordPress blog update

NedStars SmileyIn een vorige post schreef ik al over het Deployment Script dat we vanuit NedStars recentelijk open-source hebben gemaakt. Inmiddels zijn we al bij versie 1.2 aanbeland, en heb ik de tool nu ook ingezet voor deze weblog. Hieronder leg ik uit hoe ik dit heb gedaan, en hoe je zelf ook heel eenvoudig je WordPress installatie kunt updaten met gemaakte wijzigingen. Dit is vooral nuttig voor de ontwikkelaars onder ons, zodat je bijvoorbeeld gemakkelijk een nieuwe versie van je eigen template of plugin online kunt zetten.

Screenshot Deploy Script

Read More…

  • 0

PHP deployment script: nieuw open-source project van NedStars

NedStars SmileyVandaag heb ik samen met NedStars collega Alain Lecluse onze PHP deployment tool opensource gemaakt. Dit script gebruiken we bij NedStars om met één druk op de knop een nieuwe versie van een website, webshop of web-applicatie naar de productieomgeving door te zetten. Deze tool is geïntroduceerd tegelijkertijd met onze overstap van Subversion naar Git, en wordt momenteel primair gebruikt voor onze Magento en Concrete5 projecten.

Voorheen werkten we vaak op productieservers met Subversion checkouts. Hoewel het updaten dan heel simpel is (svn up anyone?), betekent dit wel dat een update down-time tot gevolg heeft (gedurende de SVN operaties zijn de files niet in consistente staat, met mogelijk foutmeldingen tot gevolg). Bovendien kunnen er conflicten optreden, en is het soms lastig om een update snel terug te draaien mocht er iets misgaan. Daarom is besloten om dit te automatiseren in een deployment script.

Read More…

  • 0

Zippopotamus: gratis API voor postcode data

Zippopotamus logoZippopotamus is een gratis API voor ontwikkelaars, waarmee je adresgegevens bij een postcode kunt opzoeken. De dienst heeft postcode data beschikbaar voor tientallen landen wereldwijd (Nederland inbegrepen). Je kunt de API gebruiken om bijvoorbeeld adresgegevens automatisch aan te vullen nadat de gebruiker zijn/haar postcode heeft ingevoerd.

De API is zeer eenvoudig. Vanuit je applicatie stuur je een simpel HTTP request naar een bepaalde URL. Hieronder staat een voorbeeld om de postcode 5657 op te zoeken in Nederland:

http://api.zippopotam.us/NL/5657

Dit request geeft een JSON object terug met de bijbehorende data:

{"post code": "5657", "country": "Holland", "country abbreviation": "NL", "places": [{"place name": "Eindhoven", "longitude": "5.4778", "state": "Provincie Noord-Brabant", "state abbreviation": "06", "latitude": "51.4408"}]}

Na een paar postcodes geprobeerd te hebben moet ik zeggen dat de data goed lijkt te kloppen. Enige nadeel: je krijgt bij een postcode wel de stad, provincie en longtitude/lattitude mee, maar geen daadwerkelijk adres. Dat zou je dus nog op een andere manier moeten achterhalen (bijvoorbeeld via de Google Maps API).

Of Zippopotamus echt een geschikt alternatief is voor het aanschaffen van een volledige postcode database valt nog te bezien. Het is in ieder geval een gratis manier om op basis van een postcode de locatie van een gebruiker te bepalen.

  • 0

How to send your own push notifications using Pushover

As a developer or sysadmin, you often find yourself wanting to send notifications to yourself or others, when certain events occur. For example: if your web application encounters a critical error, or a server is not responding, you want to know about it as fast as possible. Of course you can use an SMS provider to send a message to your phone. But sending SMS messages is still not free, and most providers use API’s that are not very flexible. Enter Pushover: a web service combined with mobile app, to send free (not counting the one-time purchase of the app) push notifications to smartphones.

Read More…

  • 0