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
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
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
Libraries where art thou
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.
Python patchen
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
Lees verder →
Ik heb het geprobeerd en Unitiy heeft gefaald. De nieuwe UI welke Ubuntu introduceerde op de netbook versie van 10.10 is nu de UI geworden voor Ubuntu. En die bevalt me niet. Jazeker, er zitten handige functies in. Waar het fout gaat is de stabiliteit.
Nu zijn er een paar opties. Of ik stap over op een ander OS, bijvoorbeeld Fedora. Hier op kantoor wordt dat door meerdere mensen gebruikt, dus qua ondersteuning is dat geen probleem. Maar ja, dan krijg je Fedora...
Wat dan. Dan kan je terug naar 10.10. Maar dat is een tijdelijke oplossing met een paar nadelige randverschijnselen. Zoals oudere software.
Dus ik heb gekozen voor een derde alternatief: Gnome 3 met Gnome Shell. Deze omgeving zou ooit ook gewoon in Ubuntu zijn gekomen, ware het niet dat de ontwikkeling van Gnome 3 veel te veel vertraging opliep.
Lees verder →
De ontwikkeling van Firefox 4 gaat ietwat trager dan soms leuk is, maar dat neemt niet weg dat je deze browser niet al kunt gebruiken. We zijn bij een van de laatste beta's aanbeland. Tijd dus om deze aan je Ubuntu toe te voegen.
Voorheen gebruikte ik hiervoor de daily ppa:
ppa:ubuntu-mozilla-daily/ppa
Die heeft alleen als belangrijk nadeel dat je normale Firefox ook wordt vervangen. Daarnaast is het is een daily, dus er is elke dag een nieuwe update. Beter is het om een ppa te hebben die alleen de beta's van Firefox 4 biedt. En die blijkt er gewoon te zijn:
sudo add-apt-repository ppa:mozillateam/firefox-next
sudo apt-get update
sudo apt-get install firefox-4.0