Sinds ik op de Beyond Boundaries dag voor het eerst over Adobe Air hoorde, heb ik de ontwikkelingen enigzins in de gaten gehouden. Toen was AIR nog in de beta-fase, maar vandaag is Adobe AIR 1.0 (voor Mac en PC) officieel geïntroduceerd! In het kort is Adobe AIR een application framework dat het mogelijk maakt om, met technieken die oorspronkelijk voor het web gemaakt zijn (XHTML, Javascript, CSS en Flash/ FLEX), applicaties voor de desktop te maken.
Dit is een logische ontwikkeling gezien de trend dat websites steeds meer functionaliteiten krijgen en veel programma’s gebruik maken van de internetverbinding. Het “probleem” van de huidige generatie webapplicaties is dat deze te maken hebben met een aantal (veiligheids)beperkingen van de webbrowser en standaard interface onderdelen (zoals de refresh-, back- en forward-buttons) die niets te maken hebben met de interactie van de applicatie zelf. Door gebruik te maken van het AIR framework komt er voor de “Webapplicaties” functionaliteit beschikbaar die tot voor kort alleen voor desktopapplicaties mogelijk was.
Category Archives: Webdesign
Sitepoint opent CSS reference
Als ik denk aan goede websites die mij veel hebben geleerd over webdesign, webstandards en usability, denk ik aan A List Apart en Sitepoint. Behalve de vele artikelen met best practices die ik nog regelmatig raadpleeg, verschijnt er bijna elke twee weken wel een nieuw artikel dat je eigenlijk niet mag missen!
Beyond Boundaries: Flash, Flex, Actionscript & AIR
Dinsdag was ‘Beyond Boundaries’, een seminar van Adobe over de nieuwe mogelijkheden van Flash en Actionscript, en de nieuw producten Flex en AIR. Omdat ik voor mijn stage een flash-applicatie ga ontwikkelen, leek het mij interessant om op deze manier alvast wat kennis op te doen en een update te krijgen van de ontwikkeling van Flash. Het laatste wat ik met Flash had gedaan was immers toen ik met het boek Dynamisch Webdesign van Patricia Bosselaar aan het stoeien was (in 2000).
We begonnen met de presentatie van Sakri Rosenstrom: ‘Introductie ActionScript 3.0’. Het was goed om te horen dat Actionscript een volwassen taal aan het worden is met sterkere type casting en volledige OOP ondersteuning. Hoewel de presentatie wat rommelig was (Sakri had niet veel ervaring met Powerpoint) had hij interessante dingen te vertellen, maar het werd een stuk interessanter in zijn tweede praatje waarin hij meer in details trad.
Tussen de twee presentaties van Sakri, praatte de Belg Serge Jespers (Business Development Manager bij Adobe Benelux) ons bij over het stijlen van componenten in Flash en Flex én over de nieuwe H.264 ondersteuning. Hoewel ik geen ervaring heb met het stijlen van Flash componenten in oudere versies, kon ik uit het enthousiasme van Serge en de reacties uit de zaal opmaken dat dit vroeger voor heel wat frustraties heeft gezorgd, maar nu kinderlijk eenvoudig is! Mooi ook om te zien dat Flash hier baat heeft van de overname van Macromedia door Adobe omdat skins uit Photoshop en Illustrator probleemloos geïmporteerd kunnen worden.
Tot slot was het woord aan Daniel Dura, de beste spreker van de dag, die mij in twee sessies verbaasde over de mogelijkheden van Flex 3 en AIR. Op zijn website vind je de presentaties (die er in Keynote zeer strak uitzagen) en voorbeelden. In het kort maakt Flex het mogelijk om krachtige (en mooie) Rich Internet Applicaties (RIA’s) te maken die gebruik maken van de Flash player. Flex richt zich meer op de developers dan op de designers en ziet er veelbelovend uit.
AIR (Abode Integrated Runtime) maakt het mogelijk met de, oorspronkelijk voor het web gemaakte, talen HTML, Javascript, Ajax, Flash en Flex een desktop (Windows of Mac, en binnenkort ook Linux) applicatie te maken. De eerste AIR applicaties zijn al te downloaden!
Al met al een interessante en inspirerende dag. Helaas versterkt het ook mijn “had ik maar meer tijd”-gevoel, maar daar doe je helaas niks aan…
Seam Carving for Content-Aware Image Resizing
In de laatste Photojojo Nieuwsbrief stond een interessante nieuwe techniek om afbeeldingen te vergroten of te verkleinen. Soms past een plaatje qua boodschap goed bij een webpagina, maar werkt het formaat niet mee. Zeker als je een afbeelding alleen breder of hoger wilt maken krijg je vaak te maken met een (onbruikbaar) vervormde afbeelding.
Een nieuwe techniek die mooi ‘Content-Aware Image Resizing’ heet houdt rekening met de objecten op een foto en probeert de vorm van deze objecten zoveel mogelijk te behouden. Hoe dit technisch in z’n werk gaat kan je lezen in de 20 Mb grote PDF, maar misschien is het onderstaande filmpje van 5 minuten een beter idee:
Deze tool is ook online beschikbaar! Voor meer links, zie de Photojojo Nieuwsbrief.
Twee vliegen…
Bij het maken van een website wil ik altijd rekening houden met de gebruikervriendelijkheid en toegankelijk van de website. De klant vindt een gebruikersvriendelijke website vaak ook belangrijk, maar geeft meer om een spiffy design dan om schone en duidelijke code onder de moterkap. Gelukkig is de accessibility wel verenigbaar met een andere wens van de klant: Goede resultaten bij Google. Als je een website toegankelijk maakt, doe je dat niet alleen voor de ‘menselijke bezoekers’, maar ook voor de Google-bots die de website indexeren. Dit blijkt al uit de goede resultaten die Industrievereniging Lage Weide haalt bij Google. Bij het zoeken naar “Industrievereniging” komt de website van Lage Weide als eerst naar voren! Wat ik dus stiekem al wist, staat nu ook in een interessant artikel op A List Apart: High Accessibility Is Effective Search Engine Optimization. En de mensen die accessibility nu nog steeds niet belangrijk vinden kunnen ook nog eens een kijkje nemen in de Google Information for Webmasters.