Leadingcourses.com launches widget for search

As of today everybody offer their visitors a quick way to search through more than 7,000 golf courses in europe which are listed on leadingcourses.com.

More info can be found on: http://en.leadingcourses.com/widget-generator/
 

 

 

 

 

jQuery datepicker, how to disable one day?

Today I needed to disable one day in the jQuery ui datepicker. I did some research, and I found out, it is actually much simpler than I thought. There is something available in the plugin itself ($.datepicker.noWeekends).

The actual code I needed is like this:

$('.js--trigger-datepicker').datepicker({
        beforeShowDay: function( date ) {
 var ignoreDay = 0; // sunday === 0, monday === 1, etc
return [(date.getDay() != ignoreDay), ''];  }  });

Enjoy! (I do at least ;-))

Preloading an image or sprite and make it load fast

Recently we did a new re-design for leadingcourses.com. One of the goals was to make the site fast. As I am a (freelance, yes, I can be hired 😉 ) front-end developer, I wanted the front-end to be as fast as possible with as little effort as possible.

I already read a lot of articles written by Steve Souders and Stoyan Stefanov about site speed. A lot of stuff went in my head for that, and now I will just type it out so it is written down.

In this post the steps I took to make our sprite load faster.

[Read more…]

A small horizontal gallery, xfinxgallery

Recently I created a small gallery which enables you to add images, text or whatever and put it in a small (automated) scroller. It is quite easy to use (see below). If you have any feature requests? please let me know :-)

[Read more…]

Fronteer workshops voor visual designers

De browsermarkt is enorm aan het veranderen. Internet Explorer was jarenlang leidend, tegenwoordig zetten browsers als Chrome, Firefox en Opera de toon. Maar ook nieuwe apparaten zoals mobieltjes en iPads maken gebruik van uiterst geavanceerde browsers met goede ondersteuning van nieuwe technieken zoals HTML5 en CSS3.

[Read more…]

Grafieken met html en javascript, geen flash!

Ik heb een beetje een persoonlijke aversie tegen flash elementen op de site. Helemaal gezien html + javascript oplossingen in veel gevallen minimaal zo goed zijn als de flash-variant. Daarnaast laadt het ook nog een stukken sneller!

Daarnaast ben ik een fervent gebruiker van jQuery.

Er zijn verschillende plugins voor jQuery die erg goed zijn en veel te bieden hebben. Hieronder stel ik er twee voor die er volgens mij uitspringen. Beide versies maken gebruik van de <canvas> tag die door de meeste browsers ondersteund worden (HTML 5), echter IE ondersteund het niet. Google heeft voor IE een javascriptje geschreven die toegevoegd kan worden aan de pagina. Hierdoor werkt de canvas plugin in IE 6, 7 ,8. Erg handig dus, crossbrowser plugins.

Flot

Flot werkt voor: Internet Explorer 6/7/8, Firefox 2.x+, Safari 3.0+, Opera 9.5+ and Konqueror 4.x+. En is gebaseerd op een zo eenvoudig mogelijke implementatie. Als je de voorbeelden volgt, is het implementeren van Flot een eitje!

Versie

De versie zit momenteel bij 0.6. Dit betekent niet dat het instabiel is, in tegendeel het ziet er goed uit in eigenlijk alle browsers en is ook zeer stabiel!

Daarnaast verschijnt er met enig regelmaat een update, dit is zeer belangrijk, mocht er een probleem zijn, dan is deze in veel gevallen redelijk snel gefixt.

Documentatie

De documentatie van Flot is uitgebreid echter alleen in .txt-formaat. Echter de voorbeelden zijn zo eenvoudig dat de complete werking van Flot te vinden is met de voorbeelden.

Functionaliteiten

Flot heeft een aantal goede en goed werkende functionaliteiten, varierend van pie charts, stacked bars en gewoon lijngrafieken. Voor een lijst van functionaliteiten, zie een voorbeelden van flot.

jqPlot

jqPlot is een andere plugin en op bijna dezelfde punten sterk als Flot. De website oogt alleen stukken beter en professioneler.
Ook jqPlot is geteset voor Internet Explorer 6/7/8, Firefox, Safari, and Opera.

Versie

De versie op dit moment is 0.96. Dit geeft al aan dat ze er bijna zijn, bijna bij versie. Het product wat er nu staat is dus bijna ‘af’.
Ook jqPlot heeft regelmatig update, dus ook hier geldt, is er een issue, dan is deze snel gefixt.

Documentatie

De documentatie met jqPlot is ook volledig, en een stuk overzichtelijker dan Flot.

Functionaliteiten

jqPlot is iets uitgebreider dan Flot, en qua uiterlijk net zo mooi. Het is bijna ondoenlijk om het op te noemen, zie daarom meer bij de voorbeelden van jqPlot.