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
Ja, WebKit is goed bezig de volgende IE te wordenquote:Op dinsdag 17 april 2012 17:47 schreef PimD het volgende:
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 snap het niet meer. Je bent toch web designer?quote:Op dinsdag 17 april 2012 18:15 schreef Koopsie het volgende:
[..]
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
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
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:Op dinsdag 17 april 2012 18:57 schreef KomtTijd... het volgende:
[..]
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:Op dinsdag 17 april 2012 18:43 schreef Neraice het volgende:
[..]
Ik snap het niet meer. Je bent toch web designer?
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:Op dinsdag 17 april 2012 18:57 schreef KomtTijd... het volgende:
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.
Bedankt! ik ga me er eens in verdiepen.quote:
| 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> |
| 1 | var toLoad = $(this).attr('href') + '#' + $(this).attr('id'); |
Waar deze dan juist in te voegen? Als ik hem in de CSS doe dan zal elk 'item' toch links uitlijnen?quote:Op woensdag 18 april 2012 18:54 schreef KomtTijd... het volgende:
http://www.w3schools.com/cssref/pr_class_clear.asp
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.
Gewoon jquery voor zoiets gebruiken.quote:Op donderdag 19 april 2012 17:03 schreef Mirel het volgende:
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 }); |
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: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.
Begrijp je wel goed wat dat doet? Het maakt de div niet klikbaar, het maakt onderliggende elementen klikbaar.quote:Op donderdag 19 april 2012 17:03 schreef Mirel het volgende:
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).
Daarmee maak je de overliggende div klikbaar, niet de elementen die onder het stukje transparante achtergrond van die div liggen.quote:Op donderdag 19 april 2012 17:12 schreef stefanhaan het volgende:
[..]
Gewoon jquery voor zoiets gebruiken.
[ code verwijderd ]
Oh zo goed had ik niet gelezenquote:Op donderdag 19 april 2012 17:44 schreef boem-dikkie het volgende:
[..]
Daarmee maak je de overliggende div klikbaar, niet de elementen die onder het stukje transparante achtergrond van die div liggen.
Nee dat snap ik welquote:Op donderdag 19 april 2012 17:43 schreef KomtTijd... het volgende:
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?
I feel stupidquote:Op donderdag 19 april 2012 11:18 schreef QM84 het volgende:
[..]
Hint: Je wilt eigenlijk elk oneven item op een nieuwe regel laten beginnen en alle oneven items met rust laten...
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:
Depends. Probeer zoveel mogelijk liquid layouts te gebruiken en resolutie onafhankelijk te blijven, maar als het niet lukt pak ik nog 'gewoon' 1024x768.quote:Op maandag 23 april 2012 09:20 schreef Alovenac het volgende:
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:Op maandag 23 april 2012 09:20 schreef Alovenac het volgende:
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.
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?
sowieso jQuery hiervoor gebruiken en wat je dan doet is.quote:Op woensdag 25 april 2012 15:41 schreef MrNiles het volgende:
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
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.
| 1 | $(".demo").animate({height:600, width:600},"slow"); |
ik heb het met jquery nooit gedaan met c++ wel.quote:Op woensdag 25 april 2012 16:07 schreef MrNiles het volgende:
[..]
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
dat kan je nog steeds doen, alleen krijg je dan een beetje het idee van het wiel opnieuw uitvinden..quote:Op woensdag 25 april 2012 16:17 schreef stefanhaan het volgende:
Waar is de tijd gebleven dat je alles zelf moest doen zeg
het is goed om de achterliggende theorie te kennen. Je hebt tegenwoordig zoveel mensen die gewoon maar functies toepassen en niet eens weten hoe het werkt en dan gaan klagen.quote:Op woensdag 25 april 2012 16:24 schreef mschol het volgende:
[..]
dat kan je nog steeds doen, alleen krijg je dan een beetje het idee van het wiel opnieuw uitvinden..
positioneren met bottom: en right:quote:Op donderdag 26 april 2012 12:22 schreef MrNiles het volgende:
nog niet echt een goed antwoord gevonden...
kan ik het origin van een div verleggen?
van linksboven naar bv rechts onder...
als ik dan een height en width geef dan blijft de rechteronder hoek staan
Gewoon met bootstrap gewerkt om het responsive te maken?quote:Op vrijdag 27 april 2012 20:11 schreef Neraice het volgende:
Misschien niet heel relevant in dit topic maar ik heb voor het eerst een theme in de verkoop gedaan waar ik stiekem best wel trots op ben
http://themeforest.net/item/summit-responsive-vcard-theme/2250095
Hij is niet IE7-proof.quote:Op vrijdag 27 april 2012 22:39 schreef Neraice het volgende:
Nee, met Skeleton Grid.
Hoefde ook niet echt een wow-factor te hebben. Het is m'n eerste theme, dus alles laten werkend was prioriteit nummer 1
Menu en alle content laadt in één keer (onder elkaar) in.quote:
heb zojuist wat zitten pielenquote:Op dinsdag 1 mei 2012 12:02 schreef KomtTijd... het volgende:
http://docs.jquery.com/UI/Effects
Ik zou zeggen blader zelf even.
| 1 2 3 4 5 | $("#effect").hide(); $("#blok").mouseenter (function () { $("#effect").show("slide", { direction: "down" }, 1000); }).mouseleave(function() { $("#effect").hide("slide", { direction: "down" }, 1000); |
wat je zegt kan wel eens kloppen..klinkt logisch...quote:Op dinsdag 1 mei 2012 15:54 schreef KomtTijd... het volgende:
Hoe bedoel je? Blijft hij de animatie herhalen?
Kan het misschien zo zijn dat #effect over #blok heen komt te liggen en daardoor de cursor niet meer op #blok staat als deze verschenen is?
volgens mij welquote:
je moet de click event bij de parent afvanggn en annuleren.quote:Op dinsdag 1 mei 2012 16:41 schreef KomtTijd... het volgende:
Ik heb hier weleens eerder problemen mee gehad.
Blijkt dat als je over een child heen muist, dat op de parent direct een onmouseout + onmouseover event plaatsvindt.
Denk dat je dit moet afvangen door misschien een korte vertraging in te bouwen ofzo.
Er stond in het vorige topic ook een stukje discussie over css pointer-events, misschien kun je daar wat mee (weet niet hoe dat ondersteund wordt in verschillende browsers)
Ik neem aan dat het hier alleen om mouseovers en mouseouts gaat, niet om clicks.quote:Op dinsdag 1 mei 2012 16:48 schreef stefanhaan het volgende:
[..]
je moet de click event bij de parent afvanggn en annuleren.
sorry dat bedoelde ik, had even haastquote:Op dinsdag 1 mei 2012 16:52 schreef KomtTijd... het volgende:
[..]
Ik neem aan dat het hier alleen om mouseovers en mouseouts gaat, niet om clicks.
Misschien niet helemaal volgens de topictitel maar kun je me een voorbeeldregeltje code geven hoe ik dat moet doen...jQuery is nog niet echt mijn vriendquote:Op dinsdag 1 mei 2012 17:04 schreef stefanhaan het volgende:
[..]
sorry dat bedoelde ik, had even haast
ik zit nu mobiel bij mijn vriendin. Dus kan het niet opzoeken. Moet je even op google zoeken "jQuery canceling event" iets in die trent dan vind je wel een voorbeeld.quote:Op dinsdag 1 mei 2012 17:12 schreef MrNiles het volgende:
[..]
Misschien niet helemaal volgens de topictitel maar kun je me een voorbeeldregeltje code geven hoe ik dat moet doen...jQuery is nog niet echt mijn vriend
Euh... Iedereen hier?quote:Op donderdag 3 mei 2012 23:23 schreef darkbuster het volgende:
Super topic!
op het moment ben ik bijna klaar met Css, ik heb XHTML al geleerd, hierna Javascript daarna HTML5, daarna PHP en daarna met MySQL databasen gaan werken! Iemand hier die dit allemaal al kan? :p
quote:Op donderdag 3 mei 2012 23:23 schreef darkbuster het volgende:
Super topic!
op het moment ben ik bijna klaar met Css, ik heb XHTML al geleerd, hierna Javascript daarna HTML5, daarna PHP en daarna met MySQL databasen gaan werken! Iemand hier die dit allemaal al kan? :p
| 1 2 3 4 5 6 7 8 9 10 11 | <html> <head> <title>Hier komt de titel</title> </head> <body> Hier komt de tekst </body> </html> |
ik meen mij te herinneren dat javascript geen toegang krijgt tot het clipboard uit veiligheids overwegingen in de meeste browsers?quote:Op vrijdag 4 mei 2012 10:28 schreef xSouL het volgende:
Hey mensen, ik zoek momenteel een script waarmee je tekst vanuit een textbox kunt kopiëren door op een button te klikken. Hij moet Cross-browser compatible zijn.
Heb deze hele ochtend al lopen zoeken, maar het verbaast hoeveel scripts hier van zijn en waar er bij elke script wel 1 of 2 browsers het niet doen.
Het is namelijk voor een nieuwe dienst waarin klanten een URL uit een textbox kunnen kopiëren.
Alvast thanks!
Als websites dat doen is het over het algemeen via flash, geloof ik...quote:Op vrijdag 4 mei 2012 10:55 schreef mschol het volgende:
[..]
ik meen mij te herinneren dat javascript geen toegang krijgt tot het clipboard uit veiligheids overwegingen in de meeste browsers?
quote:Op donderdag 3 mei 2012 23:23 schreef darkbuster het volgende:
Super topic!
op het moment ben ik bijna klaar met Css, ik heb XHTML al geleerd, hierna Javascript daarna HTML5, daarna PHP en daarna met MySQL databasen gaan werken! Iemand hier die dit allemaal al kan? :p
Ehm, nee?quote:Op vrijdag 4 mei 2012 13:29 schreef MrNiles het volgende:
om met css, 2 classes te voorzien van dezelfde styles dan is dit toch voldoende:
.class1 .class2 { float:left; }
korte antwoord is dat je 2 selectors moet scheiden met de komma. zou daarnaast toch alsnog de link van komttijd lezenquote:Op vrijdag 4 mei 2012 13:29 schreef MrNiles het volgende:
om met css, 2 classes te voorzien van dezelfde styles dan is dit toch voldoende:
.class1 .class2 { float:left; }
wat kan er fout gaan dat het niet werkt?
ik probeer .mosaic-block en .mosaic-block-large te combineren,
kan het fout gaan met de - en bijna gelijke namen
| Forum Opties | |
|---|---|
| Forumhop: | |
| Hop naar: | |