abonnement Unibet Coolblue
  woensdag 10 juni 2015 @ 13:34:39 #126
56176 Catch22-
Ben je Blind?!
pi_153408631
quote:
0s.gif 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?
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
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?
  woensdag 10 juni 2015 @ 13:43:06 #127
91039 mstx
2x1/2 = 1/2 x 1/2
pi_153408859
quote:
14s.gif Op woensdag 10 juni 2015 13:23 schreef KomtTijd... het volgende:
is "transparent" uberhaupt een geldige color?
Ja.
Op donderdag 2 juli 2009 22:41 schreef RTB het volgende:
als ik elk rap"liedje" een kans moest geven was ik aan het eind van dit millennium nog bezig met het tempo waarin die kotshoop uitgebraakt wordt.
👾
  woensdag 10 juni 2015 @ 15:27:35 #128
12221 Tijn
Powered by MS Paint
pi_153411719
quote:
14s.gif 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.
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
  donderdag 11 juni 2015 @ 00:48:50 #129
230788 n8n
Pragmatisch
pi_153429843
quote:
3s.gif 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
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.

Scroll animatie is van nature de worst case, maak maar een simpel straight scroll event die de waarde naar de console poept en scroll met de console open, dan merk je al snel dat het lafjes loopt.

[ Bericht 4% gewijzigd door n8n op 11-06-2015 09:49:43 ]
Specialization is for insects”.—Robert Heinlein
  donderdag 11 juni 2015 @ 00:50:58 #130
230788 n8n
Pragmatisch
pi_153429880
quote:
11s.gif 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
kan ook zonder extra element. Center top no-repeat
Specialization is for insects”.—Robert Heinlein
  donderdag 11 juni 2015 @ 09:00:37 #131
56176 Catch22-
Ben je Blind?!
pi_153432269
quote:
1s.gif Op donderdag 11 juni 2015 00:50 schreef n8n het volgende:

[..]

kan ook zonder extra element. Center top no-repeat
dat bedoelde ik met de eerste optie.
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?
pi_153432302
Nog mensen die morgen naar CSS Day gaan?
Bleuh.
  donderdag 11 juni 2015 @ 09:06:59 #133
134533 donroyco
dus niet Donroyco
pi_153432323
quote:
0s.gif Op donderdag 11 juni 2015 09:04 schreef PimD het volgende:
Nog mensen die morgen naar CSS Day gaan?
Wel overwogen, maar uiteindelijk niet.
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. :'(
  donderdag 11 juni 2015 @ 09:47:45 #134
230788 n8n
Pragmatisch
pi_153433032
quote:
11s.gif Op donderdag 11 juni 2015 09:00 schreef Catch22- het volgende:

[..]

dat bedoelde ik met de eerste optie.
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.
Specialization is for insects”.—Robert Heinlein
pi_153435409
quote:
14s.gif Op donderdag 11 juni 2015 09:06 schreef donroyco het volgende:

[..]

Wel overwogen, maar uiteindelijk niet.
Als ik het zelf zou moeten betalen zou ik ook niet gaan hoor :D
Bleuh.
  donderdag 11 juni 2015 @ 12:13:02 #136
134533 donroyco
dus niet Donroyco
pi_153436473
quote:
0s.gif Op donderdag 11 juni 2015 11:31 schreef PimD het volgende:

[..]

Als ik het zelf zou moeten betalen zou ik ook niet gaan hoor :D
:D
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. :'(
pi_153449891
quote:
0s.gif Op maandag 4 mei 2015 11:20 schreef Catch22- het volgende:
Gulp _O_ zou niet meer zonder willen
:P 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/
  donderdag 11 juni 2015 @ 22:31:21 #138
56176 Catch22-
Ben je Blind?!
pi_153453375
quote:
19s.gif Op donderdag 11 juni 2015 20:44 schreef TwenteFC het volgende:

[..]

:P 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/
En waarom zou je dat willen? Heb je geen version control?
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?
pi_153453723
quote:
1s.gif Op donderdag 11 juni 2015 22:31 schreef Catch22- het volgende:

[..]

En waarom zou je dat willen? Heb je geen version control?
Tuurlijk heb ik wel version control. Ik zie niet in wat dat er mee te maken heeft.
  donderdag 11 juni 2015 @ 22:47:50 #140
56176 Catch22-
Ben je Blind?!
pi_153454027
quote:
19s.gif 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.
nou er zullen vast mensen zijn die een project op een netwerkschijf draaien zonder VC ;)

Maar wat heb je dan op een netwerkschijf staan?
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?
pi_153454301
quote:
1s.gif 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?
Een ubuntu server, en de code folder wordt geshared met Windows. Anders moet in die virtuele machine gaan werken.
  donderdag 11 juni 2015 @ 23:00:34 #142
12221 Tijn
Powered by MS Paint
pi_153454532
quote:
19s.gif 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.
Wat veel mensen doen is lokaal ontwikkelen, dan pushen naar de repository en op de server de boel bijwerken door een pull te doen.
pi_153455613
quote:
2s.gif 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.
:P Ja dat snap ik, doe ik ook maar dan in een lokale replica van onze live server.
Het enige wat ik probeerde te zeggen was dat ik soms Koala gebruik ipv gulp voor het verkleinen van css/js etc :P
pi_153470049
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

1
2
3
4
function klok_aan_uit(){
    document.getElementById("clock").style.display = "none";

}

Gebruikt. Ik weet niet of men iets kan met dit stukje code.. :P In ieder geval; hij verdwijnt wel als ik op uit druk, maar hij komt niet meer terug.
  vrijdag 12 juni 2015 @ 14:18:46 #145
134533 donroyco
dus niet Donroyco
pi_153470226
quote:
0s.gif 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.. :P In ieder geval; hij verdwijnt wel als ik op uit druk, maar hij komt niet meer terug.
http://www.dustindiaz.com/seven-togglers/
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. :'(
  vrijdag 12 juni 2015 @ 14:21:23 #146
56176 Catch22-
Ben je Blind?!
pi_153470309
quote:
0s.gif 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.. :P 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";

}
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?
pi_153470438
quote:
Handige pagina, dit onthoud ik. :P

quote:
11s.gif Op vrijdag 12 juni 2015 14:21 schreef Catch22- het volgende:

[..]
[ code verwijderd ]

11.gif thanks!
  vrijdag 12 juni 2015 @ 16:59:19 #148
230788 n8n
Pragmatisch
pi_153474806
quote:
11s.gif Op vrijdag 12 juni 2015 14:21 schreef Catch22- het volgende:

[..]
[ code verwijderd ]

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:

1
2
3
4
5
function toggleDisplay( el ){
    el = document.getElementById( el );
    el.style.display = ( el.style.display == "none" ) ? "" :  "none";
    return false;
}
Specialization is for insects”.—Robert Heinlein
  zaterdag 13 juni 2015 @ 11:56:47 #149
118585 Crutch
Filantroop || Taalzwengel
pi_153494382
quote:
7s.gif 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 ]

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.
Je moeder is een hamster
  zaterdag 13 juni 2015 @ 12:24:39 #150
230788 n8n
Pragmatisch
pi_153494765
quote:
0s.gif 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.
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.

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 );
Specialization is for insects”.—Robert Heinlein
abonnement Unibet Coolblue
Forum Opties
Forumhop:
Hop naar:
(afkorting, bv 'KLB')