tags:

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.

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.


tags:

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.

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.


tags:

Nokia in concert

Sta je daar net een mooie solo af te geven, gaat er een telefoontje. Tja, wat doe je dan als ervaren violist? Ja, inderdaad... Via De Pers.

Sta je daar net een mooie solo af te geven, gaat er een telefoontje. Tja, wat doe je dan als ervaren violist? Ja, inderdaad...

Via De Pers.


tags:

Symbian Belle - UI hands-on demo

Nokia Conversations heeft een nieuwe hands-on  video online gezet van  Symbian Belle , ook wel bekend als  Nokia Belle. In deze video o.a. de verschillende widgets die je kunt toevoegen aan de vele homescreens.

Nokia Conversations heeft een nieuwe hands-on  online gezet van  , ook wel bekend als  Belle. In deze video o.a. de verschillende widgets die je kunt toevoegen aan de vele homescreens.


tags:

Ochtendmaan

Vanmorgen genieten van een mooie ochtend met wat mist en een superheldere maan.

Vanmorgen genieten van een mooie ochtend met wat mist en een superheldere maan.

Vaarwel Ovi

Vaarwel Ovi. Welkom Nokia. Dat is nog eens een binnenkomer in mijn mailbox. De kogel is door de kerk. Of eigenlijk was die dat al tijden, maar nu is de kogel officieel aangekomen. De naam Ovi wordt losgelaten en de naam Nokia wordt prominenter. Dit gebeurt met de diensten die hieronder worden genoemd, maar ook met bijvoorbeeld Symbian Belle dat heel recent werd hernoemd naar Nokia Belle. De complete mail staat hieronder.

Vaarwel Ovi.

Welkom Nokia.

Dat is nog eens een binnenkomer in mijn mailbox.

De kogel is door de kerk. Of eigenlijk was die dat al tijden, maar nu is de kogel officieel aangekomen. De naam Ovi wordt losgelaten en de naam Nokia wordt prominenter. Dit gebeurt met de diensten die hieronder worden genoemd, maar ook met bijvoorbeeld Symbian Belle dat heel recent werd hernoemd naar Nokia Belle.

De complete mail staat hieronder.

TV-out op de Nokia N9

Na het lezen van de vraag @OcamRzr ben ik gaan testen in hoeverre de tv-out werkt op de Nokia N9. Deze feature is al langere tijd in Nokia toestellen terug te vinden. De Nokia N95 had deze functie al. Later ook mijn N97. De Nokia N8 was de topper in het geheel. Die had zelfs een HDMI-out. Zoveel luxe heeft de N9 niet, maar de traditionele tv-out via de mini-jack is wel mogelijk. Kantelen

Na het lezen van de vraag

@OcamRzr

ben ik gaan testen in hoeverre de tv-out werkt op de Nokia N9. Deze feature is al langere tijd in Nokia toestellen terug te vinden. De Nokia N95 had deze functie al. Later ook mijn N97. De Nokia N8 was de topper in het geheel. Die had zelfs een HDMI-out. Zoveel luxe heeft de N9 niet, maar de traditionele tv-out via de mini-jack is wel mogelijk.

Kantelen


tags:

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.

Stramme benen, pijn in mijn knie. Redelijke  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.


tags:

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

Wind mee? Zou het echt? Wind mee tijdens de  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


tags:

Binnenkort WhatsApp voor de Nokia N9

Binnenkort  WhatsApp voor de  Nokia N9 ? Niets is onmogelijk. Zeker niet aangezien meerdere mensen hebben aangegeven vanaf begin deze maand te gaan werken aan een versie voor de Nokia N9. Zie hier en hier . Er wordt zelfs beweerd dat de API die WhatsApp moet ontsluiten zo goed als af is en dat het o.a. mogelijk is om via een website/webinterface berichten te sturen naar WhatsApp gebruikers. Ook weet men te melden dat WhatsApp onder de motorkap gebruik maakt van het XMPP protocol, aka Jabber. Nu is het enkel een kwestie van wachten...

Binnenkort  voor de  ? Niets is onmogelijk. Zeker niet aangezien meerdere mensen hebben aangegeven vanaf begin deze maand te gaan werken aan een versie voor de Nokia N9. Zie hier en hier.

Er wordt zelfs beweerd dat de API die WhatsApp moet ontsluiten zo goed als af is en dat het o.a. mogelijk is om via een website/webinterface berichten te sturen naar WhatsApp gebruikers. Ook weet men te melden dat WhatsApp onder de motorkap gebruik maakt van het XMPP protocol, aka Jabber.

Nu is het enkel een kwestie van wachten...

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.

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.