[HTML, CSS, JS] Frontend #38: Wrapper

Index

» digital corner

» development

actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
  woensdag 19 februari 2014 @ 15:06:14 #101
56176 Catch22-
Ben je Blind?!
pi_136892676
quote:
5s.gif Op woensdag 19 februari 2014 14:18 schreef esv7 het volgende:
Wat is de beste manier om veel javascript modules te laden voor een pagina, gewoon in de head inladen zoals gewoon? Of is het beter voor de performance om ze gezamenlijk in een file te zetten?
in 1 file, compressed onderaan je pagina.
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_136892780
quote:
11s.gif Op woensdag 19 februari 2014 15:06 schreef Catch22- het volgende:

[..]

in 1 file, compressed onderaan je pagina.
Maar hoe je dit met libary's met een license erop? Mag je alles zomaar bij elkaar gooien? Is het niet alsnog sneller deze libaries afzonderlijk vanaf een CDN te laden ipv gezamenlijk vanaf je eigen server?
  woensdag 19 februari 2014 @ 15:15:05 #103
56176 Catch22-
Ben je Blind?!
pi_136893004
quote:
2s.gif Op woensdag 19 februari 2014 15:09 schreef d4v1d het volgende:

[..]

Maar hoe je dit met libary's met een license erop? Mag je alles zomaar bij elkaar gooien? Is het niet alsnog sneller deze libaries afzonderlijk vanaf een CDN te laden ipv gezamenlijk vanaf je eigen server?
CDN is wel sneller, als je een license hebt dan kan je het alsnog wel compressen en in 1 file gooien.

http://koala-app.com/

dat gebruik ik om meuk (libraries) in 1 file te gooien en te laten compressen. Custommeuk hou ik vaak wel los, maar lib's compress en join ik.

https://github.com/oklai/koala/wiki/JS-CSS-minify-and-combine
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_136893227
quote:
11s.gif Op woensdag 19 februari 2014 15:15 schreef Catch22- het volgende:

[..]

CDN is wel sneller, als je een license hebt dan kan je het alsnog wel compressen en in 1 file gooien.

http://koala-app.com/

dat gebruik ik om meuk (libraries) in 1 file te gooien en te laten compressen. Custommeuk hou ik vaak wel los, maar lib's compress en join ik.

https://github.com/oklai/koala/wiki/JS-CSS-minify-and-combine
Oké duidelijk, dankjewel.
No citizen has a right to be an amateur in the matter of physical training...what a disgrace it is for a man to grow old without ever seeing the beauty and strength of which his body is capable.
pi_136920130
Beste,

Kan iemand mij misschien uitleggen waarom het volgende wel werkt:
1
2
3
4
5
6
7		one = function() {
    alert("hallo");
}

two = function() {
    one();
}()
,maar dit niet?:
1
2
3
4
5
6
7		one = function() {
    two();
}()

two = function() {
    alert("hallo");
}
Ik denk dat het met de volgorde te maken heeft?
No citizen has a right to be an amateur in the matter of physical training...what a disgrace it is for a man to grow old without ever seeing the beauty and strength of which his body is capable.
  donderdag 20 februari 2014 @ 09:33:26 #106
91039 mstx
2x1/2 = 1/2 x 1/2
pi_136920291
quote:
5s.gif Op donderdag 20 februari 2014 09:24 schreef esv7 het volgende:
Beste,

Kan iemand mij misschien uitleggen waarom het volgende wel werkt:
[ code verwijderd ]

,maar dit niet?:
[ code verwijderd ]

Ik denk dat het met de volgorde te maken heeft?
two() bestaat nog niet op het moment dat je hem aanroept want je definieert hem daarna pas.
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.
👾
pi_136920323
Ja, bij die tweede komt de syntax error voor de 2e functie.

Staat overigens gewoon keurig in je console als het goed is.
zcflevo.nl
pi_136920358
quote:
0s.gif Op donderdag 20 februari 2014 09:33 schreef mstx het volgende:

[..]

two() bestaat nog niet op het moment dat je hem aanroept want je definieert hem daarna pas.
quote:
14s.gif Op donderdag 20 februari 2014 09:35 schreef KomtTijd... het volgende:
Ja, bij die tweede komt de syntax error voor de 2e functie.

Staat overigens gewoon keurig in je console als het goed is.
Oké dankjewel, en het staat inderdaad in de console :@ .
No citizen has a right to be an amateur in the matter of physical training...what a disgrace it is for a man to grow old without ever seeing the beauty and strength of which his body is capable.
  FOK!Fotograaf / Beeldredactie vrijdag 21 februari 2014 @ 20:37:01 #109
300347 MrManuel
pi_136989248
Goedeavond allemaal,

Kan iemand me misschien helpen, ik loop even vast met een gedeelte van me script.
Lokaal draaien werkt het, zodra ik het op de webserver heb lopen doet de countdown het niet..

1
2
3
4
5
6
7
8
9
10
11
12
13
14		<script type="text/javascript">
//<![CDATA[
        $(document).ready(function(){
        $("#hidden-countdown").countdown({
            date: "02 January 2015 12:00:00", // countdown target date settings
            format: "on"
        },
            
        function() {
            // callback function
        });
      });
//]]>
</script>

Iemand enige idee? :{
[i]~ The impossible is easy![/i]
pi_137011534
Foutmeldingen?
pi_137064330
quote:
5s.gif Op donderdag 20 februari 2014 09:24 schreef esv7 het volgende:
Beste,

Kan iemand mij misschien uitleggen waarom het volgende wel werkt:
[ code verwijderd ]

,maar dit niet?:
[ code verwijderd ]

Ik denk dat het met de volgorde te maken heeft?
Stukje verder met leren en ben er nu achter waarom het precies fout gaat.
Ik had gebruik gemaakt van functional expression's, waar ik voor functional declaration's had moeten kiezen omdat deze wel geladen worden voor er enige code wordt uitgevoerd.
1
2
3
4
5
6
7
8
9
10
11
12
13
14		(function x() {
    one();
    two();
}())

//Functionele expressie.
var two = function() {
    alert("hallo");
}

//Functionele declaratie.
function one() {
    alert("hallo");
}
No citizen has a right to be an amateur in the matter of physical training...what a disgrace it is for a man to grow old without ever seeing the beauty and strength of which his body is capable.
  FOK!Fotograaf / Beeldredactie maandag 24 februari 2014 @ 16:41:27 #112
300347 MrManuel
pi_137094812
quote:
0s.gif Op zaterdag 22 februari 2014 13:27 schreef Darkomen het volgende:
Foutmeldingen?
Geen.. Hij telt gewoon niet..
[i]~ The impossible is easy![/i]
  maandag 24 februari 2014 @ 16:44:08 #113
56176 Catch22-
Ben je Blind?!
pi_137094895
Als je hem als variabele definieert moet je hem definieren voor je hem gebruikt.
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_137094901
quote:
99s.gif Op maandag 24 februari 2014 16:41 schreef MrManuel het volgende:

[..]

Geen.. Hij telt gewoon niet..
Dat is bijna onmogelijk. ga loggen naar je console tot je weet tot waar het script uitgevoerd wordt.
zcflevo.nl
pi_137094939
quote:
11s.gif Op zondag 23 februari 2014 20:09 schreef esv7 het volgende:

[..]

Stukje verder met leren en ben er nu achter waarom het precies fout gaat.
Ik had gebruik gemaakt van functional expression's, waar ik voor functional declaration's had moeten kiezen omdat deze wel geladen worden voor er enige code wordt uitgevoerd.
[ code verwijderd ]

Code wordt van boven naar beneden uitgevoerd.
pi_137095018
Kent iemand nog een goede parallax scrolling tutorial ? Heb er nog niet veel mee gemerkt en merk dat ik wat roestig ben op dit vlak.
  maandag 24 februari 2014 @ 16:50:13 #117
56176 Catch22-
Ben je Blind?!
pi_137095081
quote:
7s.gif Op maandag 24 februari 2014 16:48 schreef Scorpie het volgende:
Kent iemand nog een goede parallax scrolling tutorial ? Heb er nog niet veel mee gemerkt en merk dat ik wat roestig ben op dit vlak.
about:blank

DONT!

:P

Ik heb er wel eens naar gekeken, maar vind het zelf echt verschrikkelijk. Veel meer dan een background vastzetten heb ik er dan ook niet mee gedaan
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_137095195
quote:
11s.gif Op maandag 24 februari 2014 16:50 schreef Catch22- het volgende:

[..]

about:blank

DONT!

:P

Ik heb er wel eens naar gekeken, maar vind het zelf echt verschrikkelijk. Veel meer dan een background vastzetten heb ik er dan ook niet mee gedaan
Ja ik weet het, maar ja, designers en shit.
pi_137095430
quote:
7s.gif Op maandag 24 februari 2014 16:45 schreef Scorpie het volgende:

[..]

Code wordt van boven naar beneden uitgevoerd.
Achtereenvolgende statements wel ja, wat heeft dat er mee te maken?
No citizen has a right to be an amateur in the matter of physical training...what a disgrace it is for a man to grow old without ever seeing the beauty and strength of which his body is capable.
  dinsdag 25 februari 2014 @ 13:29:51 #120
25889 Sitethief
Fulltime Flapdrol
pi_137123556
Is dit een goede manier van opbouwen van opties in een javascript functie? het ziet er nogal lomp uit namelijk.

1
2
3
4
5
6
7
8
9
10
11
12
13		        //zet default sizes of haal ze uit de options
        var windowWidth             = (options.width          ? "900"  : options.width);          //x as
        var windowMaxWidth          = (options.maxWidth       ? "450"  : options.maxWidth);       //x as
        var windowMinWidth          = (options.minWidth       ? "2500" : options.minWidth);       //x as
        var windowHeight            = (options.height         ? "500"  : options.height);         //y as
        var windowMaxHeight         = (options.maxHeight      ? "300"  : options.maxHeight );     //y as
        var windowMinHeight         = (options.minHeight      ? "2000" : options.minHeight);      //y as
        var windowLeftWidth         = (options.left.width     ? "200"  : options.left.width);                 
        var windowLeftMaxWidth      = (options.left.maxWidth  ? "300"  : options.left.maxWidth);                 
        var windowLeftMinWidth      = (options.left.minWidth  ? "100"  : options.left.minWidth );                 
        var windowRightWidth        = (options.right.width    ? null   : options.right.width );               
        var windowRightMaxWidth     = (options.right.maxWidth ? "300"  : options.right.maxWidth);               
        var windowRightMinWidth     = (options.right.minWidth ? "100"  : options.right.minWidth);   
Stroek: Sitethief, die is heel groot en sterk :Y.
Faat: *zucht* zoals gewoonlijk hoor Sitethief weer in de bocht &gt;:)
  dinsdag 25 februari 2014 @ 13:35:19 #121
56176 Catch22-
Ben je Blind?!
pi_137123706
Nee :P
met jQuery
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15		function test(options) {
 var basesettings = {
  windowWidth:900,
  widthHeight:900
 };
 $.extend(basesettings, options);
 // of vanilla javascript
var settings = extend(default, config);

function extend(a, b){
    var c = {};
    for(var p in a)    c[p] = (b[p] == null) ? a[p] : b[p];
    return c;
}
}
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?
  dinsdag 25 februari 2014 @ 14:01:25 #122
25889 Sitethief
Fulltime Flapdrol
pi_137124571
quote:
11s.gif Op dinsdag 25 februari 2014 13:35 schreef Catch22- het volgende:
Nee :P
met jQuery
[ code verwijderd ]

Dit is code die met Mootools werkt, maar dat terzijde.
Maar wat is er zo slecht aan dan? Mijn functie bouwt een window op met twee panels erin waar je de afmetingen van mee kunt geven maar ook default kunt laten.
Stroek: Sitethief, die is heel groot en sterk :Y.
Faat: *zucht* zoals gewoonlijk hoor Sitethief weer in de bocht &gt;:)
  dinsdag 25 februari 2014 @ 14:13:19 #123
56176 Catch22-
Ben je Blind?!
pi_137124971
quote:
0s.gif Op dinsdag 25 februari 2014 14:01 schreef Sitethief het volgende:

[..]

Dit is code die met Mootools werkt, maar dat terzijde.
Maar wat is er zo slecht aan dan? Mijn functie bouwt een window op met twee panels erin waar je de afmetingen van mee kunt geven maar ook default kunt laten.
dat werkt met jQuery ook. Het nette hiervan is dat je gewoon 1 net object kan maken met basissettings en die je kan overschrijven met een ander object. Leest toch iets makkelijker.
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?
  dinsdag 25 februari 2014 @ 14:18:27 #124
25889 Sitethief
Fulltime Flapdrol
pi_137125121
quote:
11s.gif Op dinsdag 25 februari 2014 14:13 schreef Catch22- het volgende:

[..]

dat werkt met jQuery ook. Het nette hiervan is dat je gewoon 1 net object kan maken met basissettings en die je kan overschrijven met een ander object. Leest toch iets makkelijker.
Ah, dat zou hier mee moeten kunnen

quote:
Function: Object.append

Copies all the properties from the second object passed in to the first object passed in.
Syntax:

Object.append(original, extension);
http://mootools.net/docs/core/Types/Object#Object:Object-append
Stroek: Sitethief, die is heel groot en sterk :Y.
Faat: *zucht* zoals gewoonlijk hoor Sitethief weer in de bocht &gt;:)
pi_137125122
quote:
0s.gif Op dinsdag 25 februari 2014 14:01 schreef Sitethief het volgende:

[..]

Maar wat is er zo slecht aan dan?
Dat zeg je zelf al. "Het ziet er nogal lomp uit"
zcflevo.nl
  dinsdag 25 februari 2014 @ 14:26:41 #126
25889 Sitethief
Fulltime Flapdrol
pi_137125373
quote:
14s.gif Op dinsdag 25 februari 2014 14:18 schreef KomtTijd... het volgende:

[..]

Dat zeg je zelf al. "Het ziet er nogal lomp uit"
Ja, klopt, maar verder dan dat kwam ik niet |:( . Ik ben het nu aan het ombouwen.

[ Bericht 26% gewijzigd door Sitethief op 25-02-2014 14:27:39 (foutje) ]
Stroek: Sitethief, die is heel groot en sterk :Y.
Faat: *zucht* zoals gewoonlijk hoor Sitethief weer in de bocht &gt;:)
pi_137125692
Neuh, veel meer is er ook niet mis mee :P
zcflevo.nl
  dinsdag 25 februari 2014 @ 14:38:33 #128
25889 Sitethief
Fulltime Flapdrol
pi_137125743
quote:
14s.gif Op dinsdag 25 februari 2014 14:37 schreef KomtTijd... het volgende:
Neuh, veel meer is er ook niet mis mee :P
Zo, idd veel netter :).

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20		    
    var baseSettings = {
        'width'             : '900',  //x as
        'maxWidth'          : '450',       
        'minWidth'          : '2500',      
        'height'            : '500',  //y as
        'maxHeight'         : '300',
        'minHeight'         : '2000',
        'left'              : {
            'width'         : '200',                 
            'maxWidth'      : '300',                 
            'minWidth'      : '100',         
        },
        'right'             : {  
            'width'         : null,               
            'maxWidth'      : '300',               
            'minWidth'      : '100'     
        }        
    };
    Object.append(baseSettings, options);
Stroek: Sitethief, die is heel groot en sterk :Y.
Faat: *zucht* zoals gewoonlijk hoor Sitethief weer in de bocht &gt;:)
  woensdag 26 februari 2014 @ 23:30:54 #129
230788 n8n
Pragmatisch
pi_137183277
Waarom zou je in godsnaam afmetingen in je js nodig hebben
“Specialization is for insects”.—Robert Heinlein
  woensdag 26 februari 2014 @ 23:37:48 #130
56176 Catch22-
Ben je Blind?!
pi_137183548
Gallery opbouwen? Lightbox?
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_137184279
quote:
0s.gif Op woensdag 26 februari 2014 23:30 schreef n8n het volgende:
Waarom zou je in godsnaam afmetingen in je js nodig hebben
Dat heb ik ook laatst nodig gehad om naar bepaald gedeelte in een specifieke div te scrollen.
No citizen has a right to be an amateur in the matter of physical training...what a disgrace it is for a man to grow old without ever seeing the beauty and strength of which his body is capable.
  donderdag 27 februari 2014 @ 11:02:07 #132
25889 Sitethief
Fulltime Flapdrol
pi_137192260
quote:
0s.gif Op woensdag 26 februari 2014 23:30 schreef n8n het volgende:
Waarom zou je in godsnaam afmetingen in je js nodig hebben
Mootools UI framework waar panels, windows, notifications en modals mee opgebouwd kunnen worden binnen een frame die minimaliseren etc van windows toestaat. Sommige windows wil je gewoon niet te groot hebben, ander wel. etc dan is het fijn als je daar wat controle over hebt.
Stroek: Sitethief, die is heel groot en sterk :Y.
Faat: *zucht* zoals gewoonlijk hoor Sitethief weer in de bocht &gt;:)
  donderdag 27 februari 2014 @ 11:36:47 #133
12221 Tijn
Powered by MS Paint
pi_137193235
quote:
0s.gif Op donderdag 27 februari 2014 11:02 schreef Sitethief het volgende:

[..]

Mootools
Serieus? Gebruikt iemand dat nog?
Verberg de nieuwsticker
pi_137217798
Ik heb een vraag. Transitions on hover. Ik heb een aantal elementen die img zijn en links.
Dus de HTML is deze:

1
2
3		    <a class="button" href="#" target="_blank"> <img src="img/#.png"  alt="#" class="FOK" /></a>                    
                    <a class="button" href="#" target="_blank"> <img class="FOK" src="#"  alt="#" /></a>    
                    <a class="button" href="#" target="_blank"> <img class="FOK" src="#"  alt="#" /></a>            

de CSS gaat als volgt

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18		.button {
    width: 100px;
    opacity: 0.7;
    -webkit-opacity: 0.7;
    -moz-opacity: 0.7;
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
    }

.button:hover {
    transform: scale(1.5,1.5);
    -webkit-transform: scale(1.5,1.5);
    -moz-transform: scale(1.5,1.5);
    opacity: 1.5;
    -webkit-opacity: 1.5;
    -moz-opacity: 1.5;
    }

Er is dus sprake van een transition op .button class (a).
Maar goed.. het rare is dat de transition bij mij thuis niet werken op chrome.. en op mijn werk wel terwijl het dezelfde chrome versie is. Onder moz/IE werken ze sowieso niet waar dan ook.

Ik ben vrij nieuw met HTML/CSS maar wat zou een reden kunnen zijn dat het op 1 PC wel werkt onder chrome en op de andere niet? (zelfde versie chrome) Is er iets foutiefs in mijn code dan hoor ik het graag natuurlijk :)

<3 Fok <3

PS.. de opacity change werkt gewoon het gaat om de scale welke niet werkt :)
  donderdag 27 februari 2014 @ 21:42:30 #135
56176 Catch22-
Ben je Blind?!
pi_137217896
Je moet sowieso alles andersom definieren. Eerst met vendorprefix en daarna zonder.

En opacity heeft geen prefix meer nodig.
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_137218380
Thanks heb dat alvast adjusted :)
  donderdag 27 februari 2014 @ 21:53:14 #137
56176 Catch22-
Ben je Blind?!
pi_137218509
Opacity hoger dan 1 heeft ook geen zin trouwens. Kan t nu even niet testen. Kan je een testcase op jsfiddle zetten?
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_137218675
ik change opacity normaal naar 0.5 en opacity van hover naar 1.0 idd.. good pointer
  donderdag 27 februari 2014 @ 21:57:51 #139
56176 Catch22-
Ben je Blind?!
pi_137218787
En als je bij transition begint met all?
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_137219532
http://jsfiddle.net/9ddhW/

Ik heb deze fiddle gemaakt btw..images gewoon random van internet :P
pi_137219869
bij een vriend van mij wordt het ook groter.. bij mij niet en bij mijn broer ook niet en bij weer iemand anders wel :D

Volgens mij is er iets anders aan de hand ... :D
pi_137220701
quote:
0s.gif Op donderdag 27 februari 2014 22:16 schreef Flammie het volgende:
bij een vriend van mij wordt het ook groter.. bij mij niet en bij mijn broer ook niet en bij weer iemand anders wel :D

Volgens mij is er iets anders aan de hand ... :D
Bij mij wordt het plaatje groter in Chrome iig, in Opera niet.
No citizen has a right to be an amateur in the matter of physical training...what a disgrace it is for a man to grow old without ever seeing the beauty and strength of which his body is capable.
pi_137220925
quote:
0s.gif Op donderdag 27 februari 2014 22:30 schreef esv7 het volgende:

[..]

Bij mij wordt het plaatje groter in Chrome iig, in Opera niet.
Bij mij worden ze in chrome niet groter o0
Opera klopt ik heb die vendor ( -o-) nog niet geadd :P

Wat is er mis met mijn chrome :D maybe eens naar factory standaard resetten en dan upgraden naar laatste versie ofzo
pi_137221024
quote:
0s.gif Op donderdag 27 februari 2014 22:34 schreef Flammie het volgende:

[..]

Bij mij worden ze in chrome niet groter o0
Opera klopt ik heb die vendor ( -o-) nog niet geadd :P

Wat is er mis met mijn chrome :D maybe eens naar factory standaard resetten en dan upgraden naar laatste versie ofzo
Maar hij doet bij een aantal mensen niet en bij een aantal mensen wel, terwijl ze dezelfde chrome versie hebben? Ander OS of device oid?
No citizen has a right to be an amateur in the matter of physical training...what a disgrace it is for a man to grow old without ever seeing the beauty and strength of which his body is capable.
pi_137221192
quote:
0s.gif Op donderdag 27 februari 2014 22:36 schreef esv7 het volgende:

[..]

Maar hij doet bij een aantal mensen niet en bij een aantal mensen wel, terwijl ze dezelfde chrome versie hebben? Ander OS of device oid?
Nee exact hetzelfde. PC met windows 7.. het is vaag :D
Bij mijn broer werkt hij niet, bij jantje ook niet.. beide usen chrome laatste versie zonder toolbars.

Bij weer iemand anders werkt het wel op chrome zonder toolbars met laatste versie, ook windows 7 en op mijn werk PC idem..
pi_137223573
Je moet de anchor display:block geven, dan gaan die transitions gewoon af. Of de transitions op het img doen ipv op de anchor.
Nee.
pi_137229171
Ik zit nu op mijn werk en het werkt perfect... erg raar nog steeds;
  vrijdag 28 februari 2014 @ 09:07:24 #148
25889 Sitethief
Fulltime Flapdrol
pi_137229370
quote:
10s.gif Op donderdag 27 februari 2014 11:36 schreef Tijn het volgende:

[..]

Serieus? Gebruikt iemand dat nog?
We zij het aan het uitfaseren, maar dat duurt wel ff denk ik :P.
Stroek: Sitethief, die is heel groot en sterk :Y.
Faat: *zucht* zoals gewoonlijk hoor Sitethief weer in de bocht &gt;:)
  zaterdag 1 maart 2014 @ 10:31:16 #149
230788 n8n
Pragmatisch
pi_137265278
Even terug op dat js en afmetingen, hang er dan gewoon een class aan die je in de css styled, beetje vies om dat in de js te zetten. Scrollen kan ook naar een id of data attribute, ben je meteen flexibeler qua ruimte die je content inneemt
“Specialization is for insects”.—Robert Heinlein
pi_137270574
Zijn er hier ook Ember.js of andere javascript MVC framework gebruikers? Mijn javascript kennis is nog redelijk beperkt maar heb wel ervaring in PHP. Ik wou mezelf Ember.js aanleren maar is dat een beetje te doen zonder hele uitgebreide JS kennis?
pi_137352462
Welk programma gebruiken jullie om websites mee te ontwikkelen?
Ik zit nu een tutorial te kijken van iemand die Coda gebruikt en hij gebruikt een soort van 'snelcode' om automatisch code mee te produceren.
Hij typt bijvoorbeeld div.container>div.row>div.span9+aside.span3 wat resulteert in:

1
2
3
4
5
6		<div class="container">
<div class="row">
<div class="span9"></div>
<aside class="span3"></aside>
</div>
</div>

Nu heb ik zitten kijken of Dreamweaver ook een dergelijke functie heeft, maar helaas.
Ook heb ik andere programma's gezien waar een vertikale stippelijn stond van bijv. een <div> naar een </div>. Momenteel zet ik overal comments neer om het overzicht te bewaren.
Splitscreen tussen twee verschillende bestanden werken zoals Photoshop en Illustrator heeft Dw ook niet.
Dw heeft wel weer handige functies zoals het inklappen van een tag, of met een paar klikken een grote tabel maken (oeeee!).
Maar goed, ik ben benieuwd naar wat voor programma's jullie gebruiken om sneller te kunnen werken of die een goed overzicht bieden over wat je hebt.
  maandag 3 maart 2014 @ 18:08:58 #152
56176 Catch22-
Ben je Blind?!
pi_137352746
Ik gebruik netbeans. Html genereren vind ik niet zo belangrijk.
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_137352759
quote:
5s.gif Op maandag 3 maart 2014 18:00 schreef karton2 het volgende:
Nu heb ik zitten kijken of Dreamweaver ook een dergelijke functie heeft, maar helaas.
Emmet plugin (voor o.a. Dreamweaver): http://emmet.io/
When the student is ready, the teacher will appear.
When the student is truly ready, the teacher will disappear.
  maandag 3 maart 2014 @ 19:51:47 #154
12221 Tijn
Powered by MS Paint
pi_137356687
quote:
0s.gif Op zaterdag 1 maart 2014 14:12 schreef TheSiege het volgende:
Zijn er hier ook Ember.js of andere javascript MVC framework gebruikers? Mijn javascript kennis is nog redelijk beperkt maar heb wel ervaring in PHP. Ik wou mezelf Ember.js aanleren maar is dat een beetje te doen zonder hele uitgebreide JS kennis?
Ik zou me absoluut verdiepen in JS voordat je ermee begint, bv met de video's van Douglas Crockford. Javascript werkt niet zoals je denkt dat het werkt.
Verberg de nieuwsticker
pi_137360220
quote:
1s.gif Op zaterdag 1 maart 2014 10:31 schreef n8n het volgende:
Even terug op dat js en afmetingen, hang er dan gewoon een class aan die je in de css styled, beetje vies om dat in de js te zetten. Scrollen kan ook naar een id of data attribute, ben je meteen flexibeler qua ruimte die je content inneemt
Ik had de afmetingen ook natuurlijk in CSS(SASS) class staan, maar omdat ik gebruik maakte van een fluid lay-out, waren deze dus aan de hand van percentages. Verder had ik de absolute afmetingen nodig om een mask op af te stellen die om de content div heen viel als het ware. Als je beter manieren weet hoor ik het trouwens graag, indien mogelijk zou ik het graag beter doen natuurlijk :Y .
No citizen has a right to be an amateur in the matter of physical training...what a disgrace it is for a man to grow old without ever seeing the beauty and strength of which his body is capable.
pi_137361619
quote:
5s.gif Op maandag 3 maart 2014 18:00 schreef karton2 het volgende:
Welk programma gebruiken jullie om websites mee te ontwikkelen?
Ik zit nu een tutorial te kijken van iemand die Coda gebruikt en hij gebruikt een soort van 'snelcode' om automatisch code mee te produceren.
Hij typt bijvoorbeeld div.container>div.row>div.span9+aside.span3 wat resulteert in:
[ code verwijderd ]

Nu heb ik zitten kijken of Dreamweaver ook een dergelijke functie heeft, maar helaas.
Ook heb ik andere programma's gezien waar een vertikale stippelijn stond van bijv. een <div> naar een </div>. Momenteel zet ik overal comments neer om het overzicht te bewaren.
Splitscreen tussen twee verschillende bestanden werken zoals Photoshop en Illustrator heeft Dw ook niet.
Dw heeft wel weer handige functies zoals het inklappen van een tag, of met een paar klikken een grote tabel maken (oeeee!).
Maar goed, ik ben benieuwd naar wat voor programma's jullie gebruiken om sneller te kunnen werken of die een goed overzicht bieden over wat je hebt.
Sublime Text vind ik wel handig.
Terrorism is the poor mans war, war is the rich mans terrorism.
pi_137361928
quote:
1s.gif Op maandag 3 maart 2014 21:34 schreef Baghdaddy het volgende:

[..]

Sublime Text vind ik wel handig.
Sublime text heeft ook de functie om elementen(en andere dingen in andere talen) in te klappen :) . Prettige editor naar mijn mening.
No citizen has a right to be an amateur in the matter of physical training...what a disgrace it is for a man to grow old without ever seeing the beauty and strength of which his body is capable.
pi_137362610
quote:
0s.gif Op maandag 3 maart 2014 18:08 schreef Catch22- het volgende:
Ik gebruik netbeans. Html genereren vind ik niet zo belangrijk.
Vim. :Y)

Sublime Text en Notepad++ zijn ook prima. Netbeans is ook een mooie IDE.
pi_137366785
Ik werk in Webstorm, maar maak eigenlijk geen gebruik van die dingen als HAML of zen coding. Komt voor mij persoonlijk de leesbaarheid van de code niet ten goede.
Nee.
  dinsdag 4 maart 2014 @ 15:18:24 #160
27454 InTrePidIvity
Looks like it's broken...
pi_137382134
Ik heb een Startpagina-achtige site met drie kolommen, waarop halverwege de pagina een banner zit. Nu wil ik de achtergrond van de onderste blokken laten doorlopen tot 10px boven de banner (rood). Op dit moment stopt het blok 10px onder de laatste link, maar de achtergrond moet dus verder doorlopen.

Daarnaast blijven de onderste blokken niet altijd de onderste blokken, het komt voor dat ze op een andere positie worden neergezet. Hoe krijg ik dit met CSS voor elkaar?



(zwart = header, grijs = lijst met links, rood = banner)
...it's rielie broken... It's rielie, rielie broken... Let's go wecycle!
[Tournament] Beste Remake
  dinsdag 4 maart 2014 @ 15:19:03 #161
56176 Catch22-
Ben je Blind?!
pi_137382158
Flexbox :)

Ik word soms zo gelukkig van de juiste tooling. Ben een prototype voor een CMS aan het maken met Emmet, Bootstrap & LESS. Wat heerlijk is dat allemaal zeg O+
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?
  dinsdag 4 maart 2014 @ 17:39:04 #162
137776 boem-dikkie
Jedi Mind Baby!
pi_137386557
Waarom less?
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
  dinsdag 4 maart 2014 @ 18:04:02 #163
56176 Catch22-
Ben je Blind?!
pi_137387233
quote:
7s.gif Op dinsdag 4 maart 2014 17:39 schreef boem-dikkie het volgende:
Waarom less?
Omdat ik dat ken. En ik heb inmiddels redelijk wat less applicaties gebouwd en heb weinig zin om over te stappen naar sass. Zie er ook weinig nut in voor mijn werkzaamheden.
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_137388366
quote:
11s.gif Op dinsdag 4 maart 2014 15:19 schreef Catch22- het volgende:
Flexbox :)

Ik word soms zo gelukkig van de juiste tooling. Ben een prototype voor een CMS aan het maken met Emmet, Bootstrap & LESS. Wat heerlijk is dat allemaal zeg O+
Emmet is toch wat eerst zencoding was or no? Ik gebruik emmet ook in komodo edit en je tikt mad snel je code :D
  dinsdag 4 maart 2014 @ 18:44:29 #165
56176 Catch22-
Ben je Blind?!
pi_137388410
quote:
0s.gif Op dinsdag 4 maart 2014 18:43 schreef Flammie het volgende:

[..]

Emmet is toch wat eerst zencoding was or no? Ik gebruik emmet ook in komodo edit en je tikt mad snel je code :D
Lijkt we wel op ja.
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_137388589
Javascript vind ik echt een vreselijke taal. ;(

Je hebt wel OOP, maar geen goede encapsulatie en dergelijke (kan wel met een design pattern, maar dat is onnodig veel werk). Daarnaast mis ik gewoon klassen. Natuurlijk kun je de functies als een soort klassen gebruiken, maar het werkt gewoon niet lekker.

In Javascript is mijn code heel dirty, terwijl ik in Java en C# heel mooi kan programmeren. Moet ik wennen? Ik heb al een heleboel implementaties van design patterns gelezen, maar ook de Command Pattern uitwerken. Wat een gedoe.

Er moet echt een nieuwe client side webtaal komen. Je hebt wel Typescript, maar dat compileert gewoon naar Javascript.
  dinsdag 4 maart 2014 @ 22:34:21 #167
118585 Crutch
Filantroop || Taalzwengel
pi_137398827
quote:
7s.gif Op dinsdag 4 maart 2014 17:39 schreef boem-dikkie het volgende:
Waarom less?
Mixins en nested selectors thats why! _O_
Je moeder is een hamster
  dinsdag 4 maart 2014 @ 22:47:09 #168
56176 Catch22-
Ben je Blind?!
pi_137399571
quote:
0s.gif Op dinsdag 4 maart 2014 22:34 schreef Crutch het volgende:

[..]

Mixins en nested selectors thats why! _O_
hij bedoelt tov sass denk ik.

Je kan JS heel slordig coden, maar als je even wat patterns checkt kan het wel overzichtelijk.
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?
  dinsdag 4 maart 2014 @ 23:16:39 #169
12221 Tijn
Powered by MS Paint
pi_137400859
quote:
1s.gif Op dinsdag 4 maart 2014 18:50 schreef robin007bond het volgende:
Javascript vind ik echt een vreselijke taal. ;(

Je hebt wel OOP, maar geen goede encapsulatie en dergelijke (kan wel met een design pattern, maar dat is onnodig veel werk). Daarnaast mis ik gewoon klassen. Natuurlijk kun je de functies als een soort klassen gebruiken, maar het werkt gewoon niet lekker.

In Javascript is mijn code heel dirty, terwijl ik in Java en C# heel mooi kan programmeren. Moet ik wennen? Ik heb al een heleboel implementaties van design patterns gelezen, maar ook de Command Pattern uitwerken. Wat een gedoe.

Er moet echt een nieuwe client side webtaal komen. Je hebt wel Typescript, maar dat compileert gewoon naar Javascript.
Je moet Javascript leren en het gebruiken zoals het bedoeld is. Je kunt niet verwachten dat je je Java/C#-structuren gewoon klakkeloos in Javascript neerkwakt, want dat werkt niet. Maar Javascriptcode kan wel degelijk ontzettend elegant zijn.
Verberg de nieuwsticker
pi_137404617
quote:
14s.gif Op dinsdag 4 maart 2014 23:16 schreef Tijn het volgende:

[..]

Je moet Javascript leren en het gebruiken zoals het bedoeld is. Je kunt niet verwachten dat je je Java/C#-structuren gewoon klakkeloos in Javascript neerkwakt, want dat werkt niet. Maar Javascriptcode kan wel degelijk ontzettend elegant zijn.
Hmm dat geloof ik wel, maar ik heb er wel moeite mee.
  woensdag 5 maart 2014 @ 09:48:47 #171
12221 Tijn
Powered by MS Paint
pi_137406465
quote:
9s.gif Op woensdag 5 maart 2014 07:19 schreef robin007bond het volgende:

[..]

Hmm dat geloof ik wel, maar ik heb er wel moeite mee.
De video's van Douglas Crockford al bekeken?
Verberg de nieuwsticker
  woensdag 5 maart 2014 @ 09:50:14 #172
166255 Maringo
Bèhèhèhèh
pi_137406501
quote:
11s.gif Op dinsdag 4 maart 2014 15:19 schreef Catch22- het volgende:
Flexbox :)

Ik word soms zo gelukkig van de juiste tooling. Ben een prototype voor een CMS aan het maken met Emmet, Bootstrap & LESS. Wat heerlijk is dat allemaal zeg O+
Als je met Bootstrap werkt, kan je imo beter met Sass werken. Vanwege de loop functies die Sass wel heeft en Less (nog?) niet. Die zijn best handig als je css wilt creëren voor het 12 kolommen systeem.
Die volg topic-knop hè...
Op 02-06-2014 16:38 schreef Moeraskat
Je bent te goed voor de mensheid.
  woensdag 5 maart 2014 @ 09:56:49 #173
56176 Catch22-
Ben je Blind?!
pi_137406628
quote:
2s.gif Op woensdag 5 maart 2014 09:50 schreef Maringo het volgende:

[..]

Als je met Bootstrap werkt, kan je imo beter met Sass werken. Vanwege de loop functies die Sass wel heeft en Less (nog?) niet. Die zijn best handig als je css wilt creëren voor het 12 kolommen systeem.
Wat voor loopfuncties bedoel je?
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 5 maart 2014 @ 10:14:06 #174
166255 Maringo
Bèhèhèhèh
pi_137407041
quote:
11s.gif Op woensdag 5 maart 2014 09:56 schreef Catch22- het volgende:

[..]

Wat voor loopfuncties bedoel je?
for, foreach en while:
http://thesassway.com/intermediate/if-for-each-while
Die volg topic-knop hè...
Op 02-06-2014 16:38 schreef Moeraskat
Je bent te goed voor de mensheid.
pi_137407209
quote:
2s.gif Op woensdag 5 maart 2014 10:14 schreef Maringo het volgende:

[..]

for, foreach en while:
http://thesassway.com/intermediate/if-for-each-while
Volgens mij ben je dan echt veel te veel functionaliteit in je stylesheet aan het stoppen. Kun je beter je CSS door smarty halen, kun je ze tenminste écht dynamisch opbouwen.
zcflevo.nl
  woensdag 5 maart 2014 @ 10:28:30 #176
166255 Maringo
Bèhèhèhèh
pi_137407380
quote:
14s.gif Op woensdag 5 maart 2014 10:21 schreef KomtTijd... het volgende:

[..]

Volgens mij ben je dan echt veel te veel functionaliteit in je stylesheet aan het stoppen. Kun je beter je CSS door smarty halen, kun je ze tenminste écht dynamisch opbouwen.
Het wordt tijd dat CSS iets van dynamiek krijgt. Dat is waar de community al jaren tegenaan loopt te schoppen. Nu zal je dat voor een simpele html pagina niet echt nodig hebben. Maar als je bijvoorbeeld Bootstrap Themes wilt maken is het erg handig. Voorbeeldje:

1
2
3
4
5		@for $i from 1 to 6 {
    .col-md-#{$i} {
        border: #{$i}px solid #aaa;
    }
}
Bovenstaande geneert onderstaande:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18		.col-md-1{
    border: 1px solid #aaa;
}
.col-md-2{
    border: 2px solid #aaa;
}
.col-md-3{
    border: 3px solid #aaa;
}
.col-md-4{
    border: 4px solid #aaa;
}
.col-md-5{
    border: 5px solid #aaa;
}
.col-md-6{
    border: 6px solid #aaa;
}

Wat maakt Smarty dan meer dynamisch dan Sass?
Die volg topic-knop hè...
Op 02-06-2014 16:38 schreef Moeraskat
Je bent te goed voor de mensheid.
pi_137407538
1
2
3
4
5		[[foreach $users as $user]]
.author-bio .photo-[[$user.name]] {
  background: url('[[$user.avatar]]') no-repeat;
}
[[/foreach]]

Daar heb je tenminste écht iets aan, ipv dat je alsnog handmatig een array met users in je CSS/Sass moet gaan zetten.

Oh en voor iedere mogelijke style een class maken en vervolgens elementen als <a class="block roundtop col-md-2 margin-3 txt-blue bg-red"> is wat mij betreft nog ranziger dan inline-styles gebruiken, dus wat je precies met die for-loops moet is me ook niet duidelijk.

[ Bericht 9% gewijzigd door KomtTijd... op 05-03-2014 10:42:20 ]
zcflevo.nl
  woensdag 5 maart 2014 @ 11:13:06 #178
166255 Maringo
Bèhèhèhèh
pi_137408412
quote:
14s.gif Op woensdag 5 maart 2014 10:36 schreef KomtTijd... het volgende:

[ code verwijderd ]

Daar heb je tenminste écht iets aan, ipv dat je alsnog handmatig een array met users in je CSS/Sass moet gaan zetten.

Oh en voor iedere mogelijke style een class maken en vervolgens elementen als <a class="block roundtop col-md-2 margin-3 txt-blue bg-red"> is wat mij betreft nog ranziger dan inline-styles gebruiken, dus wat je precies met die for-loops moet is me ook niet duidelijk.
Ooit met een Bootstrap theme gewerkt?
De col-md-* is alleen maar om aan te geven hoeveel kolommen breed het huidige element moet zijn. Daarmee komt dus ook de margin, padding en dergelijke mee. Er komt in een goede theme dus nergens een margin-3 of txt-blue aan te pas.
Die volg topic-knop hè...
Op 02-06-2014 16:38 schreef Moeraskat
Je bent te goed voor de mensheid.
  woensdag 5 maart 2014 @ 11:16:00 #179
56176 Catch22-
Ben je Blind?!
pi_137408498
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15		@mobile:      ~"only screen and (max-width: @{screen-xs-max})";
@tablet:      ~"only screen and (min-width: @{screen-sm-min}) and (max-width: @{screen-sm-max})";
@tablet-and-down: ~"only screen  and (max-width: @{screen-sm-max})";
@desktop-and-up : ~"only screen and (min-width: @{screen-md-min})";
@desktop:     ~"only screen and (min-width: @{screen-md-min}) and (max-width: @{screen-md-max})";
@desktop-xl:  ~"only screen and (min-width: @{screen-lg-min})";
 
table.table-overview {
    .table;
    .table-striped;  
    .table-bordered; 
    @media @tablet-and-down { 
        .table-condensed;
    }  
}  
Hier word ik dus blij van :) Kan volgens mij met LESS en SASS beiden wel.
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 5 maart 2014 @ 11:17:45 #180
166255 Maringo
Bèhèhèhèh
pi_137408560
quote:
11s.gif Op woensdag 5 maart 2014 11:16 schreef Catch22- het volgende:

[ code verwijderd ]

Hier word ik dus blij van :) Kan volgens mij met LESS en SASS beiden wel.
Enige plus die Sass heeft zijn de loopfuncties. Verder kan je met Sass ook nog zonder brackets werken zoals in Python. Maar verder is het praktisch hetzelfde als Less.

Zolang je maar geen Stylus gebruikt. Die kan je zo ranzig maken. :X
Die volg topic-knop hè...
Op 02-06-2014 16:38 schreef Moeraskat
Je bent te goed voor de mensheid.
pi_137408754
quote:
2s.gif Op woensdag 5 maart 2014 11:13 schreef Maringo het volgende:

[..]

Ooit met een Bootstrap theme gewerkt?
Jup. Vreselijk.
quote:
De col-md-* is alleen maar om aan te geven hoeveel kolommen breed het huidige element moet zijn. Daarmee komt dus ook de margin, padding en dergelijke mee. Er komt in een goede theme dus nergens een margin-3 of txt-blue aan te pas.
Kortom, het nut is dus beperkt :P Je zult nooit 100 kolombreedtes in één CSS hebben.

Ik vind het voorbeeld van Catch22- dan beter.
zcflevo.nl
  woensdag 5 maart 2014 @ 11:50:11 #182
137776 boem-dikkie
Jedi Mind Baby!
pi_137409513
quote:
0s.gif Op dinsdag 4 maart 2014 22:34 schreef Crutch het volgende:

[..]

Mixins en nested selectors thats why! _O_
Haha, ja ik bedoelde tegenover SASS.
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
pi_137409695
quote:
11s.gif Op woensdag 5 maart 2014 11:16 schreef Catch22- het volgende:

[ code verwijderd ]

Hier word ik dus blij van :) Kan volgens mij met LESS en SASS beiden wel.
Yep. Beiden kunnen dat.
  woensdag 5 maart 2014 @ 12:07:58 #184
166255 Maringo
Bèhèhèhèh
pi_137409918
quote:
14s.gif Op woensdag 5 maart 2014 11:24 schreef KomtTijd... het volgende:

[..]

Jup. Vreselijk.

Dan kan ik je helaas niet verder helpen. :+

Ik vind het geweldig om te gebruiken in webapps waar de functionaliteit belangrijker is dan het design. Met Bootstrap heb je makkelijk en snel een goede en overzichtelijke layout. Maar goed, verder gebruik ik het ook niet. Websites krijgen nog steeds een custommade layout met Less erin. :)
Die volg topic-knop hè...
Op 02-06-2014 16:38 schreef Moeraskat
Je bent te goed voor de mensheid.
pi_137423436
quote:
5s.gif Op woensdag 5 maart 2014 09:48 schreef Tijn het volgende:

[..]

De video's van Douglas Crockford al bekeken?
Thanks! Nee, niet gedaan. Bedankt. :)
  woensdag 5 maart 2014 @ 19:39:57 #186
12221 Tijn
Powered by MS Paint
pi_137423595
quote:
1s.gif Op woensdag 5 maart 2014 19:36 schreef robin007bond het volgende:

[..]

Thanks! Nee, niet gedaan. Bedankt. :)
Graag gedaan! Erg goed imho en nuttig voor iedereen die écht iets van JS wil leren.
Verberg de nieuwsticker
pi_137423858
quote:
14s.gif Op woensdag 5 maart 2014 19:39 schreef Tijn het volgende:

[..]

Graag gedaan! Erg goed imho en nuttig voor iedereen die écht iets van JS wil leren.
Ik heb ook al de implementaties van bepaalde design patterns doorgenomen.
http://addyosmani.com/resources/essentialjsdesignpatterns/book/

Maar misschien goed om eerst de essentials te kennen.
  woensdag 5 maart 2014 @ 19:50:07 #188
56176 Catch22-
Ben je Blind?!
pi_137424032
Ik vind bootstrap wel bazig hoor. Scheelt me veel tijd
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_137425171
quote:
0s.gif Op woensdag 5 maart 2014 19:50 schreef Catch22- het volgende:
Ik vind bootstrap wel bazig hoor. Scheelt me veel tijd
Ik vind het een beetje als seks met een dronken vrouw. Makkelijk en snel, maar achteraf voel je je alleen maar smerig.
zcflevo.nl
  woensdag 5 maart 2014 @ 20:30:36 #190
137776 boem-dikkie
Jedi Mind Baby!
pi_137425638
quote:
14s.gif Op woensdag 5 maart 2014 20:19 schreef KomtTijd... het volgende:

[..]

Ik vind het een beetje als seks met een dronken vrouw. Makkelijk en snel, maar achteraf voel je je alleen maar smerig.
Ik vind boilerplates en frameworks wel handig. Als ze een beetje fatsoenlijk in elkaar zitten zie je er niet meer vanaf dat je een boilerplate hebt gebruikt.
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
  woensdag 5 maart 2014 @ 20:42:28 #191
118585 Crutch
Filantroop || Taalzwengel
pi_137426233
quote:
14s.gif Op woensdag 5 maart 2014 11:50 schreef boem-dikkie het volgende:

[..]

Haha, ja ik bedoelde tegenover SASS.
Dan liever SASS
Je moeder is een hamster
  woensdag 5 maart 2014 @ 21:05:02 #192
56176 Catch22-
Ben je Blind?!
pi_137427441
quote:
14s.gif Op woensdag 5 maart 2014 20:19 schreef KomtTijd... het volgende:

[..]

Ik vind het een beetje als seks met een dronken vrouw. Makkelijk en snel, maar achteraf voel je je alleen maar smerig.
het bespaart mij domme tijd met simpele taken die ik kan besteden aan dingen die er toe doen.
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_137432223
quote:
14s.gif Op woensdag 5 maart 2014 20:19 schreef KomtTijd... het volgende:

[..]

Ik vind het een beetje als seks met een dronken vrouw. Makkelijk en snel, maar achteraf voel je je alleen maar smerig.
Dit. Ik gebruik Bootstrap wel maar niet met volle overtuiging.
pi_137432612
quote:
14s.gif Op woensdag 5 maart 2014 20:19 schreef KomtTijd... het volgende:

[..]

Ik vind het een beetje als seks met een dronken vrouw. Makkelijk en snel, maar achteraf voel je je alleen maar smerig.
_O-
pi_137434512
quote:
14s.gif Op woensdag 5 maart 2014 22:27 schreef picodealion het volgende:

[..]

Dit. Ik gebruik Bootstrap wel maar niet met volle overtuiging.
Dat zeg ik. Net als dronken vrouwen. :P.
zcflevo.nl
pi_137438043
Gisteren maar even Javascript: The Definitive Guide gedownload en globaal doorgenomen. Vooral hoofdstuk 7 over OOP/prototyping.
pi_137439423
O'Reilly Atlas: The new learning environment from O’Reilly
Volledig te lezen boeken, o.a.:

JavaScript Cookbook
• Create interactive web and desktop applications
• Work with JavaScript objects, such as String, Array, Number, and Math
• Use JavaScript with Scalable Vector Graphics (SVG) and the canvas element
• Store data in various ways, from the simple to the complex
• Program the new HTML5 audio and video elements
• Implement concurrent programming with Web Workers
• Use and create jQuery plug-ins
• Use ARIA and JavaScript to create fully accessible rich internet applications

Programming JavaScript Applications
• AMD
• Asynchronous Operations, Callbacks, Promises and Deferreds
• Code Quality
• Function Polymorphism
• Function Scope, Hoisting and Closures
• Functional Programming and Stateless Functions
• Immediately Invoked Function Expressions
• Interfaces
• JavaScript Style Guide
• Lambdas
• Method Chaining and Fluent APIs
• Method Context
• Named Parameters
• Node Modules
• Object Factories
• Partial Application and Currying
• Plug-ins
• Principles of Modularity
• Prototypal Inheritance, Prototype Cloning and the Flyweight Pattern
• The Module Pattern
• Unit Testing

HTML5 Canvas
The second edition of this popular book gets you started with HTML5 Canvas.
Learn how to draw, render text, manipulate images, and create animation—all in the course of building several interactive web games throughout the book.

This online version of HTML5 Canvas includes 53 interactive examples and exercises. In Chapter 10, you’ll create a canvas version of an arcade classic, Retro Blaster, shown below. Move your ship with the mouse or your finger, and shoot the aliens traveling across the screen.

Node: Up and Running

[ Bericht 0% gewijzigd door Aether op 06-03-2014 20:56:43 ]
When the student is ready, the teacher will appear.
When the student is truly ready, the teacher will disappear.
pi_137458323
Ik heb even niks te doen op mijn werk (tussen twee klussen in) dus ik ben me maar eens gaan verdiepen in wat van die hippe nieuwe tools waar ik nog niks van wist: grunt en bower, en dus uiteraard ook node.js (alleen voor npm eigenlijk).

Nu ik het een beetje begin te snappen zie ik het nut er wel van in, maar wat een gedoe zeg om dat allemaal draaiend te krijgen. Mensen hier die ervaring met die tools en met Yeoman (volgende in het lijstje) hebben? Nog tips/links qua tutorials, use cases etc?

Ik vrees dat ik om echt goed oeferning hierin te krijgen maar gewoon een paar van mijn oude projectjes om moet zetten om hier gebruik van te maken. Dan heb ik alle belangrijke dingen tenminste een aantal keer gedaan en blijft het misschien wat beter hangen.
pi_137458404
quote:
7s.gif Op donderdag 6 maart 2014 09:29 schreef Aether het volgende:
O'Reilly Atlas: The new learning environment from O’Reilly
Volledig te lezen boeken, o.a.:

[ afbeelding ]JavaScript Cookbook
• Create interactive web and desktop applications
• Work with JavaScript objects, such as String, Array, Number, and Math
• Use JavaScript with Scalable Vector Graphics (SVG) and the canvas element
• Store data in various ways, from the simple to the complex
• Program the new HTML5 audio and video elements
• Implement concurrent programming with Web Workers
• Use and create jQuery plug-ins
• Use ARIA and JavaScript to create fully accessible rich internet applications

[ afbeelding ]Programming JavaScript Applications
• AMD
• Asynchronous Operations, Callbacks, Promises and Deferreds
• Code Quality
• Function Polymorphism
• Function Scope, Hoisting and Closures
• Functional Programming and Stateless Functions
• Immediately Invoked Function Expressions
• Interfaces
• JavaScript Style Guide
• Lambdas
• Method Chaining and Fluent APIs
• Method Context
• Named Parameters
• Node Modules
• Object Factories
• Partial Application and Currying
• Plug-ins
• Principles of Modularity
• Prototypal Inheritance, Prototype Cloning and the Flyweight Pattern
• The Module Pattern
• Unit Testing

[ afbeelding ]HTML5 Canvas
The second edition of this popular book gets you started with HTML5 Canvas.
Learn how to draw, render text, manipulate images, and create animation—all in the course of building several interactive web games throughout the book.

This online version of HTML5 Canvas includes 53 interactive examples and exercises. In Chapter 10, you’ll create a canvas version of an arcade classic, Retro Blaster, shown below. Move your ship with the mouse or your finger, and shoot the aliens traveling across the screen.

[ afbeelding ]Node: Up and Running
Oeh, ook interessant dit. Ik heb nog een boel te leren. Je moet wel je floats even clearen :P.
  donderdag 6 maart 2014 @ 20:21:55 #200
12221 Tijn
Powered by MS Paint
pi_137459058
quote:
14s.gif Op donderdag 6 maart 2014 20:03 schreef picodealion het volgende:
maar wat een gedoe zeg om dat allemaal draaiend te krijgen
Niet meer dan een simpel commando op de command-line toch?

1[packet manager] install node

Veel meer stelt het op de meeste besturingssystemen niet voor.
Verberg de nieuwsticker
actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
[HTML, CSS, JS] Frontend #38: Wrapper
Index

» digital corner

» development

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