zet hem als background op de wrapper met een padding-top ofzo? Of in een pseudo-element.quote:Op woensdag 10 juni 2015 13:12 schreef dimmak het volgende:
Ik zit al even te kloten met een border, maar krijg het niet voor elkaar.
[ code verwijderd ]
Mijn plaatje is 740*35px en wil hem boven een bepaalde blogpost hebben. De enige manier hoe ik het enigzins werkend krijg is om er een border-image van te maken. Maar wat is dat een raar iets zeg. Kan iemand me uit de brand helpen?
Ja.quote:Op woensdag 10 juni 2015 13:23 schreef KomtTijd... het volgende:
is "transparent" uberhaupt een geldige color?
Juist door het switchen naar de GPU ontstaan er haperingen. Hier staat meer over Javascript vs CSS animatie performance: http://davidwalsh.name/css-js-animationquote:Op woensdag 10 juni 2015 13:25 schreef KomtTijd... het volgende:
[..]
JS moet je sowieso zo veel mogelijk vermijden voor animaties e.d. gezien de onmogelijkheid om daar hardware accelleration op toe te passen.
dat geldt niet voor transform of opacity, welke in de praktijk het meest relevant zijn in UI's. Velocity/gsap zijn nodig bij interactieve animaties met keyframes, timed events etc, dingen waar je voorheen flash voor zou (moeten) pakken. Voor een simpele ui is dst echt overkill. Met RAF en wat research kom je een heel eind, uiteindelijk zullen die libs ook de styles beïnvloeden dus dat kan je ook zelf, wel zonder jquery, dat is een sloom stuk vreten. Met animatie heb je 16,67 ms om alles te doen, scripts, berekenen, tekenen etc., de 16ms is je budget en er overheen gaan resulteert in gestotter.quote:Op woensdag 10 juni 2015 15:27 schreef Tijn het volgende:
[..]
Juist door het switchen naar de GPU ontstaan er haperingen. Hier staat meer over Javascript vs CSS animatie performance: http://davidwalsh.name/css-js-animation
kan ook zonder extra element. Center top no-repeatquote:Op woensdag 10 juni 2015 13:34 schreef Catch22- het volgende:
[..]
zet hem als background op de wrapper met een padding-top ofzo? Of in een pseudo-element.
border-image-width is er ook, maar met matige support
dat bedoelde ik met de eerste optie.quote:Op donderdag 11 juni 2015 00:50 schreef n8n het volgende:
[..]
kan ook zonder extra element. Center top no-repeat
Wel overwogen, maar uiteindelijk niet.quote:
ach zo, ik dacht: voeg een wrapper toe. My bad. De div.container is niet aan mij besteed dus dan spreek ik over de parent. Het kan ook in het element zelf met een padding-top, dat bedoelde ik als aanvulling.quote:Op donderdag 11 juni 2015 09:00 schreef Catch22- het volgende:
[..]
dat bedoelde ik met de eerste optie.
Als ik het zelf zou moeten betalen zou ik ook niet gaan hoorquote:Op donderdag 11 juni 2015 09:06 schreef donroyco het volgende:
[..]
Wel overwogen, maar uiteindelijk niet.
quote:Op donderdag 11 juni 2015 11:31 schreef PimD het volgende:
[..]
Als ik het zelf zou moeten betalen zou ik ook niet gaan hoor
Heb hier elke keer weer gezeik mee als ik het opnieuw moet laten werken op een Windows machine, waarbij de bestanden in een map staan welke worden gedeeld met een virtuele machine.quote:
En waarom zou je dat willen? Heb je geen version control?quote:Op donderdag 11 juni 2015 20:44 schreef TwenteFC het volgende:
[..]
Heb hier elke keer weer gezeik mee als ik het opnieuw moet laten werken op een Windows machine, waarbij de bestanden in een map staan welke worden gedeeld met een virtuele machine.
Gebruik er altijd maar dit tooltje voor als het even snel moet;
http://koala-app.com/
Tuurlijk heb ik wel version control. Ik zie niet in wat dat er mee te maken heeft.quote:Op donderdag 11 juni 2015 22:31 schreef Catch22- het volgende:
[..]
En waarom zou je dat willen? Heb je geen version control?
nou er zullen vast mensen zijn die een project op een netwerkschijf draaien zonder VCquote:Op donderdag 11 juni 2015 22:40 schreef TwenteFC het volgende:
[..]
Tuurlijk heb ik wel version control. Ik zie niet in wat dat er mee te maken heeft.
Een ubuntu server, en de code folder wordt geshared met Windows. Anders moet in die virtuele machine gaan werken.quote:Op donderdag 11 juni 2015 22:47 schreef Catch22- het volgende:
[..]
nou er zullen vast mensen zijn die een project op een netwerkschijf draaien zonder VC
Maar wat heb je dan op een netwerkschijf staan?
Wat veel mensen doen is lokaal ontwikkelen, dan pushen naar de repository en op de server de boel bijwerken door een pull te doen.quote:Op donderdag 11 juni 2015 22:40 schreef TwenteFC het volgende:
[..]
Tuurlijk heb ik wel version control. Ik zie niet in wat dat er mee te maken heeft.
Ja dat snap ik, doe ik ook maar dan in een lokale replica van onze live server.quote:Op donderdag 11 juni 2015 23:00 schreef Tijn het volgende:
[..]
Wat veel mensen doen is lokaal ontwikkelen, dan pushen naar de repository en op de server de boel bijwerken door een pull te doen.
1 2 3 4 | function klok_aan_uit(){ document.getElementById("clock").style.display = "none"; } |
http://www.dustindiaz.com/seven-togglers/quote:Op vrijdag 12 juni 2015 14:13 schreef ikbenrond het volgende:
Ik heb een JS vraagje;
Er is een klokje die je dmv een knopje uit kan zetten (laten verdwijnen in dit geval)
Hiervoor heb ik
[ code verwijderd ]
Gebruikt. Ik weet niet of men iets kan met dit stukje code.. In ieder geval; hij verdwijnt wel als ik op uit druk, maar hij komt niet meer terug.
quote:Op vrijdag 12 juni 2015 14:13 schreef ikbenrond het volgende:
Ik heb een JS vraagje;
Er is een klokje die je dmv een knopje uit kan zetten (laten verdwijnen in dit geval)
Hiervoor heb ik
[ code verwijderd ]
Gebruikt. Ik weet niet of men iets kan met dit stukje code.. In ieder geval; hij verdwijnt wel als ik op uit druk, maar hij komt niet meer terug.
1 2 3 4 | function klok_aan_uit(){ document.getElementById("clock").style.display = ( document.getElementById("clock").style.display == "none") ? "" : "none"; } |
Handige pagina, dit onthoud ik.quote:Op vrijdag 12 juni 2015 14:18 schreef donroyco het volgende:
[..]
http://www.dustindiaz.com/seven-togglers/
thanks!quote:
ik zou alleen nog het element in de cache gooien: var clock = document.getElementById('clock');quote:
1 2 3 4 5 | function toggleDisplay( el ){ el = document.getElementById( el ); el.style.display = ( el.style.display == "none" ) ? "" : "none"; return false; } |
Dit vind ik dan een beetje tegenstrijdig.quote:Op vrijdag 12 juni 2015 16:59 schreef n8n het volgende:
[..]
ik zou alleen nog het element in de cache gooien: var clock = document.getElementById('clock');
Je zoekt nu hetzelfde element meerdere keren op in de dom, beter nog:
[ code verwijderd ]
Hmm ja dat is waar, al is het dan gelimiteerd tot de toggle actie. Beter is dan inderdaad om de functie een element mee te geven, dat kan dan een variable zijn of een inline aangeroepen element.quote:Op zaterdag 13 juni 2015 11:56 schreef Crutch het volgende:
[..]
Dit vind ik dan een beetje tegenstrijdig.
Als je eerst het element aan een variable assigned (wat je misschien ook met andere elementen wil doen) dan zou ik niet een toggleDisplay functie maken die een ID verwacht, maar daadwerkelijk een element zoals het functieargument ook doet vermoeden.
Dus dat getElementById kan je gewoon helemaal weglaten, want daarmee zoek je alsnog het element op in de dom; iedere keer je wanneer je de functie aanroept.
1 2 3 4 5 6 7 8 9 10 | function toggleDisplay( el ){ el.style.display = ( el.style.display == "none" ) ? "" : "none"; return false; } // eenmalig gebruik toggleDisplay( document.getElementById('clock') ); // ...of gecached var clock = document.getElementById('clock'); toggleDisplay( clock ); |
Forum Opties | |
---|---|
Forumhop: | |
Hop naar: |