Daar sta je dan, … hoe click ik op een tablet?

Onlangs stelde ik mij deze vraag bij het maken van een webapplicatie dat op een gewone desktop browser (ja, zo ver zijn we al, desktop browser is al iets ‘gewoon’) en op de Ipad moest functioneren.

Ahja, je werkt met je vingers op een Ipad

Na enig onderzoek wees zich uit dat de events click – mousemove – focus eenvoudig konden worden ‘vertaald’ naar voor Ipad vriendelijke verstaanbare events, met behulp van JavaScript.

Je zou je moeten verheugen op deze CSS3 eigenschap, gedaan met Javascript of PHP of elke andere programmeertaal om dynamisch elementen te kunnen aanspreken.
Maar ingewikkeld kan deze eigenschap wel zijn, dus hier enkele voorbeelden die je allicht op weg kunnen helpen:

Drop shadow – ofwel de illusie dat iets zweeft en diepte heeft – wordt al jarenlang met afbeeldingen gedaan, ofwel met nuffige semi-CSS oplossingen.
CSS3 is nog niet voor elke browser 100%, maar drop shadow is één van de zaken die we nu reeds kunnen doen en het werkt in:

• Firefox 3.5+
• Safari 3+
• Google Chrome
• Opera 10.50
• Internet Explorer 5.5+

Hoe kun je 1 lijst <ul> opsplitsen in meerdere lijsten zonder toevoeging van extra HTML code? Heel eenvoudig, laat de lijst items er zelf voor zorgen, door er afmetingen aan te geven.

Meestal als je afbeeldingen, of verschillende blokken langs elkaar float, bijvoorbeeld 5 langseen, en je weet niet op voorhand hoeveel items er zullen zijn, zit je altijd met het probleem van margin aan de rechter kant (als je op deze manier spatie wilt verzekeren tussen je blokken). Nu kan de laatste margin-right je laatste blok naar de volgende lijn schuiven omwille van de extra ruimte die nodig is.
Je kan dit met Jquery oplossen.