127.0.0.1 - Beta
But you can call me localhost
CSS: + versus > selector
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.
Responsive Web Design
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.
The road to Egmond '12, the day after
Stramme benen, pijn in mijn knie. Redelijke Egmond Halve Marathon dus...
Het lopen ging eigenlijk lange tijd goed. Ik kwam voor mijn doen al vroeg van het strand af. Bij 10.5km zat ik op 55m21s. Dit tempo was niet vol te houden, dus iets rustiger gaan lopen. Toch bleef het tot het 15km punt goed gaan. Daar kwam ik voorbij op 1u21m19s. Daarna ging het bergafwaarts, maar helaas het parcours niet.
Als je doorklikt naar Sports Tracker, dan kun je het forse verval goed zien. Uiteindelijk nog net onder de twee uur gefinished: 1u59m45s. Niet verkeerd ten opzichte van vorig jaar en de editie daarvoor. Maar eigenlijk toch langzamer dan stilletjes gehoopt. Meer trainen blijft de oplossing.
Pijn in mijn knie
Pijn in mijn knie helaas. Mijn linker knie. Reden, scheve weg. Het idee is dat je netjes rechts houdt zodat mensen die sneller lopen links kunnen inhalen. Nadeel is, dat de weg heel erg bol loopt. Dus telkens rechts lopen betekend dat je linker been altijd wat hoger neerkomt. En dat voel ik dus in mijn knie.
The road to Egmond '12 #14
Wind mee? Zou het echt? Wind mee tijdens de Egmond Halve Marathon op het strand? In alle jaren dat ik heb meegelopen kan ik me niet herinneren dat we wind mee hadden. Dit jaar lijkt het er dan toch een beetje op. De verwachting is een NW-wind kracht 4. Dat zal aan de kust wel iets krachtiger zijn. Echt wind mee zal het overigens alleen zijn bij de strandopgang.
Wind in de rug tijdens jubileumeditie
Datum: 4-1-2012
De PWN Egmond Halve Marathon heeft zijn status als winterklassieker voor een groot deel te danken aan de altijd wisselende weersomstandigheden. Extreem koude edities werden de afgelopen 39 jaar afgewisseld met soms lenteachtige omstandigheden.
Een middenweg tussen beide lijkt de verwachting te zijn voor aanstaande zondag. Zoals de voorspellingen er nu uit zien is de temperatuur (5-9 graden) goed, maar kan een incidentele bui in combinatie met een stevige wind toch koud aanvoelen. Echter komt deze wind uit noordwestelijke richting en geeft deze je letterlijk een duwtje in de rug bij de strandopgang van de Kwart of Halve Marathon.
De wind in combinatie met het vele publiek wat je bij de strandopgang enthousiast begroet, geven je genoeg energie voor de terugweg door het duingebied. Houd hier echter wel rekening met jouw medelopers, want op de smalle paden kan het soms druk zijn. We vragen je dan ook zoveel mogelijk rechts te houden en alleen bij inhalen de linkerzijde te gebruiken.
Deelnemers aan de Kwart Marathon gaan om 10.30 uur van start op de Boulevard Noord in Egmond aan Zee en hebben 1,5 uur om hun race te voltooien. Deelnemers aan de Halve Marathon starten om 12.25 uur (wedstrijd) of vanaf 12.31 tot 13.00 uur (recreatie) en moeten na 3 uur de finish gepasseerd zijn.
Le Champion wenst jou heel veel succes en plezier bij het lopen van de jubileumeditie!
Streven
Review Sports Tracker Heart Rate Monitor
Hier moest dus een review komen van de Sports Tracker Heart Rate Monitor die ik vorige week binnen kreeg. Ik heb er zelfs twee sessies mee gevolgd, 15km hardlopen en een keertje squash.
Maar dat was het dan wel, de hartslagmeter doet niets meer. Althans, er is geen verbinding meer tussen de hartslagmeter en bijgehorende app. Erg jammer, ik wilde de band graag gebruiken tijdens de Egmond Halve Marathon komende zondag. In plaats daarvan gaat deze band weer terug naar Finland waar ze hopelijk heel snel een oplossing vinden.