Mozilla, voor velen vooral bekend om hun browser Firefox, timmert hard aan de weg aan allerlei interessante diensten en producten. Een daarvan is Mozilla Boot to Gecko. Dit is een 'schil' voor mobieltjes, geheel in webtechnieken zoals HTML5, CSS en Javascript geschreven.
Op het MWC werd hiervan een handson demo gegeven. Het ziet er veelbelovend uit.
Voor een project zijn we op zoek naar een hip en blij geanimeerd loading plaatje. Als je niet zelf helemaal los wilt gaan in Photoshop kom je vrij snel uit bij het zeer handige ajaxload.info. Hier kun je snel en eenvoudig je animated gifs bouwen waarbij je zelf de voorgrondkleur en achtergrondkleur opgeeft. En kunt kiezen uit iets van 30 verschillende animaties.
En wat betreft ons project? Daar hadden we deze voor nodig:
Geloof het of niet, maar binnen het design van ons project, is dit een hele mooie 
Binnen CSS zijn er allerlei manieren om elementen te stylen, daar dient het voor. Een class hier, een id daar en je kunt helemaal los gaan. Maar dat is niet altijd nodig. Door slim met je code om te gaan kun je ook op andere manieren elementen beïnvloeden.
De + selector stelt dat als element b direct na element a komt in de HTML, de CSS regel geldt.
Neem het volgende stukje HTML:
<p>Some irrelevant text</p> <span>I will be red</span> <span>I won't be red</span>
En de volgende CSS:
p + span {
color: red;
}
In dit geval wordt de eerste <span> rood, deze volgt namelijk direct op de <p>. De tweede <span> blijft ongewijzigd. Bekijk het resultaat in jsFiddle.
De > selector stelt dat als element b in de HTML direct binnen element a valt, de CSS regels gelden.
Neem het volgende stukje HTML:
<p>
<span>I will be red<br />
<strong>I won't be green</strong>
</span>
<span>
I will be red too
</span>
<strong>I will be green</strong>
</p>
En de volgende CSS:
p > span {
color: red;
}
p > strong {
color: green;
}
In dit geval wordt de <span> in de <p> rood, maar de <strong> in de <span> niet groen. De <span> zit namelijk wel direct binnen de <p>, maar de <strong> niet. Bekijk het resultaat in jsFiddle.
De lijst met interessante boeken van A List Apart voor Frontend Developers blijft groeien. Kennelijk is daar ook alweer een tijdje het boek "Responsive Web Design" te krijgen.
Dit boek besteed aandacht aan een steeds belangrijker wordende discipline binnen webdesign, de grotere verscheidenheid in scherm en device. Uitgaan van IE6 en een resolutie van 800 bij 600 pixels is al jaren niet meer de realiteit. Maar het klopt ook niet meer om te werken vanuit een resolutie van 1024x768 en Firefox. Nee, de opkomst van smartphones en tablets maakt het ontwikkelen een stuk complexer. Zie daar Responsive Web Design.
From mobile browsers to netbooks and tablets, users are visiting your sites from an increasing array of devices and browsers. Are your designs ready? Learn how to think beyond the desktop and craft beautiful designs that anticipate and respond to your users’ needs. Ethan Marcotte will explore CSS techniques and design principles, including fluid grids, flexible images, and media queries, demonstrating how you can deliver a quality experience to your users no matter how large (or small) their display.
Koop het boek via A Book Apart of lees de PDF via LiteTune. Jaja, downloaden kan ook zonder toegang tot Piratebay.org.
Update:
Het is blijkbaar toch nog mogelijk om python2.6 te installeren in Ubuntu 11.10. Daarna kun je de Unified Installer vertellen dat je die python wil gebruiken.
sudo apt-get install python2.6-dev
Een nieuwe versie van Ubuntu, een nieuwe dag issues met Plone 
Aangezien ik Plone issues tegenwoordig niet meer met directe collega's kan oplossen, duren ze soms ook wat langer. Zo had ik nu te maken met een Python 2.6 issue op Ubuntu 11.10.
Hoe dan ook moet je je installatie voorbereiden met een aantal packages:
sudo apt-get install libreadline-gplv2-dev build-essential libssl-dev libxml2-dev libbz2-dev libjpeg62-dev wv poppler-utils
Ik volg niet altijd wat er nu goed of fout gaat, maar uit de beperkte doch zinnige resultaten op Google kan ik wel opmaken dat het komt doordat de installatie van Python2.6 zoekt naar libraries op bepaalde paden i.p.v. dit te 'vragen' aan het systeem. Of dit in volgende versies nu is gefixed door in nog meer paden te kijken of daadwerkelijk te vragen weet ik niet, maar in Python 2.6.x is het niet opgelost.
De uiteindelijke oplossing voor mij was om Python 2.6.7 te patchen met http://hg.python.org/cpython/raw-rev/7582a78f573b.
Download en pak de Unified installer uit (als je dat nog niet had gedaan). Open de directory.
cd packages tar xfj Python-2.6.7.tar.bz2 wget http://hg.python.org/cpython/raw-rev/7582a78f573b cd Python-2.6.7 patch < ../7582a78f573b cd .. mv Python-2.6.7.tar.bz2 Python-2.6.7.tar.bz2.orig tar cfj Python-2.6.7.tar.bz2 Python-2.6.7