[HTML, CSS, JS] Frontend #43: 0 === -0

Index

» digital corner

actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
  donderdag 4 juni 2015 @ 16:37:32 #101
82546 Apekoek
terrorhenk
pi_153250021
Hoe groot zou een slider foto moeten zijn? Ik wil namelijk een slider met misschien wel 20 fotos voor de front page. Hoeveel kb is dan goed per foto? 100k, 200k of 300kb? Iemand een tip.
  donderdag 4 juni 2015 @ 16:39:18 #102
56176 Catch22-
Ben je Blind?!
pi_153250067
geen sliders doen. Kijkt geen hond naar en kost je performance.
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?
  donderdag 4 juni 2015 @ 16:47:12 #103
82546 Apekoek
terrorhenk
pi_153250232
quote:
11s.gif Op donderdag 4 juni 2015 16:39 schreef Catch22- het volgende:
geen sliders doen. Kijkt geen hond naar en kost je performance.
Ik heb eronder knoppen, maar sliders zijn toch wel representatief? Maar het kost dus wel performance?
  donderdag 4 juni 2015 @ 16:50:35 #104
56176 Catch22-
Ben je Blind?!
pi_153250331
quote:
0s.gif Op donderdag 4 juni 2015 16:47 schreef Apekoek het volgende:

[..]

Ik heb eronder knoppen, maar sliders zijn toch wel representatief? Maar het kost dus wel performance?
nee. Gebruikers zien het nauwelijks meer.

http://shouldiuseacarousel.com/
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?
  donderdag 4 juni 2015 @ 16:53:57 #105
82546 Apekoek
terrorhenk
pi_153250405
quote:
1s.gif Op donderdag 4 juni 2015 16:50 schreef Catch22- het volgende:

[..]

nee. Gebruikers zien het nauwelijks meer.
Allright, dan denk ik dat ik het bij een minimale header, of slider hou met slechts 3 zaken. En dan de rest alleen met knoppen eronder.
pi_153251454
Ik vind ze pas irritant als er tekst in staan en ze te snel naar de volgende slide gaan :')

Foto's kan prima vind ik. edit: nu ik erover denk is het misschien wel dat ik minder aandachtig naar de foto kijk dan

[ Bericht 17% gewijzigd door #ANONIEM op 04-06-2015 17:43:38 ]
  maandag 8 juni 2015 @ 16:03:48 #107
118011 BrainOverfloW
Fok! around the Clock!
pi_153355459
Vraagje voor de OSX gebruikers hier. Is er een manier om de preview van de Finder scripts als tekst te laten zien? Dat je dus de code krijgt te zien als je je html/css/js bestanden via de spatie previewed. Nu krijg ik alleen een icoontje te zien.
Whether or not you can become great at something, you can always become better.
And one day you'll wake up and find out how good you actually became, having transcended whatever limits you might have thought you couldn't pass.
Neil Degrasse Tyson
  maandag 8 juni 2015 @ 16:05:37 #108
12221 Tijn
Powered by MS Paint
pi_153355496
Ik gebruik TextMate en die regelt dat Quick Look de inhoud van zulke bestanden weergeeft bij mij.
Verberg de nieuwsticker
  maandag 8 juni 2015 @ 16:39:35 #109
118011 BrainOverfloW
Fok! around the Clock!
pi_153356221
quote:
3s.gif Op maandag 8 juni 2015 16:05 schreef Tijn het volgende:
Ik gebruik TextMate en die regelt dat Quick Look de inhoud van zulke bestanden weergeeft bij mij.
Nu wetende dat die preview Quick Look heet kwam ik uit bij QLStephen. Ben nog veel te blij met Sublime Text om daar vanaf te stappen :)
Whether or not you can become great at something, you can always become better.
And one day you'll wake up and find out how good you actually became, having transcended whatever limits you might have thought you couldn't pass.
Neil Degrasse Tyson
  maandag 8 juni 2015 @ 16:43:20 #110
12221 Tijn
Powered by MS Paint
pi_153356308
Ja, het is een beetje verwarrend als je het Preview noemt, want dat is de naam van de viewer app die bij OS X zit.
Verberg de nieuwsticker
pi_153356648
quote:
0s.gif Op donderdag 4 juni 2015 17:43 schreef d4v1d het volgende:
Ik vind ze pas irritant als er tekst in staan en ze te snel naar de volgende slide gaan :')

Foto's kan prima vind ik. edit: nu ik erover denk is het misschien wel dat ik minder aandachtig naar de foto kijk dan
Het is dan ook puur een versiering, geen nuttige content.

Sowieso is 20 slides veel te veel. Wie gaat er nou in hemelsnaam 20 slides zitten bekijken 8)7
zcflevo.nl
  maandag 8 juni 2015 @ 17:35:26 #112
118011 BrainOverfloW
Fok! around the Clock!
pi_153357490
quote:
3s.gif Op maandag 8 juni 2015 16:43 schreef Tijn het volgende:
Ja, het is een beetje verwarrend als je het Preview noemt, want dat is de naam van de viewer app die bij OS X zit.
Helemaal gelijk. Weer wat geleerd :)
Whether or not you can become great at something, you can always become better.
And one day you'll wake up and find out how good you actually became, having transcended whatever limits you might have thought you couldn't pass.
Neil Degrasse Tyson
  maandag 8 juni 2015 @ 17:35:57 #113
12221 Tijn
Powered by MS Paint
pi_153357501
quote:
14s.gif Op maandag 8 juni 2015 16:56 schreef KomtTijd... het volgende:

[..]

Het is dan ook puur een versiering, geen nuttige content.
Precies. De enige reden is om zoiets op je pagina te zetten is omdat mensen het leuk vinden wanneer er wat beweegt.

Sommige mensen dan. Voornamelijk de eigenaar van de site zelf :P
Verberg de nieuwsticker
  dinsdag 9 juni 2015 @ 21:42:20 #114
403866 richolio
#MacMasterrace
pi_153394559
Hallo, ik heb een navbar die toggled op het scrollen. Echter zie je deze navbar niet bij het openen van de pagina, hij verschijnt pas als je iets naar beneden scrollt. Niet zo handig dus, ik zou 'm meteen al willen zien.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39		<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
<script>
// Sticky Header
$(window).scroll(function() {

    if ($(window).scrollTop() > 100) {
        $('.main_header').addClass('sticky');
    } else {
        $('.main_header').removeClass('sticky');
    }
});

// Mobile Navigation
$('.mobile-toggle').click(function() {
    if ($('.main_header').hasClass('open-nav')) {
        $('.main_header').removeClass('open-nav');
    } else {
        $('.main_header').addClass('open-nav');
    }
});

$('.main_header li a').click(function() {
    if ($('.main_header').hasClass('open-nav')) {
        $('.navigation').removeClass('open-nav');
        $('.main_header').removeClass('open-nav');
    }
});

// navigation scroll
$('nav a').click(function(event) {
    var id = $(this).attr("href");
    var offset = 70;
    var target = $(id).offset().top - offset;
    $('html, body').animate({
        scrollTop: target
    }, 500);
    event.preventDefault();
});
</script>

Dit is de code, die ook gekoppeld is aan een (extern) js bestand.

De css:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53		.mobile-toggle {
  display: none;
  cursor:pointer;
  font-size: 20px;
  position: absolute;
  right: 22px;
  top: 0;
  width: 30px;
  -webkit-transition: all 200ms ease-in;
  -moz-transition: all 200ms ease-in;
  transition: all 200ms ease-in;
}

.mobile-toggle span {
  width: 30px;
  height: 4px;
  margin-bottom: 6px;
  border-radius: 1000px;
  background: #8f8f8f;
  display: block;
}

.mouse {
  display: block;
  margin: 0 auto;
  width: 26px;
  height: 46px;
  border-radius: 13px;
  border: 2px solid #ffffff;
  position: absolute;
  bottom: 40px;
  position: absolute;
  left: 51%;
  margin-left: -26px;
}

.mouse span {
  display: block;
  margin: 6px auto;
  width: 2px;
  height: 2px;
  border-radius: 4px;
  background: #ffffff;
  border: 1px solid transparent;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: scroll;
  animation-name: scroll;
}

Mijn vraag is dus hoe kan ik de navbar al meteen laten verschijnen? Ik wil wel dat hij nog verandert met de scroll, maar het lijkt me alleen niet zo handig dat je 'm in het begin nog niet ziet. Als dit al kan dan, gezien het externe js bestandje.. :P Dank
'Richolio _O_' - tong80
LAST.FM
  dinsdag 9 juni 2015 @ 22:06:19 #115
118011 BrainOverfloW
Fok! around the Clock!
pi_153395336
quote:
0s.gif Op dinsdag 9 juni 2015 21:42 schreef richolio het volgende:
Hallo, ik heb een navbar die toggled op het scrollen. Echter zie je deze navbar niet bij het openen van de pagina, hij verschijnt pas als je iets naar beneden scrollt. Niet zo handig dus, ik zou 'm meteen al willen zien.
[ code verwijderd ]

Dit is de code, die ook gekoppeld is aan een (extern) js bestand.

De css:
[ code verwijderd ]

Mijn vraag is dus hoe kan ik de navbar al meteen laten verschijnen? Ik wil wel dat hij nog verandert met de scroll, maar het lijkt me alleen niet zo handig dat je 'm in het begin nog niet ziet. Als dit al kan dan, gezien het externe js bestandje.. :P Dank
Wat is dan nog de nut van het scrollen? Kun je de navbar dan niet standaard boven aan de pagina plakken en de site er onder door laten scrollen?
Whether or not you can become great at something, you can always become better.
And one day you'll wake up and find out how good you actually became, having transcended whatever limits you might have thought you couldn't pass.
Neil Degrasse Tyson
pi_153395354
quote:
0s.gif Op dinsdag 9 juni 2015 21:42 schreef richolio het volgende:
Hallo, ik heb een navbar die toggled op het scrollen. Echter zie je deze navbar niet bij het openen van de pagina, hij verschijnt pas als je iets naar beneden scrollt. Niet zo handig dus, ik zou 'm meteen al willen zien.
[ code verwijderd ]

Dit is de code, die ook gekoppeld is aan een (extern) js bestand.

De css:
[ code verwijderd ]

Mijn vraag is dus hoe kan ik de navbar al meteen laten verschijnen? Ik wil wel dat hij nog verandert met de scroll, maar het lijkt me alleen niet zo handig dat je 'm in het begin nog niet ziet. Als dit al kan dan, gezien het externe js bestandje.. :P Dank
Kun je main_header ook niet de class sticky geven in de HTML?
When the student is ready, the teacher will appear.
When the student is truly ready, the teacher will disappear.
  dinsdag 9 juni 2015 @ 22:16:51 #117
403866 richolio
#MacMasterrace
pi_153395758
quote:
0s.gif Op dinsdag 9 juni 2015 22:06 schreef BrainOverfloW het volgende:

[..]

Wat is dan nog de nut van het scrollen? Kun je de navbar dan niet standaard boven aan de pagina plakken en de site er onder door laten scrollen?
Een navbar zonder achtergrond, dus alleen tekst, vind ik er altijd wel netjes uitzien. Tot die witte lettertjes natuurlijk op een witte background komen ergens op de pagina. :P

quote:
1s.gif Op dinsdag 9 juni 2015 22:06 schreef Aether het volgende:

[..]

Kun je main_header ook niet de class sticky geven in de HTML?
Hoe doe ik dat? :P Bedoel je dat ik die class dan fixed maak? Ik had wel ergens gelezen dat dat uiteindelijk problemen vormt, gezien de site responsive is.
'Richolio _O_' - tong80
LAST.FM
  dinsdag 9 juni 2015 @ 22:42:20 #118
137776 boem-dikkie
Jedi Mind Baby!
pi_153396816
quote:
0s.gif Op dinsdag 9 juni 2015 22:16 schreef richolio het volgende:

[..]

Een navbar zonder achtergrond, dus alleen tekst, vind ik er altijd wel netjes uitzien. Tot die witte lettertjes natuurlijk op een witte background komen ergens op de pagina. :P

[..]

Hoe doe ik dat? :P Bedoel je dat ik die class dan fixed maak? Ik had wel ergens gelezen dat dat uiteindelijk problemen vormt, gezien de site responsive is.
Fixed voor dat soort oplossingen geeft geen problemen op responsive. Gewoon sticky op je navbar zetten en die hele JS weghalen.
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
  woensdag 10 juni 2015 @ 08:14:19 #119
137776 boem-dikkie
Jedi Mind Baby!
pi_153402010
Weten jullie nog een fatsoenlijke manier om een achtergrondje een klein beetje te laten scrollen a la parallax effect? Ik had zelf een klein JS'je geschreven die een aantal pixels top doet wanneer de user scrollt maar sinds twee versies van Chrome stottert die opeens gigantisch. Oplossingen met dikke libs werken niet echt lekker gezien je dan echt ziet dat de achtergrond dynamisch wordt ingeladen.
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
  woensdag 10 juni 2015 @ 09:45:41 #120
134533 donroyco
dus niet Donroyco
pi_153403205
quote:
7s.gif Op woensdag 10 juni 2015 08:14 schreef boem-dikkie het volgende:
Weten jullie nog een fatsoenlijke manier om een achtergrondje een klein beetje te laten scrollen a la parallax effect? Ik had zelf een klein JS'je geschreven die een aantal pixels top doet wanneer de user scrollt maar sinds twee versies van Chrome stottert die opeens gigantisch. Oplossingen met dikke libs werken niet echt lekker gezien je dan echt ziet dat de achtergrond dynamisch wordt ingeladen.
Deze? http://codepen.io/skeurentjes/pen/wvpus
Werkt ook in IE11.
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. :'(
  woensdag 10 juni 2015 @ 10:01:09 #121
230788 n8n
Pragmatisch
pi_153403501
Jquery voor parallax slaat, tenzij je het al gebruikt, natuurlijk helemaal negens op. Ik kan me ook geen 60fps jquery herinneren. Als je het in IE kan missen is er tegenwoordig een css-only manier. Dit scheelt enorm in de performance omdat je de vieze scroll-js niet meer nodig hebt.
http://keithclark.co.uk/articles/pure-css-parallax-websites/

[ Bericht 15% gewijzigd door n8n op 10-06-2015 10:08:29 ]
“Specialization is for insects”.—Robert Heinlein
pi_153407956
Ik zit al even te kloten met een border, maar krijg het niet voor elkaar.

1
2
3
4		.sticky{
    border-top: 35px solid transparent;
    border-image: url('border.png') 100% repeat;
}

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?
Uitvinder van de biersmiley.
pi_153408316
lijkt me dat een border-top property een algemene border property overruled, dus je border-top zal transparant zijn.

is "transparent" uberhaupt een geldige color?
zcflevo.nl
pi_153408386
quote:
1s.gif Op woensdag 10 juni 2015 10:01 schreef n8n het volgende:
Jquery voor parallax slaat, tenzij je het al gebruikt, natuurlijk helemaal negens op. Ik kan me ook geen 60fps jquery herinneren. Als je het in IE kan missen is er tegenwoordig een css-only manier. Dit scheelt enorm in de performance omdat je de vieze scroll-js niet meer nodig hebt.
http://keithclark.co.uk/articles/pure-css-parallax-websites/
JS moet je sowieso zo veel mogelijk vermijden voor animaties e.d. gezien de onmogelijkheid om daar hardware accelleration op toe te passen.
zcflevo.nl
pi_153408524
Tis alleen zo zonde dat CSS-animaties op vrijwel alle mobiele devices ellende opleveren. Nog steeds zie ik veel geflikker e.d. - ook als je gangbare 'oplossingen' zoals -webkit-backface-visibility, perspective etc. etc. toepast :(
Nee.
  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
Verberg de nieuwsticker
  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?
Nee.
  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
Nee.
  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.
Verberg de nieuwsticker
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:
7s.gif Op vrijdag 12 juni 2015 14:18 schreef donroyco het volgende:

[..]

http://www.dustindiaz.com/seven-togglers/
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
actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
[HTML, CSS, JS] Frontend #43: 0 === -0
Index

» digital corner

Forum Opties
Forumhop:
Hop naar:
(afkorting, bv 'KLB')