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.
Niemand hier heeft zeker Dribbble invites?
"A goal without a plan is just a wish." - Antoine de Saint-Exupery
Ik heb al bijna een jaar geen nieuwe dribbble invite meer gekregen 
Heb volgens mij nog wel een forrst invite over.
Heb volgens mij nog wel een forrst invite over.
Ah, da's wel een leuk voorbeeld van hoe het niet moetquote:Op dinsdag 28 februari 2012 23:48 schreef Scorpie het volgende:
[..]
Was een bekende casus bij ons van een bedrijf dat zijn hele website in de company colors had laten doen (groen), en mooie rode waarschuwingen bij validatiefoutjes. Totdat bleek dat hun bezoekers voor 96% uit mannen bestond, en 8% van alle mannen kleurenblind zijn, en ze dus gewoon de helft van de website niet zagen
dan heb je de vaste elementen een plek gegeven en dan?quote:
[..]
Menu's staan bovenin of links (of rechts, als je een taal hebt die van rechts naar links wordt gelezen). Ook afhankelijk van de site.
als ik met interaction design bezig ben gaat t om de inhoud (ik doe hoofdzakelijk applicaties). dus hoe structureer ik overzichten, zoek- of invulformulieren, gegevens, hoe richt ik een dashboard in etc
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?
Maar ook daar zijn conventies voor die je dient te volgen. Het is niet zo dat je dat op gevoel een beetje fixed toch? Tenminste, ik nietquote:Op woensdag 29 februari 2012 08:35 schreef Catch22- het volgende:
[..]
dan heb je de vaste elementen een plek gegeven en dan?
als ik met interaction design bezig ben gaat t om de inhoud (ik doe hoofdzakelijk applicaties). dus hoe structureer ik overzichten, zoek- of invulformulieren, gegevens, hoe richt ik een dashboard in etc
Nee dat klopt, maar je moet wel je data analyseren, het gebruik bekijken etc etc en het resultaat daarvan neem je mee in het interaction design.
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?
Pffffffff, jQuery is stiekem soms best wel frustrerend. Smooth scrolling is geen smooth scrolling, dat effect heb je bijna alleen maar met Flash 
Nee, helaas. Wel 456785646 Forrst invitesquote:Op dinsdag 28 februari 2012 23:50 schreef Neraice het volgende:
Niemand hier heeft zeker Dribbble invites?
Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
Je kan een eind komen, alleen IE (8 en lager) gaat dwarsliggen.quote:
Pffffffff, jQuery is stiekem soms best wel frustrerend. Smooth scrolling is geen smooth scrolling, dat effect heb je bijna alleen maar met Flash
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?
Niet echt. Check dit voorbeeld qua scrolling:quote:
[..]
Je kan een eind komen, alleen IE (8 en lager) gaat dwarsliggen.
http://www.smoothdivscroll.com/v1-2.htm
Tegenover deze:
http://www.flabell.com/flash/Continuous-Image-Slider-283
Let op de blokkerigheid van de animatie van de 1e link, terwijl dit bij de 2e link niet gebeurt.
Elke image scroller in jQuery of ander JS framework heeft er last van....wel ven in Chrome/FF doen, IE werkt het weer perfect
[ Bericht 3% gewijzigd door #ANONIEM op 29-02-2012 11:13:50 ]
Ik gebruik voor dat soort dingen CSS transform + transition, met jQuery als fallback. Dan hebben de meeste users een soepele scroll, zonder Flash.quote:
Pffffffff, jQuery is stiekem soms best wel frustrerend. Smooth scrolling is geen smooth scrolling, dat effect heb je bijna alleen maar met Flash
Die eerste loopt in IE9, Chrome en FF goed hier. In IE8 doet hij niets.quote:
[..]
Niet echt. Check dit voorbeeld qua scrolling:
http://www.smoothdivscroll.com/v1-2.htm
Tegenover deze:
http://www.flabell.com/flash/Continuous-Image-Slider-283
Let op de blokkerigheid van de animatie van de 1e link, terwijl dit bij de 2e link niet gebeurt.
Elke image scroller in jQuery of ander JS framework heeft er last van....wel ven in Chrome/FF doen, IE werkt het weer perfect
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?
Thanks, heb er nog niet zo heel veel ervaring mee maar ga er eens induikenquote:Op woensdag 29 februari 2012 11:14 schreef Tijn het volgende:
[..]
Ik gebruik voor dat soort dingen CSS transform + transition, met jQuery als fallback. Dan hebben de meeste users een soepele scroll, zonder Flash.
Hier loopt hij in IE9 goed, Chrome en FF blokkerig (af en toe vertraagt de animatie, om daarna weer verder te lopen). Je hebt wel autoscroll geklikt?quote:
[..]
Die eerste loopt in IE9, Chrome en FF goed hier. In IE8 doet hij niets.
[ Bericht 2% gewijzigd door #ANONIEM op 29-02-2012 11:34:05 ]
Ws heel erg basis html, maar ik heb 2 afbeeldingen die elkaar overlappen alleen staat de verkeerde 'bovenop'. Nu heb ik al 'style="z-index:-1"' aan degene die onder op moet toegevoegd maar dat lost het niet op.. wat doe ik verkeerd?
Probeer eens z-index:1; bij de andere?
Z-index werkt volgens mij alleen als de position ook gedefinieerd is.
Z-index werkt volgens mij alleen als de position ook gedefinieerd is.
"A goal without a plan is just a wish." - Antoine de Saint-Exupery
je hebt ze geen position:absolute gegeven
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?
Oh ik besef nu ook ineens dat ik het wss niet direct in html kan zetten maar alleen in css.. klopt dat?quote:
Probeer eens z-index:1; bij de andere?
Z-index werkt volgens mij alleen als de position ook gedefinieerd is.
(Dat voelt in dit geval namelijk wel omslachtig)
Je kan het gewoon in het style attribuut zetten, wel in combinatie met position:relative of absolute
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?
Je kan sowieso beter al je styles in een CSS file doen.
"A goal without a plan is just a wish." - Antoine de Saint-Exupery
Ah.. dat werkt idd, alleen is het netjes centreren in de sidebar dan wel gelijk foetsiequote:
je hebt ze geen position:absolute gegeven
Ff zien hoe ik dat dan weer oplos.
Dan krijg ik wel een gigantisch hoeveelheid CSS codes als ik bekijk hoeveel elementen wel niet even een 'style="margin-left:-3px" e.d. hebben.. Zeker bij het typen van een nieuw blogje niet ideaal als ik daarvoor elke keer mijn css bestand weer opnieuw moet uploaden.quote:
Je kan sowieso beter al je styles in een CSS file doen.
daar heb je een class voorquote:
[..]
Dan krijg ik wel een gigantisch hoeveelheid CSS codes als ik bekijk hoeveel elementen wel niet even een 'style="margin-left:-3px" e.d. hebben.. Zeker bij het typen van een nieuw blogje niet ideaal als ik daarvoor elke keer mijn css bestand weer opnieuw moet uploaden.
“Specialization is for insects”.—Robert Heinlein
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.
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.quote:
[..]
Ah.. dat werkt idd, alleen is het netjes centreren in de sidebar dan wel gelijk foetsie
Ff zien hoe ik dat dan weer oplos.
dat dus.
CSS 3 is best nice in de zin dat je min of meer geen classes meer nodig hebt. Gebruik vrijwel alleen nog maar IDs maar dat is met name om een anchor te verkrijgen.
“Specialization is for insects”.—Robert Heinlein
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:
[..]
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:
[..]
...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:
[..]
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'.
