Web Frontend development: tools and good practices to (re)organize the chaosMatteo Papadopoulos
After my first attempt to "organize the chaos" (2012) in the structure of a front-end project, Stefano Verna (@steffoz) and I, have tried to bring together a number of tools and conventions to deal with front-end development in a way that could be understandable and maintainable, over the time, by a whole team.
This presentation has been performed, for the first time, during the Ruby-Day-2014 in Venice, Italy.
Here the video of the speech (italian): https://www.youtube.com/watch?v=fUJOJY_yVXg&index=6&list=PL5ImBN21eKvbQ6kH6WCAqj1QqgusGsiO0
Web Frontend development: tools and good practices to (re)organize the chaosMatteo Papadopoulos
After my first attempt to "organize the chaos" (2012) in the structure of a front-end project, Stefano Verna (@steffoz) and I, have tried to bring together a number of tools and conventions to deal with front-end development in a way that could be understandable and maintainable, over the time, by a whole team.
This presentation has been performed, for the first time, during the Ruby-Day-2014 in Venice, Italy.
Here the video of the speech (italian): https://www.youtube.com/watch?v=fUJOJY_yVXg&index=6&list=PL5ImBN21eKvbQ6kH6WCAqj1QqgusGsiO0
This presentation is targeted to everyone interested in an easier way of creating and updating CSS for your websites. It shows the great benefits of using SASS/SCSS for design implementation.
With the usage of SASS you gain the possibility to write CSS while using variables, nesting of styles and other flexible techniques like the powerful mixins, selector inheritance, basic operations (e.g. numbers, colors) or interpolation.
The written code will be compiled into standard CSS and for meeting the different needs the output format can be configured e.g. compressed which will create a minified CSS file.
For using SASS in your TYPO3 project right now the extension sassify is ready for editing and compiling SASS directly inside your TYPO3 installation.
This presentation is targeted to everyone interested in an easier way of creating and updating CSS for your websites. It shows the great benefits of using SASS/SCSS for design implementation.
With the usage of SASS you gain the possibility to write CSS while using variables, nesting of styles and other flexible techniques like the powerful mixins, selector inheritance, basic operations (e.g. numbers, colors) or interpolation.
The written code will be compiled into standard CSS and for meeting the different needs the output format can be configured e.g. compressed which will create a minified CSS file.
For using SASS in your TYPO3 project right now the extension sassify is ready for editing and compiling SASS directly inside your TYPO3 installation.
2. Andreas Dantz
Designer & Frontend-Entwickler
bei Vortrieb in Bremen.
@dantz
moin@dantz.me
vortrieb.net
Montag, 27. Februar 12
3. „CSS zu kompilieren ist eine
bescheuerte Idee. Das ist völlig
unnötig, produziert keinen guten
Code und wer es nutzt, schlägt auch
Omas auf der Straße.“
Andreas Dantz
Montag, 27. Februar 12
36. Das wird geboten
★ Alles, was SASS bietet
★ Noch mehr Funktionen
★ Mixin Bibliothek
★ Zugri! auf Projekt-Umgebung
★ Projekt-Kon"guration
★ Erweiterungen
Montag, 27. Februar 12
42. Workflow
Wie gehen wir damit um?
Montag, 27. Februar 12
43. Wege nach Rom
★ Lokal kompilieren
SASS/SCSS-Datei & CSS im Repository
★ Auf dem Server kompilieren
★ Vom CMS kompilieren lassen
SASS/SCSS-Modul & Compass-Modul für Drupal
★ Beim Deployment kompilieren
Montag, 27. Februar 12
45. Drupal-Module
★ Zusätzliche Fehlerquelle
★ Compass-Modul benötigt installiertes
Compass auf dem Server
★ SASS/SCSS-Modul kann kein Compass
Wer nur SASS benutzt, sollte es mal ausprobieren
Montag, 27. Februar 12
46. Meine Lieblingslösung
★ Lokal Entwickeln und Compilieren
Mit CodeKit oder Terminal (bei Netzwerk- oder Server-Setups)
★ Nur die unkompilierten Dateien im
Repository
★ Beim Deployment wird von Capistrano
die CSS-Datei auf dem Server kompiliert
Montag, 27. Februar 12
47. Fragen?
@dantz, moin@dantz.me, vortrieb.net
Montag, 27. Februar 12