DIG Digital Corner
Alles wat je altijd al over computers, hardware, software, internet en elektronische gadgets had willen weten, maar niet op Tweakers.net durft te vragen.
uhm, want?quote:Op woensdag 29 februari 2012 15:10 schreef n8n het volgende:
CSS 3 is best nice in de zin dat je min of meer geen classes meer nodig hebt
omdat je specifiekere tags hebt style je doe, bedoel je dat?
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
Dat en meer manieren om een element te selecteren, bijv. “header > h1” etc.quote:Op woensdag 29 februari 2012 15:10 schreef Catch22- het volgende:
[..]
uhm, want?
omdat je specifiekere tags hebt style je doe, bedoel je dat?
http://www.css3.info/selectors-test/
“Specialization is for insects”.—Robert Heinlein
Ja zo, dat klopt. Weet niet of ik dat zelf wel zo snel zal gebruiken, gezien de support en de leesbaarheid is ook wat minder, maar dat laatste zal gewenning zijn.
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
...Dat kan al jaren?quote:Op woensdag 29 februari 2012 15:11 schreef n8n het volgende:
[..]
Dat en meer manieren om een element te selecteren, bijv. “header > h1” etc.
http://www.css3.info/selectors-test/
header h1 is ieder <h1> element dat genest is in een <header> element, header > h1 is een <h1> element dat als directe parent een <header> element heeft.
Alleen <header> als element is nieuw.
Hoe meer selectors je achter elkaar hangt, hoe trager je CSS trouwens wordt. Dus classes zijn wel degelijk altijd nuttig.
Support is waar, leesbaarheid is even wennen. Voordeel vind ik zelf dat zonder classes content en opmaak geheel gescheiden kunnen worden daar een ID semantische waarde heeft en een class niet.quote:
Ja zo, dat klopt. Weet niet of ik dat zelf wel zo snel zal gebruiken, gezien de support en de leesbaarheid is ook wat minder, maar dat laatste zal gewenning zijn.
“Specialization is for insects”.—Robert Heinlein
Dacht dat IE nalatig was met de ondersteuning, weet iemand die handige site waar de hele css-specificatie per browser op te zoeken is in een tabel?quote:Op woensdag 29 februari 2012 15:16 schreef KomtTijd... het volgende:
[..]
...Dat kan al jaren?
header h1 is ieder <h1> element dat genest is in een <header> element, header > h1 is een <h1> element dat als directe parent een <header> element heeft.
Alleen <header> als element is nieuw.
Dat tragere is wel iets om uit te zoeken, weet alleen dat * de boel flink kan vertragen.
“Specialization is for insects”.—Robert Heinlein
Ik heb een vraag over de facebook like button.
Op deze site is informatie te vinden over hoe zo'n like button te maken en hoe deze moet worden geïmplementeerd.
Er staat een handige code generator met uitleg waardoor een like button binnen een minuut op de site kan worden gezet.
Ik heb aangegeven dat er ook een like-counter moet worden weergegeven zodat mensen kunnen zien hoeveel likes een pagina heeft.
Het probleem is, is dat deze counter alleen maar wordt weergegeven als je met facebook in bent gelogd. Als je niet bent ingelogd is alleen maar de like knop zichtbaar.
Als ik rondkijk op bijv deze website, waar ook wordt uitgelegd hoe je een like button op een site kan zetten staat er aan het einde van het voorbeeld:"187 vindt leuk. Registreren om te zien wat je vrienden leuk vinden."
Met andere woorden: ik ben niet ingelogd/geregistreerd maar er staat wel hoeveel mensen die site leuk vinden.
Ik heb de like knop getest in verschillende browsers maar elke browser geeft hetzelfde resultaat terug.
Op deze site is informatie te vinden over hoe zo'n like button te maken en hoe deze moet worden geïmplementeerd.
Er staat een handige code generator met uitleg waardoor een like button binnen een minuut op de site kan worden gezet.
Ik heb aangegeven dat er ook een like-counter moet worden weergegeven zodat mensen kunnen zien hoeveel likes een pagina heeft.
Het probleem is, is dat deze counter alleen maar wordt weergegeven als je met facebook in bent gelogd. Als je niet bent ingelogd is alleen maar de like knop zichtbaar.
Als ik rondkijk op bijv deze website, waar ook wordt uitgelegd hoe je een like button op een site kan zetten staat er aan het einde van het voorbeeld:"187 vindt leuk. Registreren om te zien wat je vrienden leuk vinden."
Met andere woorden: ik ben niet ingelogd/geregistreerd maar er staat wel hoeveel mensen die site leuk vinden.
Ik heb de like knop getest in verschillende browsers maar elke browser geeft hetzelfde resultaat terug.
Dat is ondertussen dus niet meer zo..quote:
Dat tragere is wel iets om uit te zoeken, weet alleen dat * de boel flink kan vertragen.
dat dus.
zie je maar hoe snel informatie achterhaald kan zijn, laatste keer dat ik er op zocht was enkel Opera sneller met een * ipv alle elementen los te resetten.quote:
[..]
Dat is ondertussen dus niet meer zo..
http://www.quirksmode.org/css/contents.html css 2.1 selectors en de ondersteuning. IE6 is weer een party-pooper, vind IE6 nog net belangrijk genoeg om nog voor classes te kiezen.
“Specialization is for insects”.—Robert Heinlein
* is sowieso een overbodige selector, heb ik nog nooit nodig gehad.
> gebruikte ik al bij mijn allereerste website in 2006 ofzo, al wist ik toen nog niet echt wat precies het nut was.
En Yslow waarschuwt wel nog steeds voor te lange CSS selectors. Daar ga ik dus maar van uit
> gebruikte ik al bij mijn allereerste website in 2006 ofzo, al wist ik toen nog niet echt wat precies het nut was.
En Yslow waarschuwt wel nog steeds voor te lange CSS selectors. Daar ga ik dus maar van uit
* {box-sizing: border-box} wordt steeds populairder tegenwoordig.. Ik gebruik het ook steeds vaker voor projecten..
De > -selector is gewoon geniaal..
De > -selector is gewoon geniaal..
dat dus.
met lange bedoel je het aantal karakters?quote:
* is sowieso een overbodige selector, heb ik nog nooit nodig gehad.
> gebruikte ik al bij mijn allereerste website in 2006 ofzo, al wist ik toen nog niet echt wat precies het nut was.
En Yslow waarschuwt wel nog steeds voor te lange CSS selectors. Daar ga ik dus maar van uit
dan is het in mijn geval body > header h1 vs. header#top h1
“Specialization is for insects”.—Robert Heinlein
Dat deed t m niet helemaal aangezien ie met absolute volledig buiten de sidebar kwam te staan :squote:
Daarvoor zijn er styleguides uitgevonden.. Standaarden binnen je design..
Met classes en ID's kan je dat prima afvangen, dat je dezelfde elementen op dezelfde manier styled.
[..]
left: 50% en margin-left: - de helft van de breedte.
Die kende ik nog niet. Fucking briljant!quote:
* {box-sizing: border-box} wordt steeds populairder tegenwoordig.. Ik gebruik het ook steeds vaker voor projecten..
Nee, 't gaat om het aantal selectors wat je gebruikt.quote:
[..]
met lange bedoel je het aantal karakters?
dan is het in mijn geval body > header h1 vs. header#top h1
header#top is sowieso overbodig, aangezien een id maar één keer voor mag komen kun je ook gewoon #top schrijven, wat dan sneller is. CSS-wise zou het snelste zijn om het <h1> element een id mee te geven, en alleen op dat id te selecteren. Maar dat geeft in je HTML weer een hoop onzin, dus je moet een beetje een compromis zoeken.
Centreren doe je met margin: 0 auto, niet met negatieve margins en positions en gedoe.quote:Op woensdag 29 februari 2012 15:36 schreef Maartel het volgende:
[..]
Dat deed t m niet helemaal aangezien ie met absolute volledig buiten de sidebar kwam te staan :s
Oh, t was bij mij middels text-align:centerquote:
[..]
Centreren doe je met margin: 0 auto, niet met negatieve margins en positions en gedoe.
text-align is iets anders als (block-level) elementen centreren.quote:
[..]
Oh, t was bij mij middels text-align:center
Ah oke.. desalniettemin raar dat ie zich buiten de breedte van de sitebar bevindt.. Maakt het verplaatsen naar een ander level dat ie niet meer 'luistert' naar de div waarin ie zich bevindt?quote:
[..]
text-align is iets anders als (block-level) elementen centreren.
* Catch22- zucht
Voor je een vraag stel hier, verplichte kost
http://www.alistapart.com/articles/css-floats-101/
http://www.alistapart.com/articles/css-positioning-101/
Voor je een vraag stel hier, verplichte kost
http://www.alistapart.com/articles/css-floats-101/
http://www.alistapart.com/articles/css-positioning-101/
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
Ik begrijp het, had naar aanleiding van het vorige bericht alle 'section#' en 'header#'s al door '#' vervangen. Dat laatste vind ik inderdaad kul en dat is toch niet merkbaar, bovendien zorgen nodeloos veel ID's in de html ook voor vertraging.quote:
[..]
Die kende ik nog niet. Fucking briljant!
[..]
Nee, 't gaat om het aantal selectors wat je gebruikt.
header#top is sowieso overbodig, aangezien een id maar één keer voor mag komen kun je ook gewoon #top schrijven, wat dan sneller is. CSS-wise zou het snelste zijn om het <h1> element een id mee te geven, en alleen op dat id te selecteren. Maar dat geeft in je HTML weer een hoop onzin, dus je moet een beetje een compromis zoeken.
“Specialization is for insects”.—Robert Heinlein
Iemand enig idee of ik met css3 een rand zoals hier om de album covertjes (rechtsboven) kan maken?
Op http://popqessed.tumblr.com/ staat nu het dichtsbijzijnde wat me tot nu toe gelukt is, maar daarmee komen ze naar mijn zin nog veel te veel naar 'boven'.
Op http://popqessed.tumblr.com/ staat nu het dichtsbijzijnde wat me tot nu toe gelukt is, maar daarmee komen ze naar mijn zin nog veel te veel naar 'boven'.
