Even zitten spelen met een foto van Kaai16

Wat zegt dat eigenlijk over u, als je in plaats van Watch_Dogs te gaan spelen zoals je dacht te doen, je je een uurtje of 2,3 bezig houdt met 1 foto, met nog wat vegas javascript, om opeens te beseffen dat je eigenlijk een responsive mini-website hebt gemaakt ?

Gedreven ? Zot ? Van het goede teveel ?

Ik heb er in ieder geval veel plezier aan gehad, aan dit prutsen:

test site

 

Je kan het zelf (eventjes) gaan ontdekken op http://demo.eventconnect.be

 

Nieuwe ontwikkeling gedaan : visitekaartje voor de kartonfabriek Henri Goossens

screen-capture-2-585x400

Een nieuwe website gemaakt voor de Henri Goossens kartonfabriek. Deze website dient als visitekaartje op het internet zodat klanten die hen zoeken hen sneller kunnen localiseren en contacteren.

Deze html5 site is volledig responsive, en toont zich dus ook correct in eender welke mobile browser.

In de design werd vooral gewerkt met afgeronde hoeken via CSS3 die alle huidige browsers kunnen tonen. IE7 toont deze site nog ‘hoekig’.

Klanten kunnen zowel via de email link hen contacteren (voor diegenen die een lokale email client geinstalleerd hebben) als via het contact fomulier waar ze een boodschap kunnen nalaten via een modal dialog box die te voorschijn.

Gemaakt met bootstrap, jquery, en php voor de verwerking van het contactformulier.

FR en NL pagina’s zijn voorzien.

Cartonnerie.be linkt naar dezelfde hosting account, maar geeft de franstalige content weer via htaccess rewrite rules.

Twitalytics Update, November 2010 (2)

I just did an update to Twitalytics (or Twita for short).

What’s changed:

  • Redid the search screen and added an autocomplete (jquery-ui) to the inputfield when you type something in the search field. The drop-down will show you the list of similar keyword queries other users are running.
  • Rearranged the search screen so it’s more intuitive to select languages
  • A first relook at the results that are shown after entering the search words: ugh! I need to redo this screen ! Tweaked the buttons already.
  • Added some spiffy graphic icons to the keyword overview table ! The icon set is called ‘flavour-extended‘ by Olivier Twardowski and I found them via a post in Smashing Magazine.
  • I tweaked the header and the footer section so that they take up less space.
  • The keyword table which currently resides under “My Profile” now also shows the languages you selected.

I’m starting to notice some slowness entering the system – I’ll need to optimize my queries, I am thinking about moving some of those which are tweep-related (twitterers, users who send tweets) to another cron-job so it is done once-a-day.

That’s it for now !

Sparklines are cool !

Recently I was looking to add some graphics to my python CherryPy application, and I discovered sparklines.

Sparklines are small graphical displays of numerical data that help you to get a timeline view. Their size makes it easy to add them in phrases or to compare different graphs quickly. Below are some examples:

Examples of the sparkline graphics

This javascript jquery plugin is simplicity itself :

  1. Add the js script to your html page and add a jquery function
  2. Generate some numbers between a span tag
  3. And give that span a jquery function classname

And bob’s your uncle !

Go discover it for yourself !