1 2 3 4 5 6 7 8 | var str = '' + '<!doctype html>' + '<html>' + ' <body>' + ' <h1>❤ unicorns</h1>' + ' </body>' + '</html>' + ''; |
1 2 3 4 5 6 7 8 | var str = multiline(function(){/* <!doctype html> <html> <body> <h1>❤ unicorns</h1> </body> </html> */}); |
Handig als je een js compressor gebruikt die comments weg gooitquote:Op vrijdag 14 maart 2014 18:56 schreef Aether het volgende:
Kwam deze op GitHub tegen: https://github.com/sindresorhus/multiline
Geeft de mogelijkheid om multiline strings te gebruiken in JavaScript.
Iets als:
[ code verwijderd ]
Kan worden geschreven als:
[ code verwijderd ]
Hebben ze gelukkig aan gedacht; van de link:quote:Op vrijdag 14 maart 2014 18:57 schreef mstx het volgende:
[..]
Handig als je een js compressor gebruikt die comments weg gooit
quote:Minification
Even though minifiers strip comments by default there are ways to preserve them:
• Uglify: Use /*@preserve instead of /* and enable the comments option
• Closure Compiler: Use /*@preserve instead of /*
• YUI Compressor: Use /*! instead of /*
You also need to add 0 after the comment so it's not removed as dead-code.
Thanks! Google geeft alleen maar shitresultaten terug.quote:Op zaterdag 15 maart 2014 12:34 schreef Catch22- het volgende:
http://alistapart.com/article/getting-started-with-sass
http://thesassway.com/beg(...)ith-sass-and-compass
http://sass-lang.com/guide
Ik gebruikte zelf koala-app voor less onder windows voor compilatie, die doet ook wel sass. Veel editors kunnen het ook. Netbeans sowieso
http://www.abookapart.com/products/sass-for-web-designersquote:Op zaterdag 15 maart 2014 12:27 schreef donroyco het volgende:
Ik ben op zoek naar een goede introductie voor Sass / Compass die het naar behoren uitlegt, ik zie te veel crap voorbij komen.
dit komt van google. De eerste drie resultaten als je zoekt op sass getting startedquote:Op zaterdag 15 maart 2014 12:35 schreef donroyco het volgende:
[..]
Thanks! Google geeft alleen maar shitresultaten terug.
Niet nodig, dank je wel.quote:Op zaterdag 15 maart 2014 13:34 schreef picodealion het volgende:
[..]
http://www.abookapart.com/products/sass-for-web-designers
Kan het ebook wel even delen als je wil?
Ah, ik zat de hele tijd met 'introduction' etc. te klooienquote:Op zaterdag 15 maart 2014 14:02 schreef Catch22- het volgende:
[..]
dit komt van google. De eerste drie resultaten als je zoekt op sass getting started
Lees eens 1 regel verderquote:Op maandag 17 maart 2014 10:06 schreef PimD het volgende:
Als op regel 1 staat dat je jQuery van een CDN moet inladen, dan haak ik al gauw af hoor. Pas werden er in Engeland 1000'en sites om zeep geholpen doordat er één porno-site geblokkeerd werd door de provider. Daardoor werden alle requests naar de CDN van jQuery geblokkeerd:
http://www.thinkbroadband(...)-jquery-website.html
En voor die 0,01% kans dat dat gebeurt bouw je dus een fallback in, zoals op regel 2 staat.quote:Op maandag 17 maart 2014 10:06 schreef PimD het volgende:
Als op regel 1 staat dat je jQuery van een CDN moet inladen, dan haak ik al gauw af hoor. Pas werden er in Engeland 1000'en sites om zeep geholpen doordat er één porno-site geblokkeerd werd door de provider. Daardoor werden alle requests naar de CDN van jQuery geblokkeerd:
http://www.thinkbroadband(...)-jquery-website.html
Zelf heb ik Sass and Compass for designer gelezen wat mij erg goed beviel, verder ook Pragmatic Guide to Sass geprobeert, die vond ik een stuk minder en dus ook niet uitgelezen. Het is een niet zo dik boek wat je goed op weg helpt met de basis, en hij leest lekker door.quote:Op zaterdag 15 maart 2014 12:27 schreef donroyco het volgende:
Ik ben op zoek naar een goede introductie voor Sass / Compass die het naar behoren uitlegt, ik zie te veel crap voorbij komen.
Een aantal zaken die worden aangestipt zijn inderdaad een goed idee, maar niet alles snijdt hout imho.quote:Op maandag 17 maart 2014 09:42 schreef Catch22- het volgende:
Interessante link: jQuery standards: http://lab.abhinayrathore.com/jquery-standards/
Waarom zou je niet een kortere syntax gebruiken die bovendien de leesbaarheid verhoogt?quote:Avoid using .getJson() or .get(), simply use the $.ajax() as that's what gets called internally.
Omdat dat weer 1 functioncall scheelt.quote:Op maandag 17 maart 2014 17:09 schreef Tijn het volgende:
[..]
Een aantal zaken die worden aangestipt zijn inderdaad een goed idee, maar niet alles snijdt hout imho.
Waar slaat deze bijvoorbeeld op?
[..]
Waarom zou je niet een kortere syntax gebruiken die bovendien de leesbaarheid verhoogt?
So what?quote:Op maandag 17 maart 2014 17:12 schreef Maringo het volgende:
[..]
Omdat dat weer 1 functioncall scheelt.
Thanksquote:Op maandag 17 maart 2014 11:10 schreef esv7 het volgende:
[..]
Zelf heb ik Sass and Compass for designer gelezen wat mij erg goed beviel, verder ook Pragmatic Guide to Sass geprobeert, die vond ik een stuk minder en dus ook niet uitgelezen. Het is een niet zo dik boek wat je goed op weg helpt met de basis, en hij leest lekker door.
Oo ik zie dat iemand mij al voor was .
Dat klopt. Maar de meeste van wat er staat snijdt wel hout, helemaal voor beginners.quote:Op maandag 17 maart 2014 17:09 schreef Tijn het volgende:
[..]
Een aantal zaken die worden aangestipt zijn inderdaad een goed idee, maar niet alles snijdt hout imho.
Waar slaat deze bijvoorbeeld op?
[..]
Waarom zou je niet een kortere syntax gebruiken die bovendien de leesbaarheid verhoogt?
Cool. Zet het boven je main CSS en het scheelt je ook een FOUT.quote:Op maandag 17 maart 2014 20:53 schreef n8n het volgende:
Vanaf nu voor iedereen. Converteer je fonts naar woff, encode ze naar base64. Zet alle data in 1 css met @font-face. Profit.
Dit werkt in >IE8, iOS vanaf 5 en verder in vrijwel elke grote browser. Als voordeel worden alle fonts in één http-request geladen!
De overhead van bas64 wordt zo goed als teniet gedaan door server-side compressie (scheelt ~1–2% maar dat is de declaratie-css). Met weinig fonts zou je zelfs de data in de main stylesheet kunnen gooien. Ben nu met iets bezig, 4 fonts, 1 css van 125kb (~100 compressed) met alles er in. Scheelt mobiel (zelfs op de desktop) makkelijk een halve seconde initiatie van de connectie.
FOUT of FOUC? Sowieso altijd eerst de fonts, dat betekend dat je het ook simpelweg als eerst in de main css kan zettenquote:Op maandag 17 maart 2014 21:54 schreef KomtTijd... het volgende:
[..]
Cool. Zet het boven je main CSS en het scheelt je ook een FOUT.
Oud nieuws.quote:Op dinsdag 18 maart 2014 10:23 schreef Aether het volgende:
PayPal plukt vruchten van inruilen Java voor node.js.
Is dat niet wat Google Fonts min of meer ook doet?quote:Op maandag 17 maart 2014 20:53 schreef n8n het volgende:
Vanaf nu voor iedereen. Converteer je fonts naar woff, encode ze naar base64. Zet alle data in 1 css met @font-face. Profit.
Dit werkt in >IE8, iOS vanaf 5 en verder in vrijwel elke grote browser. Als voordeel worden alle fonts in één http-request geladen!
De overhead van bas64 wordt zo goed als teniet gedaan door server-side compressie (scheelt ~1–2% maar dat is de declaratie-css). Met weinig fonts zou je zelfs de data in de main stylesheet kunnen gooien. Ben nu met iets bezig, 4 fonts, 1 css van 125kb (~100 compressed) met alles er in. Scheelt mobiel (zelfs op de desktop) makkelijk een halve seconde initiatie van de connectie.
Die gebruikt externe .woff's, zie http://fonts.googleapis.c(...)no:400,700,400italicquote:Op dinsdag 18 maart 2014 11:50 schreef Scorpie het volgende:
[..]
Is dat niet wat Google Fonts min of meer ook doet?
http://css-tricks.com/snippets/jquery/smooth-scrolling/quote:Op dinsdag 18 maart 2014 21:20 schreef Crientj het volgende:
Kan ik hier ook iets vragen over jquery?
Ik heb een a href anchor, maar ipv dat ie verspringt naar de content wil ik met jquery dat ie in een vloeiende beweging naar de anchor gaat. Ik heb zelf niet voldoende kennis om dat voor elkaar te krijgen en pogingen van een vriend helpen helaas ook niet. Iemand enig idee waar ik op moet zoeken en of dit uberhaupt mogelijk is (vast wel, heb t eerder gezien, maar nu nog het voor elkaar zien te krijgen. -_-.
Zelf heb ik recent iets soortgelijks gemaakt:quote:Op dinsdag 18 maart 2014 21:20 schreef Crientj het volgende:
Kan ik hier ook iets vragen over jquery?
Ik heb een a href anchor, maar ipv dat ie verspringt naar de content wil ik met jquery dat ie in een vloeiende beweging naar de anchor gaat. Ik heb zelf niet voldoende kennis om dat voor elkaar te krijgen en pogingen van een vriend helpen helaas ook niet. Iemand enig idee waar ik op moet zoeken en of dit uberhaupt mogelijk is (vast wel, heb t eerder gezien, maar nu nog het voor elkaar zien te krijgen. -_-.
1 2 3 | $('html, body').animate({ scrollTop: that.page_holder[id].y }, 1000); |
+ de call naar de css file. Met 3 fonts dus 4 requests ipv 1. Je request time is dan langer dan de download tijd, zeker mobiel tikt dat aanquote:Op dinsdag 18 maart 2014 11:56 schreef mstx het volgende:
[..]
Die gebruikt externe .woff's, zie http://fonts.googleapis.c(...)no:400,700,400italic
Een dropdown is gemaakt voor maar één inputselectie.quote:Op woensdag 19 maart 2014 15:28 schreef RustCohle het volgende:
Ik heb een vraagje;
Hoe kan ik een inputveld maken met een ''dropdown'' waarbij je meerdere criteria kan kiezen?
Ow... Hoe zou ik dit kunnen oplossen?quote:Op woensdag 19 maart 2014 15:30 schreef donroyco het volgende:
[..]
Een dropdown is gemaakt voor maar één inputselectie.
Kan dat ook met html en css of komt hier echt JS en Jquery bij kijken? Want dat begrijp ik namelijk niet..quote:
Het is gewoon HTML:quote:Op woensdag 19 maart 2014 15:33 schreef RustCohle het volgende:
[..]
Kan dat ook met html en css of komt hier echt JS en Jquery bij kijken? Want dat begrijp ik namelijk niet..
1 2 3 4 5 6 | <select name="auto" multiple> <option value="volvo">Volvo</option> <option value="saab">Saab</option> <option value="opel">Opel</option> <option value="audi">Audi</option> </select> |
Veelal weten users niet dat ze CRTL moeten gebruiken.quote:Op woensdag 19 maart 2014 15:36 schreef Tijn het volgende:
[..]
Het is gewoon HTML:
[ code verwijderd ]
Dan gebruik je checkboxes, dat snapt iedereen.quote:Op woensdag 19 maart 2014 15:43 schreef RustCohle het volgende:
[..]
Veelal weten users niet dat ze CRTL moeten gebruiken.
Forum Opties | |
---|---|
Forumhop: | |
Hop naar: |