Meten we binnenkort kliks via het HTML ‘ping’ attribuut?

Ken je het HTML ping attribuut? Nog nooit van gehoord? Ping is een attribuut als onderdeel van de link tag <a href> in HTML. Het is eeuwenoud (in internetjaren) maar komt misschien binnenkort terug van weggeweest. Ziehier een voorbeeld hoe het ping attribuut wordt gebruikt: <a href=’https://duckduckgo.com’ ping=’https://example.com/ping’>Link</a> Ping zorgt ervoor dat als op een link – of bijvoorbeeld een banner – wordt geklikt deze klik wordt doorgegeven aan tracking software. In het vakjargon wordt deze techniek omschreven als hyperlink auditing. Eén of meerdere URLs kunnen in het ping attribuut worden genoteerd. Met andere woorden, je hoeft geen implementatie van bijvoorbeeld Google Analytics te hebben om kliks te meten. Plus, JavaScript moet bij de gebruiker niet zijn geactiveerd. Momenteel wordt het ping attribuut ondersteund door de meeste populaire browsers zoals Google Chrome, Apple Safari, Microsoft Edge en Opera. De privacy-browser die bewust de ping tag niet wenst te ondersteunen is Brave browser. De Firefox browser – met een marktaandeel van 7% in Europa – is de enige populaire browser die het ping attribuut momenteel nog niet volledig ondersteunt. Daardoor is het verzamelen van data via dit attribuut onvolledig. Nu blijkt echter dat het de ambitie van Firefox is om deze …

Lees verder  

Een database als CMS: Maarten Belmans over Table2site

Dag Maarten, Table2site, wat is dat eigenlijk? Table2Site is een online service waarmee je een website kan maken door een database op Airtable te creëren en te beheren. Het laat je toe om op het web te publiceren zonder enige kennis van programmeren. Voor wie Airtable niet kent: het is een cloud tool waarmee je allerlei data kan organiseren en weergeven op verschillende manieren. Daar vertel ik straks nog wat meer over. Table2Site gebruikt dus Airtable als de CMS (content management system) waarin je de inhoud van je website beheert. Airtable, is dat te vergelijken met Excel of Google Sheets of misschien MySQL? Airtable is inderdaad te vergelijken met al die tools. Het combineert aspecten van spreadsheets en databases, waardoor je er krachtige dingen mee kan doen. Als freelancer gebruik ik Airtable bijvoorbeeld om mijn facturen bij te houden en er een PDF-bestand van te maken. In zijn basisvorm ziet Airtable eruit als een spreadsheet. Net zoals in Excel kun je makkelijk rijen toevoegen, cellen bewerken of zelfs dynamische berekeningen uitvoeren. Je kan er echter nog veel meer mee: zo kan je Google Maps toevoegen om data te visualiseren op kaart, formulieren genereren of to do lijsten visualiseren zoals in …

Lees verder  

Skills aanscherpen met side projects. Michiel Van de Veire over Workweek

Dag Michiel, vertel, Workweek, wat is het juist? Workweek is een agile tool om eenvoudig je wekelijkse taken vast te leggen en af te vinken. Door elke week je takenlijst te bepalen, blijft je focus behouden op echt belangrijke taken en zal je niet langer afgeleid worden door minder relevante todo’s of taken die er anders worden voor geschoven. Daarmee steunt Workweek ook op de actiegebaseerde “Getting Things Done” managementmethode. Die leert ons dat je je geen zorgen meer hoeft te maken over taken nadat je ze hebt vastgelegd. Het moeten-herinneren-van-alle-taken maakt plaats voor het daadwerkelijk uitvoeren ervan. Daarnaast kan je binnen Workweek ook collega’s uitnodigen en zo inzicht krijgen in de wekelijkse taken van je teamleden zonder hiervoor tijdrovende meetings te moeten inplannen. Ah, een beetje zoals Trello? Niet echt, Trello boards zijn gebaseerd op het Kanban-principe waarin de status primeert (met workflow kolommen zoals ‘to do’, ‘doing’ en ‘done’). Je kan binnen Trello ook dieper ingaan op de details van een bepaalde taak. Workweek groepeert daarentegen de taken op basis van de week waarin je ze wil afwerken (in een weekweergave) en toont enkel de taakomschrijving. Waar Trello een echte project management tool is (taken, statussen, reacties, bestanden …

Lees verder  

Stoom je klaar voor de arbeidsmarkt met een opleiding Web Design

CVO “De Verdieping” biedt een intensieve opleiding Webdesign aan die jou klaarstoomt voor de arbeidsmarkt. Coden met HTML, CSS, JavaScript, het ontwerpen van een gebruikersinterface, programmeren in PHP,… het hele traject komt aan bod. Op het einde van de opleiding doe je een bedrijfsstage en nadien kan je aan de slag! We vroegen Toon Gorissen van De Verdieping hoe dit allemaal praktisch in elkaar zit: Dag Toon, CVO ‘De Verdieping’, vanwaar de naam? Onze school nam in 2015 zijn intrek in de oude gebouwen van het voormalige mijnterrein van Heusden-Zolder. De restauratie en renovatie van het ophaalgebouw was toen net achter de rug. Ophaalgebouw, ophalen, verdiepen,… – heb je ‘m? Maar natuurlijk is ’je ergens in verdiepen’ ook een mooie woordspeling voor een school. Hoe lang bestaan jullie reeds? De dagopleiding webdesign voor werkzoekenden werd in 2006 voor het eerst ingericht. We zijn ondertussen dus aan onze tiende jaargang toe. Voor wie is dat nu eigenlijk, zo’n opleidingsaanbod? Is dit iets voor bijvoorbeeld een grafisch designer? Is kennis van programmeren vereist? Een grafisch designer die zijn skills wil uitbreiden naar het web, zit bij ons zeker op de juiste plaats. Programmeerkennis is niet vereist, maar alle eerdere bagage is natuurlijk …

Lees verder  

Obama roept iedereen op te leren programmeren

Naar aanleiding van de Computer Science Eduction Week in de Verenigde Staten heeft organisator code.org een opvallende videoboodschap de wereld in gestuurd. In het filmpje van een dikke minuut roept niemand minder dan de Amerikaanse president alle jongeren op om te leren programmeren. Volgens Obama is dat niet alleen belangrijk voor de toekomst van de Amerikaanse jongeren, maar voor de toekomst van het hele land. Om de jongeren hiervoor warm te maken, kunnen ze op csedweek.org nog de hele week terecht voor een “Hour of Code”: tutorials van een uurtje die je introduceren in de wereld van het programmeren. Wie de smaak te pakken heeft, kan ook meteen verder gaan met langere en meer gevorderde tutorials. Deze Obama-stunt was niet de eerste in het rijtje om meer mensen aan het programmeren te krijgen. Twee jaar geleden slaagde CodeAcademy er ook al in om Michael Bloomberg, de burgemeester van New York, te laten tweeten dat leren programmeren zijn voornemen voor het volgende jaar was.

Lees verder  

Google lanceert Google Web Designer

Google lanceerde gisteren “Google Web Designer”, een tool voor Mac en PC waarmee je eenvoudig HTML5 websites en banners kan ontwerpen. Op een visuele manier ontwerp en animeer je jouw creatie terwijl in de achtergrond automatisch HTML en CSS code wordt gegenereerd. Deze code kan je indien gewenst manueel aanpassen. Google ontwikkelde deze tool voornamelijk om interactieve banners, interstitials en expandable banners op een eenvoudige manier uit te werken maar je kan er evengoed een website mee bouwen of SVG graphics mee maken. Aangezien Google Web Designer gebruik maakt van de allerlaatste HTML5, CSS3 en JavaScript technieken kan je jou uitleven in 3D en via de tijdslijn frame per frame animaties uitwerken. Net zoals je dit in Flash kon, indertijd. Al dit moois is natuurlijk al eventjes mogelijk via Adobe Muse en Adobe Edge Animate, maar – zoals we gewoon zijn bij Google – is Google Web Designer volledig gratis. De oorsprong van Google Web Designer ligt bij Motorola, dat vorig jaar door Google werd overgenomen. Drie ontwikkelaars lanceerden toen een Google Chrome app genaamd “The Ninja authoring tool” dat zowat alle functionaliteiten bevat als Google Web Designer vandaag. Dat Google heuse plannen rond Google Web Designer heeft blijkt uit …

Lees verder  

Test je nieuwe features met een knop naar niemandsland

Wanneer je een nieuw product ontwikkelt, is het uiterst belangrijk om te bestuderen hoe gebruikers hiermee omgaan. Het probleem is dat je, bij bijvoorbeeld de ontwikkeling van een nieuwe feature in je app, niet altijd de kans hebt om al dagen tijd te investeren in het uitvoeren van je concept, zonder dat je zeker weet of je gebruikers wel iets aan je vernieuwing zullen hebben. Om te voorkomen dat ze iets ontwikkelen dat niet in de smaak valt bij hun gebruikers, storten veel ontwikkelaars zich op enquêtes. En enquêtes zijn zonder twijfel een zeer handig middel om meer info te krijgen over je gebruikers, maar ze zullen je nooit vertellen hoe die gebruikers effectief met je nieuwe feature zullen omgaan. Maar hoe kan je die nieuwe tool dan wel testen zonder hem al helemaal te ontwikkelen? Het antwoord, en vooral de uitvoering ervan, is heel erg simpel: met een knopje naar niemandsland. Je toont die button op de locatie waar je je nieuwe tool zou plaatsen, en laat een simpele pop-up verschijnen wanneer je gebruikers er op klikken. In de pop-up laat je weten dat er een nieuwe feature onderweg is en dat ze die binnenkort op deze plek kunnen …

Lees verder  

Slash – een krachtige Photoshop plugin uit Gent

Slash is een ruig maar intelligent aapje van Belgische bodem dat jouw PSD-bestanden snel omtovert naar pixelperfecte afbeeldingen. Dat met 100% kleurechtheid en je hebt ten alle tijde totale controle over de kwaliteit. De makers, het Gentse Photoshopmonkeys, promoot Slash als volgt: Let monkeys do the monkeywork. En die uitspraak is er volledig op. Het werk dat deze hoogopgeleide primaat zonder enige moeite voor je doet is immers een vervelende en tijdrovende klus. Terwijl Slash the monkey een banaan eet en andere primaire noden tegemoetkomt, leg ik even uit hoe dit alles in zijn werk gaat. Waar vroeger nog monnikenwerk nodig was, stelt deze krachtige tool je in staat om accuraat en bijna volautomatisch je artwork op te delen in direct inzetbare elementen. Het basisprincipe bestaat uit het exporteren van bestanden op basis van laaggrenzen (layer boundaries). De meest courante bestandstypes kan de krachtpatser zonder meer aan en automatisch folders aanmaken is zijn favoriete bezigheid. Maar dat is nog lang niet alles. Je zult snel ontdekken dat zijn ingebouwd versiebeheer zijn meest waardevolle skill is. Hij biedt ook hulpmiddelen aan om heel eenvoudig geschaalde duplicaten op te slaan. Alle files worden bewaard onder de strenge normen van Photoshops standaard Save …

Lees verder  
  123