1 2 3 4 5 6 | <div class="container"> <div class="row"> <div class="span9"></div> <aside class="span3"></aside> </div> </div> |
Emmet plugin (voor o.a. Dreamweaver): http://emmet.io/quote: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.
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.quote: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 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 natuurlijkquote: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
Sublime Text vind ik wel handig.quote: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 heeft ook de functie om elementen(en andere dingen in andere talen) in te klappenquote:
Vim.quote:Op maandag 3 maart 2014 18:08 schreef Catch22- het volgende:
Ik gebruik netbeans. Html genereren vind ik niet zo belangrijk.
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.quote:
Emmet is toch wat eerst zencoding was or no? Ik gebruik emmet ook in komodo edit en je tikt mad snel je codequote: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
Lijkt we wel op ja.quote: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
hij bedoelt tov sass denk ik.quote:
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.quote: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.
Hmm dat geloof ik wel, maar ik heb er wel moeite mee.quote: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.
De video's van Douglas Crockford al bekeken?quote:Op woensdag 5 maart 2014 07:19 schreef robin007bond het volgende:
[..]
Hmm dat geloof ik wel, maar ik heb er wel moeite mee.
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.quote: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
Wat voor loopfuncties bedoel je?quote: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.
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.quote:Op woensdag 5 maart 2014 10:14 schreef Maringo het volgende:
[..]
for, foreach en while:
http://thesassway.com/intermediate/if-for-each-while
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:quote: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.
1 2 3 4 5 | @for $i from 1 to 6 { .col-md-#{$i} { border: #{$i}px solid #aaa; } } |
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; } |
1 2 3 4 5 | [[foreach $users as $user]] .author-bio .photo-[[$user.name]] { background: url('[[$user.avatar]]') no-repeat; } [[/foreach]] |
Ooit met een Bootstrap theme gewerkt?quote: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.
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; } } |
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.quote:Op woensdag 5 maart 2014 11:16 schreef Catch22- het volgende:
[ code verwijderd ]
Hier word ik dus blij vanKan volgens mij met LESS en SASS beiden wel.
Jup. Vreselijk.quote:Op woensdag 5 maart 2014 11:13 schreef Maringo het volgende:
[..]
Ooit met een Bootstrap theme gewerkt?
Kortom, het nut is dus beperktquote: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.
Haha, ja ik bedoelde tegenover SASS.quote:
Yep. Beiden kunnen dat.quote:Op woensdag 5 maart 2014 11:16 schreef Catch22- het volgende:
[ code verwijderd ]
Hier word ik dus blij vanKan volgens mij met LESS en SASS beiden wel.
Dan kan ik je helaas niet verder helpen.quote:
Thanks! Nee, niet gedaan. Bedankt.quote:Op woensdag 5 maart 2014 09:48 schreef Tijn het volgende:
[..]
De video's van Douglas Crockford al bekeken?
Graag gedaan! Erg goed imho en nuttig voor iedereen die écht iets van JS wil leren.quote:Op woensdag 5 maart 2014 19:36 schreef robin007bond het volgende:
[..]
Thanks! Nee, niet gedaan. Bedankt.
Ik heb ook al de implementaties van bepaalde design patterns doorgenomen.quote: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 vind het een beetje als seks met een dronken vrouw. Makkelijk en snel, maar achteraf voel je je alleen maar smerig.quote:Op woensdag 5 maart 2014 19:50 schreef Catch22- het volgende:
Ik vind bootstrap wel bazig hoor. Scheelt me veel tijd
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.quote: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.
Dan liever SASSquote:Op woensdag 5 maart 2014 11:50 schreef boem-dikkie het volgende:
[..]
Haha, ja ik bedoelde tegenover SASS.
het bespaart mij domme tijd met simpele taken die ik kan besteden aan dingen die er toe doen.quote: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.quote: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.
quote: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.
Dat zeg ik. Net als dronken vrouwen.quote:Op woensdag 5 maart 2014 22:27 schreef picodealion het volgende:
[..]
Dit. Ik gebruik Bootstrap wel maar niet met volle overtuiging.
Oeh, ook interessant dit. Ik heb nog een boel te leren. Je moet wel je floats even clearenquote: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
Niet meer dan een simpel commando op de command-line toch?quote:Op donderdag 6 maart 2014 20:03 schreef picodealion het volgende:
maar wat een gedoe zeg om dat allemaal draaiend te krijgen
1 | [packet manager] install node |
Forum Opties | |
---|---|
Forumhop: | |
Hop naar: |