@lucp Als jij nou een samenvattende blogpost schrijft na #fronteers12, ben ik happy as a hippo!

— Daniël (@dvdwinden) oktober 4, 2012

Dus bij deze speciaal voor @dvdwinden en @jankeesvw een algemene samenvatting van de Donderdag.

Mark Boulton – adapting to responsive design
Mark stak direct van wal door te zeggen dan responsive design ons hele proces op verschillende vlakken door elkaar gooit. Zo wil de klant niet voor de extra kosten op draaien, maar dienen er wel meer uren in gestoken te worden. Ook het hele designproces dient herzien te worden; ontwerpen in code en snelle handschetsen werkt beter dan photoshop en wireframes

#fronteers12 by Mark Boulton twitter.com/two_in_one/sta…

— Владислава Т. (@two_in_one) oktober 4, 2012

 
Maar het interessantste aspect aan zijn talk vond ik het content gedeelte; we denken qua content nog teveel in pagina’s; met een responsive model schotel je de bezoeker ook liever responsive content voor; een pagina vol youtube clips is vervelender voor een mobiele gebruiker dan afbeeldingen. We zouden content dus minder moeten gaan zien als pagina’s en veel meer als ‘chucks of content, thrown together smartly by using great metadata’. Verborgen in dit zinnetje zit de belofte van het semantische internet, of ‘the web of data’.

Addy Osmani – The New And Improved Developer Toolbelt
Hoewel dit een interessante talk was, die zich vooral richtte op development op de Mac, heb ik hierin weinig nieuws gehoord. Zencoding in Sublime, dat frontenders minder bang moeten worden voor de terminal, etc. Er werd even kort ingegaan op Grunt.js, wat ik wel interessant vond (hier had ik al van gehoord, maar nog niet mee gespeeld) en het was zonde dat hier niet meer tijd aan werd besteed. Nu ik op de bank lig om dit te typen krijg ik er echter wel zin van om met Grunt.js te gaan spelen, dus heb ik er toch iets uit weten te halen ;-)

Peter-Paul Koch – A Pixel is not a Pixel
Hoewel de talk zich vooral focuste op hoe de viewport-tag geïnterpreteerd wordt door browsers (wat de meeste mensen in de zaal waarschijnlijk wel wisten) was het toch een erg interessante talk omdat we nu vooral ook meekregen WAAROM de viewport-tag en @media-queries reageren zoals ze reageren.

You thought pixels were just pixels? Wrong, we have css pixels, device pixels, density-indepent pixels #fronteers12

— Rieneke Schokker (@RienekeSchokker) oktober 4, 2012

CSS are the pixels defined in your stylesheet, Device pixels are the ones you actually see on the device @ppk #fronteers12

— Cyriel (@mindcrash) oktober 4, 2012

Daarna vervolgde er een verhaal over Dips (density-independant pixels) die het afgelopen jaar vooral in opkomst zijn gekomen door de vele nieuwe retina-displays op de markt. Hoewel dit, wederom, interessant was vanuit het waarom, was het verder geen nieuwe informatie; hier werd op Mobile Down South ook uitgebreid aandacht aan besteed.

Het ‘hands-on’ onderdeel van de talk was ook erg interessant; over position:fixed en zijn relatieve positie. Over het algemeen houdt position:fixed zich aan de visuele viewport, dus niet de hardware viewport wat het lastig maakt om een element altijd aan de onderkant van je scherm te houden (zeker in combinatie met zoomen)

Position: fixed should use the visual viewport, most do this correctly @ppk #fronteers12

— Flurin Egger (@flurin) oktober 4, 2012

Alex Graul – Using JS to build bigger, better datavisualisation to enlighten and elate
Alex was duidelijk nerveus; het tempo waarin hij, in vaak plat brits, door zijn slides heenging deed de projector roken. Hij was dan ook binnen 15 minuten (van de 50 minuten) klaar. Erg jammer, maar tijdens het vraaggesprek is er toch nog een hoop uit gekomen. Een van de opvallendste dingen voor mij was dat The Guardian (waar Alex voor werkt om interactieve infographics te produceren) zelf open source software uit aan het brengen is in de vorm van The Miso Project, een datavisualisatie library. Daarnaast kwamen er hele gave The Guardian projecten voorbij.

Mathias Bynens – Ten things I didn’t know about HTML
Interessante talk, er werd erg diep ingegaan op hoe HTML door een browser werd geparsed. Het heeft me vooral nieuw respect opgeleverd voor mensen die browsers bouwen. Browsers are complicated software was een mooi zinnetje.

Daarnaast hebben we geleerd dat bgcolor=”chucknorris” een oranje achtergrondkleur oplevert ;-)

First Chuck Norris joke! @mathias #fronteers12 twitpic.com/b0wymk

— Jeroen Coumans (@jeroencoumans) oktober 4, 2012

Stephen Hay – Style guides are the new Photoshop
Ik had duidelijk last van een after-lunch dip want ik kan me niks meer van deze talk herinneren. Jammer, want ik heb van Stephen Hay wel een interessante talk gezien op de Mobilism website. Daarom deel ik die talk nog een keertje hier.

Antoine Hegeman, Bor Verkroost, Bram Duvigneau & Chris Heilmann, Accessibility panel
Dit vond ik erg bijzonder. Drie die-hard internetgebruikers en contentcreators met een handicap. Een vraaggesprek met de focus op de praktische accessibility van websites. Simpele dingen die je door kunt voeren in je html om het toegankelijker te maken voor gehandicapten.

“What people with disabilities need” finally with disabled people on stage telling their experiences, well done @fronteersconf#fronteers12

— Fabio Venni (@fabiovenni) oktober 4, 2012

Accessibility panel. Het belang van headings in de sourcecode van je site wordt hier goed zichtbaar! #fronteers12 twitter.com/johnvanhulsen/…

— John van Hulsen (@johnvanhulsen) oktober 4, 2012

#fronteers12 the readingopinion in a website is useless. A blind person has his own software.

— Claudia (@miss_bleu) oktober 4, 2012

“Some accessability solutions are unpractical and serve only to make the company feel good” – eye opening insights (no pun) #Fronteers12

— Roel N (@pixelambacht) oktober 4, 2012

De voornaamste tips waren voor mij;

• Het gebruik van het lang attribuut zodat text-to-speech beter werkt
• Het correct inzetten van headings. Blinden gebruiken deze ook
• Opletten bij uitklap menu’s; gebruikers niet straffen als ze ‘net buiten’ het menu komen
• Scrollen is toch een probleem in veel gevallen

Lea Verou – More CSS secrets: Another 10 things you may not know about CSS
Lea haalde een aantal knappe trucs uit met nieuwe CSS technieken. Ze kent de taal duidelijk van binnen en van buiten, maar het is niet persé de reden dat ik mezelf in de regen naar Amsterdam sleur. Leuke presentatie en een paar toffe technieken, maar niet interessant genoeg om over te bloggen.

Later deze week komt mijn blogpost over de vrijdag van Fronteers. Met onder andere een talk van de interactieve Google Doodle maker Marcin Wichary.

Daarom nog een toevoeging voor de gewone gebruiker; een leestip.

Onlangs kwam ik via-via op het boek ‘Locking down WordPress’. Dit boek laat op een hele mooie manier zien wat een drietal WordPress kenners doet om hun WordPress websites te beveiligen. Het boek is gratis te downloaden en is maar 50 pagina’s. Dus heb je ooit, ergens WordPress geinstalleerd en een theme ingesteld, dan raad ik je absoluut aan om dit boek te downloaden en te lezen:

http://build.codepoet.com/2012/07/10/locking-down-wordpress/

Het project heeft te maken met het nieuwe bedrijf wat ik samen met Daan Janssen en Mark Gruntjes op ga zetten; een nieuwe manier om goede websites aan te bieden tegen een scherpe prijs. Van dit bedrijf heb je wellicht ook al wat sneak previews voorbij zien komen op dit blog. Aangezien we eind augustus pas officieel naar buiten gaan treden, kan ik hier nog niet heel veel over zeggen, maar de basis is dit;

Ons nieuwe bedrijf wil zeer goed ontworpen en zeer goed geprogrammeerde websites aan gaan bieden voor klanten in de MKB sector. Er zijn al heel veel bedrijven die deze turbulente markt proberen te veroveren en daarom dien je als nieuwkomer met grof geschut te komen. Een van deze ‘geschutten’ gaat de kwaliteit worden die we aanbieden tegen zeer scherpe prijzen.

Onze websites gaan straks draaien op WordPress. Naast dat wij dit systeem van binnen en van buiten kennen is het voorlopig ook nog hét systeem met de beste en meest betrokken community en een duidelijke software roadmap. Daarnaast is WordPress tot in het oneindige uit te breiden met themes en plugins.

Ons nieuwe bedrijf gaat zich focussen op zeer goed ontworpen en goed geschreven themes en plugins die naadloos op elkaar aan dienen te sluiten. De themes worden zeer goed aan te passen naar de wensen van de klant. En als je alleen iets hoeft aan te passen, kun je producten uiteindelijk tegen een betere en scherpere prijs wegzetten. Deze themes worden volledig responsive, volledig opgebouwd in HTML5 en helemaal schaalbaar naar wat de klant uiteindelijk wil; alles wordt aanpasbaar zodat we nooit twee keer dezelfde site hoeven te verkopen.

Het grote probleem bij aanpasbare themes is echter dat ze heel veel code extra in moeten laden, omdat ze naast uitvoering 1 ook nog uitvoering 2, 3, 4, 5 en 6 in moeten laden en daar zit hem het punt van mijn mystery project; je kunt geen kwaliteit bieden als je per pagina nog vijf andere -mogelijke- pagina’s in moet laden.

Maar aangezien wij alles natuurlijk zelf gaan maken en ontwerpen is dit relatief eenvoudig op te lossen; we bouwen een framework waarmee themes kunnen doorgeven welke aanpassingen ze nodig hebben en plugins kunnen doorgeven waar in het theme ze gebruikt zouden moeten worden, zodat we naast visuele kwaliteit ook kwaliteit in de code en pagina laadtijd kunnen bieden.

Dit framework wordt mijn mystery project en gaat dus komen in de vorm van een WordPress plugin getiteld ‘Cuisine’. Een ‘tussenlaag’ die bijhoud welke dingen er precies ingeladen moeten worden. Naast dat het al deze technische elementen voor ons oplost, gaat het er ook voor zorgen dat het aanpassen van de vormgeving van een van onze theme’s heel eenvoudig gaat worden; via de nieuwe Theme Customizer in WordPress kunnen wij straks met een druk op de knop de grote van de header, de achtergrondkleur, de kleuren van de links, het logo, de footer en de contentarea volledig aanpassen, waardoor een theme er nooit hetzelfde uit hoeft komen te zien.

Cuisine wordt helaas een gesloten plugin, het project zal straks dus niet vrij te downloaden zijn, maar er zijn inmiddels (lange termijn) plannen in de maak om het systeem en de themes ook los te gaan verkopen. Mocht je interesse hebben in deze manier van werken, hou dan dit blog in ieder geval even in de gaten, eind augustus mag ik veel en veel meer vertellen ^_^

Het is, in mijn optiek, in ieder geval een must-watch voor iedere WordPress theme en plugin ontwikkelaar en daarnaast is het ook gewoon een goede presentatie met mooie slides, dus bij deze.

Hier een ode aan Hunter S. Thompson (maar stiekem reclame voor het bedrijf GoodBooks)
 

Toffe animatie over waar onze dingen vandaan komen.