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

Index

» digital corner

» development

actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
  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.
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')