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.
Als ik gebruik maak van border-spacing (nodig vanwege mijn thead).
Hoe kan ik in de tbody dan mijn zebra-stripes dan wel door laten lopen?
De spacing die ik gebruik is 15 px. Dat maakt de stripes niet erg mooi namelijk.
Hoe kan ik in de tbody dan mijn zebra-stripes dan wel door laten lopen?
De spacing die ik gebruik is 15 px. Dat maakt de stripes niet erg mooi namelijk.
Gebruikt hier iemand ook die Css transitions? ik heb het pas gisteren ontdekt
"Dubbelop alsof ik een quote citeer"
EDIT: Opgelost, was een hashtagprobleem.
[ Bericht 98% gewijzigd door Neraice op 17-04-2012 17:36:30 ]
[ Bericht 98% gewijzigd door Neraice op 17-04-2012 17:36:30 ]
"A goal without a plan is just a wish." - Antoine de Saint-Exupery
Ik heb het wel eens gebruikt, maar eerlijk gezegd valt het me nog een beetje tegen. De performancewinst is lang niet altijd aanwezig boven een jQuery animatie en bovendien heb je geen callback, dus is het een stuk moeilijker om halverwege je animatie in te grijpen of na je animatie iets te triggeren.quote:Op dinsdag 17 april 2012 15:35 schreef Koopsie het volgende:
Gebruikt hier iemand ook die Css transitions? ik heb het pas gisteren ontdekt
In webkit wordt er in ieder geval gewoon een event getriggerd, zodat je daarop kunt inhaken. Mooi spul, maar wel nog vrij buggy en de (volledige/goede) support is nog minimaal.
Nee.
Ja, WebKit is goed bezig de volgende IE te wordenquote:
In webkit wordt er in ieder geval gewoon een event getriggerd, zodat je daarop kunt inhaken.
hmm ja oke. maar ik ben beetje aan het beginnen met Html / Cssquote:Op dinsdag 17 april 2012 17:17 schreef Tijn het volgende:
[..]
Ik heb het wel eens gebruikt, maar eerlijk gezegd valt het me nog een beetje tegen. De performancewinst is lang niet altijd aanwezig boven een jQuery animatie en bovendien heb je geen callback, dus is het een stuk moeilijker om halverwege je animatie in te grijpen of na je animatie iets te triggeren.
Ik ben allang blij dat ik een "leuk" hover effect heb in een menu
www.renegrafischontwerp.nl/template
Jquery gebruik ik soms ook wel maar dat is meer Copy / Paste zoals met een slideshow
"Dubbelop alsof ik een quote citeer"
Ik snap het niet meer. Je bent toch web designer?quote:
[..]
hmm ja oke. maar ik ben beetje aan het beginnen met Html / Css
Ik ben allang blij dat ik een "leuk" hover effect heb in een menu
www.renegrafischontwerp.nl/template
Jquery gebruik ik soms ook wel maar dat is meer Copy / Paste zoals met een slideshow
"A goal without a plan is just a wish." - Antoine de Saint-Exupery
Zal wel meevallen, zolang Google achter WebKit blijft staan zal de ontwikkeling echt wel op pijl blijven.quote:Op dinsdag 17 april 2012 17:54 schreef Tijn het volgende:
[..]
Ja, WebKit is goed bezig de volgende IE te worden
Overigens vraag ik me ook af in hoeverre dingen als transforms uberhaupt in CSS thuis horen. Het begint zo steeds meer op een programmeertaal te lijken ipv een stijlsheettaal. Laat interactiviteit lekker aan javascript over, dat is er voor gemaakt.
De vraag is vooral in hoeverre de andere browsers de niet-standaard features van Webkit blijven overnemen. Ik zit niet op Webkit-only sites te wachten.quote:
[..]
Zal wel meevallen, zolang Google achter WebKit blijft staan zal de ontwikkeling echt wel op pijl blijven.
Dat is één ding inderdaad, maar 99% marktaandeel claimen en dan 5 jaar lang iedereen in de shit laten zitten zal niet zo snel gebeuren met een google project.quote:Op dinsdag 17 april 2012 18:59 schreef Tijn het volgende:
[..]
De vraag is vooral in hoeverre de andere browsers de niet-standaard features van Webkit blijven overnemen. Ik zit niet op Webkit-only sites te wachten.
muah, meer als hobby mijn school geeft namelijk geen les in webdesign etc. Ik vind het zelf leuk om websites (proberen) te ontwerpen, maar ik heb nog veel te lerenquote:
[..]
Ik snap het niet meer. Je bent toch web designer?
"Dubbelop alsof ik een quote citeer"
Mwah, het ligt aan het type animaties natuurlijk. Een hoverstate van een button ofzo vind ik iets dat prima in CSS mag/hoort. Een switch tussen pagina's/controls is idd iets wat w.m.b. meer in de JS-laag zou moeten horen.quote:
Overigens vraag ik me ook af in hoeverre dingen als transforms uberhaupt in CSS thuis horen. Het begint zo steeds meer op een programmeertaal te lijken ipv een stijlsheettaal. Laat interactiviteit lekker aan javascript over, dat is er voor gemaakt.
Nee.
Welke CMS is trouwens aan te raden?
ik codeer in Dreamweaver en wil nu eigenlijk leren hoe je vanuit Dreamweaver een template maakt.
ik heb gelezen over Concrete5 & Wordpress.
ik codeer in Dreamweaver en wil nu eigenlijk leren hoe je vanuit Dreamweaver een template maakt.
ik heb gelezen over Concrete5 & Wordpress.
"Dubbelop alsof ik een quote citeer"
Bedankt! ik ga me er eens in verdiepen.quote:
Ze hebben ook een boek ervan hoe je het stap voor stap moet doen, dus misschien is dat ook wel wat
"Dubbelop alsof ik een quote citeer"
Vraagje!
Ik heb voor iemand een simpel portfolio'tje in elkaar gezet met html/css
Elk portfolio item is in een div.class gezet:
Alleen nu als de eerste in hoogte iets hoger is dan de tweede. (welke ernaast komt) (2 per rij..)
Dan blijft de 3de soort van steken aan de rechterkant, terwijl ik hem het liefst gewoon op de volgende rij wil laten beginnen.
Hoe los ik dit op?
[ Bericht 10% gewijzigd door Tazar_Yoot op 18-04-2012 18:49:26 ]
Ik heb voor iemand een simpel portfolio'tje in elkaar gezet met html/css
Elk portfolio item is in een div.class gezet:
| 1 2 3 4 5 6 7 8 9 10 11 | .item { width:338px; height:100%; padding:10px 10px; margin:10px 10px 10px 10px; background-color:#e4e4e4; float:left; border:1px dotted #CCCCCC; } |
| 1 2 3 4 5 6 7 8 9 | <div class="item"> <div class="itembanner"> <h1>TITEL </h1> </div> <a href="images/...jpg" target="_blank"><img src="images/...jpg" width="335" /></a> <h2>SUB TITEL</h2> <div class="itemdatum">datum</div> </div> |
Alleen nu als de eerste in hoogte iets hoger is dan de tweede. (welke ernaast komt) (2 per rij..)
Dan blijft de 3de soort van steken aan de rechterkant, terwijl ik hem het liefst gewoon op de volgende rij wil laten beginnen.
Hoe los ik dit op?
[ Bericht 10% gewijzigd door Tazar_Yoot op 18-04-2012 18:49:26 ]
Of gewoon inline-block i.p.v. float gebruiken, dan heb je dit niet. Heeft wel weer wat andere nadelen, maar goed.
Nee.
| 1 | var toLoad = $(this).attr('href') + '#' + $(this).attr('id'); |
Is dit de juiste manier om link.html#id te targeten?
"A goal without a plan is just a wish." - Antoine de Saint-Exupery
Waar deze dan juist in te voegen? Als ik hem in de CSS doe dan zal elk 'item' toch links uitlijnen?quote:
http://www.w3schools.com/cssref/pr_class_clear.asp
Het is juist wel de bedoeling dat ze 'stacken' op een 'natuurlijke' manier.
Hint: Je wilt eigenlijk elk oneven item op een nieuwe regel laten beginnen en alle oneven items met rust laten...quote:Op woensdag 18 april 2012 23:53 schreef Tazar_Yoot het volgende:
[..]
Waar deze dan juist in te voegen? Als ik hem in de CSS doe dan zal elk 'item' toch links uitlijnen?
Het is juist wel de bedoeling dat ze 'stacken' op een 'natuurlijke' manier.
dat dus.
Is er een IE versie van de CSS code pointer-events:none;? Ik gebruik het om een div die bovenop een URL zit ook klikbaar te maken (dan klik je er als het ware doorheen).
http://stackoverflow.com/(...)-underlying-elements In het bovenste staat een stuk code, maar die werkt niet bij mij, en ook niet in het voorbeeld van die gast. Het lijkt erop dat je daarmee het plaatje op 0% opacity zet ofzo, en dat 'ie daardoor dus klikbaar is. Googlen op die code geeft alleen voorbeelden aan waarmee die code voor een ander doeleinde wordt gebruikt.
Misschien maar een javascriptje zoeken dan?
http://stackoverflow.com/(...)-underlying-elements In het bovenste staat een stuk code, maar die werkt niet bij mij, en ook niet in het voorbeeld van die gast. Het lijkt erop dat je daarmee het plaatje op 0% opacity zet ofzo, en dat 'ie daardoor dus klikbaar is. Googlen op die code geeft alleen voorbeelden aan waarmee die code voor een ander doeleinde wordt gebruikt.
Misschien maar een javascriptje zoeken dan?
When all else fails, you always have delusion.
Gewoon jquery voor zoiets gebruiken.quote:
Is er een IE versie van de CSS code pointer-events:none;? Ik gebruik het om een div die bovenop een URL zit ook klikbaar te maken (dan klik je er als het ware doorheen).
http://stackoverflow.com/(...)-underlying-elements In het bovenste staat een stuk code, maar die werkt niet bij mij, en ook niet in het voorbeeld van die gast. Het lijkt erop dat je daarmee het plaatje op 0% opacity zet ofzo, en dat 'ie daardoor dus klikbaar is. Googlen op die code geeft alleen voorbeelden aan waarmee die code voor een ander doeleinde wordt gebruikt.
Misschien maar een javascriptje zoeken dan?
| 1 2 3 | $('#DivID_Here').click(function(){ // OnClick Event code here }); |
It was an opportunity to honour our memories and to make room for new ones
als je breedte variabel is (en dus niet altijd 2 divs naast elkaar staan, maar soms ook meer of minder) zou ik idd inline-block gebruiken. Ik denk dat dat sowieso meer geëigend is voor dit geval.quote:
[..]
Waar deze dan juist in te voegen? Als ik hem in de CSS doe dan zal elk 'item' toch links uitlijnen?
Het is juist wel de bedoeling dat ze 'stacken' op een 'natuurlijke' manier.
Begrijp je wel goed wat dat doet? Het maakt de div niet klikbaar, het maakt onderliggende elementen klikbaar.quote:
Is er een IE versie van de CSS code pointer-events:none;? Ik gebruik het om een div die bovenop een URL zit ook klikbaar te maken (dan klik je er als het ware doorheen).
En dan de vervolgvraag: Waarom denk je dit nodig te hebben?
Daarmee maak je de overliggende div klikbaar, niet de elementen die onder het stukje transparante achtergrond van die div liggen.quote:
[..]
Gewoon jquery voor zoiets gebruiken.
[ code verwijderd ]
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
Oh zo goed had ik niet gelezenquote:
[..]
Daarmee maak je de overliggende div klikbaar, niet de elementen die onder het stukje transparante achtergrond van die div liggen.
my bad.
It was an opportunity to honour our memories and to make room for new ones
Nee dat snap ik welquote:
Begrijp je wel goed wat dat doet? Het maakt de div niet klikbaar, het maakt onderliggende elementen klikbaar.
En dan de vervolgvraag: Waarom denk je dit nodig te hebben?
Ik zei ook erachteraan dat je er als het ware 'doorheen klikt'. Misschien had ik het beter moeten verwoorden.Ik heb het nodig omdat: op m'n stagewebsite op de portfolio pagina heb je een lijst met items, en als je op de itempagina bent, heb je een filmpje. De filmpjes zijn ook in de lijst te zien door op de previewfoto te klikken, die popt out in een lightbox, en daarin zit het filmpje ook.
Boven op de fotodiv heb ik een play icoontje neergezet zodat duidelijk is het dat er een filmpje komt als je erop klikt. Ik dacht er ook aan om in Photoshop een voorbeeld bestand te maken met het play icoontje alvast op de goede plaats, maar dan moeten ze als ik weg ben iedere keer de foto's bewerken om het play icoontje erin te krijgen. Dit leek me handiger, gewoon in wordpress in de featuredwindow een foto uploaden en klaar
Dacht er overigens ook aan om gewoon de video's in de lijstview neer te zetten, maar dan zijn ze vrij klein vanwege de hoeveelheid items per pagina. In de popout zijn ze groter. Het gaat om deze pagina voor de duidelijkheid: http://filmdepartment.nl/v2/?page_id=61 (de telefoonpreview bevat een filmpje)
[ Bericht 1% gewijzigd door Mirel op 19-04-2012 23:02:07 ]
When all else fails, you always have delusion.
Waarom niet gewoon een anchor absoluut er over heen positioneren? Er is niet voor niets een anchor-element 
Nee.
I feel stupidquote:
[..]
Hint: Je wilt eigenlijk elk oneven item op een nieuwe regel laten beginnen en alle oneven items met rust laten...
Zover ik het nu begrijp;
Ik maak 2 classes aan,
.itemx (even)
.itemy (oneven)
met als verschil .itemy steeds die 'clear' meegeven.
right?
Dat is niet bepaald unobtrusive, aangezien het toch wel om een lay-out element gaat en niet zozeer om toegevoegde gimmicks. Raad ik af dus.quote:
dat dus.
Als jullie in deze tijd een website moeten maken he. Welke standaardafmetingen gebruiken jullie dan qua breedte en lengte ?
Blijf het lastig te bepalen vinden.
?Blijf het lastig te bepalen vinden.
Depends. Probeer zoveel mogelijk liquid layouts te gebruiken en resolutie onafhankelijk te blijven, maar als het niet lukt pak ik nog 'gewoon' 1024x768.quote:
Als jullie in deze tijd een website moeten maken he. Welke standaardafmetingen gebruiken jullie dan qua breedte en lengte
Blijf het lastig te bepalen vinden.
Het mooiste is natuurlijk om (bv dmv media queries) te zorgen dat bij elke resolutie iets fatsoenlijks op het scherm staat. Maar ik ga er in het geval van desktops meestal van uit dat mensen minstens 1000 pixels in de breedte en 600 pixels in de hoogte hebben.quote:
Als jullie in deze tijd een website moeten maken he. Welke standaardafmetingen gebruiken jullie dan qua breedte en lengte
Blijf het lastig te bepalen vinden.
ik werk zelf altijd met http://960.gs/
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?
Op
Iemand die even kan kijken wat er verkeerd zit in mijn thead?
Blijkbaar werkt dit alleen in Opera. Moet me eigen ook afleren daarin te stylen.
Bedoeling is dat die net zoals het blok advertenties op de rand komt te hangen
http://solutia.nl/rommel/2/
Blijkbaar werkt dit alleen in Opera. Moet me eigen ook afleren daarin te stylen.
Bedoeling is dat die net zoals het blok advertenties op de rand komt te hangen
http://solutia.nl/rommel/2/
Vraag me ff niet waarom ik zo heb zitten kutten met de thead terwijl het eigenlijk zo simpel is.quote:Op woensdag 25 april 2012 00:03 schreef KomtTijd... het volgende:
Je vergeet de top:...px op de tabel?
Toch maar eens hier proberen.
Is iemand van jullie bekend met Triggeronview? Het twitter principe dus eigenlijk: http://jquery.novoj.net/triggerOnView/demo/demo.html
Daar is te zien dat er over de gehele breedte divjes worden toegevoegd wanneer een laatste paragraaf in beeld gescrollt wordt. Dat script maakt gebruik van window.scrolltop/scrollleft, en offset.height / width, waardoor het niet te gebruiken is binnen een containerdiv.
Heeft iemand enig idee of dat wel mogelijk is? En zo ja, hoe? Misschien toevallig ergens zo'n plugin tegengekomen?
Is iemand van jullie bekend met Triggeronview? Het twitter principe dus eigenlijk: http://jquery.novoj.net/triggerOnView/demo/demo.html
Daar is te zien dat er over de gehele breedte divjes worden toegevoegd wanneer een laatste paragraaf in beeld gescrollt wordt. Dat script maakt gebruik van window.scrolltop/scrollleft, en offset.height / width, waardoor het niet te gebruiken is binnen een containerdiv.
Heeft iemand enig idee of dat wel mogelijk is? En zo ja, hoe? Misschien toevallig ergens zo'n plugin tegengekomen?
Hoezo is dat niet te gebruiken... Je kunt toch gewoon de scroll + de hoogte van je viewport meten, en checken of dit hoger is dan het teinde van je container...?
Nee.
ik heb een ideetje..maar weet niet zo goed hoe ik het moet omzetten in code
als ik verschillende tegels op een site heb staan
zoiets
die wil ik met een click in de tegel groter maken,
alle tegels moeten, apart van elkaar, op dezelfde grootte en positie uitvergroot kunnen worden..
zoiets
in de tegels komt tekst te staan die dan zichtbaar wordt als het vergroot wordt...
hoe kan ik die tegels het beste groter maken?
kan ik 1 positie opgeven waar elke hoe naar toe schuift?
iemand die mee een aanzetje kan geven
als ik verschillende tegels op een site heb staan
zoiets
die wil ik met een click in de tegel groter maken,
alle tegels moeten, apart van elkaar, op dezelfde grootte en positie uitvergroot kunnen worden..
zoiets
in de tegels komt tekst te staan die dan zichtbaar wordt als het vergroot wordt...
hoe kan ik die tegels het beste groter maken?
kan ik 1 positie opgeven waar elke hoe naar toe schuift?
iemand die mee een aanzetje kan geven
sowieso jQuery hiervoor gebruiken en wat je dan doet is.quote:
ik heb een ideetje..maar weet niet zo goed hoe ik het moet omzetten in code
als ik verschillende tegels op een site heb staan
zoiets
[ afbeelding ]
die wil ik met een click in de tegel groter maken,
alle tegels moeten, apart van elkaar, op dezelfde grootte en positie uitvergroot kunnen worden..
zoiets
[ afbeelding ]
in de tegels komt tekst te staan die dan zichtbaar wordt als het vergroot wordt...
hoe kan ik die tegels het beste groter maken?
kan ik 1 positie opgeven waar elke hoe naar toe schuift?
iemand die mee een aanzetje kan geven
Je hebt de posOrigin die zit linksbovenin. Als je dan iets vergroot met 10px breed en 10px hoog. Moet je de posOrigin hiermee ofsetten. Dan blijft je tegel op dezelfde plek maar word hij wel groter.
Alleen je kunt de tekst dan pas het beste zichtbaar laten worden na DW animatie. Anders zie je de tekst verschuiven en dat zal niet zo mooi zijn denk ik.
It was an opportunity to honour our memories and to make room for new ones
ben nu aan het pielenquote:Op woensdag 25 april 2012 15:47 schreef stefanhaan het volgende:
[..]
sowieso jQuery hiervoor gebruiken en wat je dan doet is.
Je hebt de posOrigin die zit linksbovenin. Als je dan iets vergroot met 10px breed en 10px hoog. Moet je de posOrigin hiermee ofsetten. Dan blijft je tegel op dezelfde plek maar word hij wel groter.
Alleen je kunt de tekst dan pas het beste zichtbaar laten worden na DW animatie. Anders zie je de tekst verschuiven en dat zal niet zo mooi zijn denk ik.
maar wat je zegt dat doet jQuery toch zelf al, maar waarschijnlijk snap ik je niet
ik doen nu bijv:
| 1 | $(".demo").animate({height:600, width:600},"slow"); |
nu doe ik ook height en widht..maar kan zoiets ook met top en left bijv...
kan er niet een goede uitleg over vinden
maar moet ik dan voor elke tegel apart gaan uitvogelen wat de verschuiving in px wordt
of kan ik op 1-of-andere manier vertellen..hoek 1 gaan naar punt A
zodat ik de positie niet voor elke tegel opnieuw moet gaan bepalen
ik heb het met jquery nooit gedaan met c++ wel.quote:
[..]
ben nu aan het pielen
maar wat je zegt dat doet jQuery toch zelf al, maar waarschijnlijk snap ik je niet
ik doen nu bijv:
[ code verwijderd ]
dan blijft de linksboven, op z'n plaats..
nu doe ik ook height en widht..maar kan zoiets ook met top en left bijv...
kan er niet een goede uitleg over vinden
maar moet ik dan voor elke tegel apart gaan uitvogelen wat de verschuiving in px wordt
of kan ik op 1-of-andere manier vertellen..hoek 1 gaan naar punt A
zodat ik de positie niet voor elke tegel opnieuw moet gaan bepalen
Maar de theorie is, als de anchor point van een 2D object linksbovenin zit. En je wil hem scalen.
Dan moet je de locatie aanpassen met de hoeveelheid dat je hem scaled. (geen idee of jquery dit voor je regelt) maar je kan hier een globale functie bij maken die je aan elke div kan hangen je hebt alleen wat parameters nodig zoals de locatie, en de hoeveelheid dat je hem wil scalen.
It was an opportunity to honour our memories and to make room for new ones
