• Fork CMS (core, themes)

    In de vorige post legde ik al uit hoe het gebruik van templates precies in elkaar zit. Heb je de post nog niet gelezen, dan zou ik dat toch eerst doen :) Nu ga ik wat dieper in op de mappenstructuur van Fork en hoe je zelf themes kunt maken en toepassen. Maar we beginnen bij het begin: de Core van Fork.

  • Fork CMS (installatie, templates)

    "Fork CMS is gebouwd op een door Netlash ondersteunde programmeerlaag, namelijk Spoon." Dit staat te lezen op de website van Netlash. Omdat ik al wat ervaring heb met Spoon, was ik meteen geprikkeld om Fork CMS uit te testen. En toen ik las over de meetup die Netlash organiseerde, heb ik niet getwijfeld om mij in te schrijven. Na de meetup was ik ervan overtuigd dat Fork iets voor mij was. Ik kwam thuis en wou direct aan de slag gaan. Maar toen stond ik voor het feit dat er nog weinig gedocumenteerd is over Fork. Daar zijn ze bij Netlash ondertussen vast druk mee bezig. Maar tot dan, heb ik weinig om mee te werken. Daarom leek het me een goed idee om mijn ervaringen te bloggen. Dit zal opgedeeld zijn in verschillende posts, afhankelijk van wat ik bijgeleerd heb. Zo kan ik anderen misschien helpen om kennis te maken met dit content managment systeem.

  • Google Analytics: Virtual Pageviews vs Event Tracking

    I like Google! En dan heb ik het niet alleen over hun krachtige zoekmachine. Je zou haast vergeten dat Google veel meer is dan dat. Denk maar aan Google Maps, Google Mail, Google Docs, Google Chrome en het recent geïntroduceerde Google+. Je kent ze allemaal. Maar er is nog een creatie die zich een stevige positie heeft veroverd in de wereld van webstatistieken: Google Analytics. Of je het nu gebruikt of niet, over één ding kunnen we het eens zijn: je zou het moeten gebruiken :) Google Analytics is makkelijk te integreren in je webproject en biedt zeer veel mogelijkheden. En dat volledig gratis! Omdat ik Google Analytics al een tijdje gebruik, besloot ik mij te verdiepen in de mogelijkheden ervan. Ik kwam een interessante topic tegen die ik graag met je deel: Virtual pageviews en Event Tracking.

  • URL redirect met QR-codes

    Je ziet ze hier en daar al opduiken, de zogenaamde "QR-codes". Misschien kwam je er al één tegen in je favoriete magazine. Of op een affiche in je straat. Ze zien eruit als een wirwar van zwarte blokjes op een witte achtergrond. Maar achter die wirar steekt een gecodeerd stukje informatie. Maar wat doe je daar nu precies mee en wat kunnen ze betekenen voor webdevelopers? Dat probeer ik duidelijk te maken in dit artikel.

  • Optimaliseer je website voor iPad en iPhone

    Met de sterk stijgende populariteit van smartphones en tablet pc's, zorg je er best voor dat websites ook op dit medium een goeie indruk maken. Niemand wil een verkeerd beeld van een website nalaten op mobiele toestellen. Ik spits mij in dit artikel toe op Apple's populaire mobiele linup. Wat zijn de do's en don'ts van webontwikkeling voor iPad en iPhone? Hieronder vind je 5 aandachtspunten.

  • Maak een home screen webicoontje voor je iPad en iPhone

    Tijd voor iets leuks! Misschien weet je dit al, maar je kunt op de home screen van je iPad en iPhone een directe link toevoegen naar een website. Dit doe je in de vorm van het alombekende icoontje, waarmee ook apps gepresenteerd worden. Je kunt dit icoontje bovendien zelf vormgeven! Doe je dit niet, dan wordt er standaard een screenshot van je website genomen en in het kleine icoontje geplaatst.

  • Maak HTML5 animaties met Adobe Edge

    Adobe heeft zonet een eerste proefversie van Adobe Edge vrijgegeven. Edge maakt gebruik van HTML5 en CSS3 om animaties voor divs te creëren, en dit met het gemak van de typische Adobe lay-out. Het zou in principe moeten concurreren met Flashanimaties. Adobe Edge vereist op zich geen programmeerskills, maar bij het integreren van een project in een website is een beetje programmeerkennis toch handig. Let's get started, shall we?

  • Google+ en de plus one button

    Facebook domineert vandaag de dag het sociale netwerk gebeuren. Zit je niet op Facebook, dan ben je van niets op de hoogte. Het is bijna een sociale verplichting om lid te worden. Waar vind ik foto's van dat verjaardagsfeestje? Facebook! Waar en wanneer spreken we morgen af? Facebook! Hoe zou het nog zijn met [insert any person]? Facebook! Probeer maar eens na te denken over wie binnen je vriendenkring (en daarbuiten) nog geen Facebookprofiel heeft... Moet je even hard nadenken als ik?

    Wie durft nog concurreren met zo'n sterk geïntegreerd sociaal netwerk? Google, that's who!

  • Gesture based events

    Mobile browsing is een sterk stijgende trend aan het worden. De discussie of iedere website een aparte mobiele versie moet krijgen, laat ik even achterwege. Waarover ik het wel wil hebben, zijn de specifieke gewoontes die smartphone users hebben. Bladeren zijn bijvoorbeeld door hun foto's, dan doen ze dit door met een vinger over het scherm te vegen. Om in of uit te zoomen op een foto, knijp je met twee vinges de foto als het ware open of dicht. Gesture based events heet dat. Dit staat in schril contrast met hoe je een computermuis gebruikt, waarmee je eigenlijk alleen maar klikt. Tijd om mij eens te verdiepen in deze speciale manier van navigeren.

  • Integreer een sociaal netwerk in je website (2)

    Tijdens de zoektocht naar info voor het integreren van een like button, werd ik al snel geconfronteerd met tal van andere Facebook plugins. Iets wat mij direct aansprak, was de manier om comments te verzorgen met "FB:comments".

    Het bespaart je eigenlijk heel wat werk. Je hoeft praktisch geen enkele lijn code te schrijven en je krijgt er een volwaardig commentsysteem in ruil voor. Jammer genoeg heb ik dit pas laat ontdekt. M'n commentsysteem stond namelijk al op poten toen ik hierachter kwam. Typisch! Maar swat, ik wou het toch eens testen. De volgende regel code is eigenlijk al voldoende.