#PasoDoble | responsive Joomla! 3.4x template
- less
- adhocgrafx template styleguide
- skeleton made with
- lightweight off-canvas system for
- nav
- aside (left / right) and
- app-bar
- flexbox layout
- responsive touchable slides: flickity
- modal media boxes: formstone lightbox
- responsive images: mobify
- code display: prism
- analytics / options
- font resizer
###PasoDoble in action pasodoble
####Installation:
-
Node installieren
-
Terminal / Ide mit Terminal - als Administrator ausführen - wichtig!
-
Gulp global installieren:
npm install -g gulp
-
Node dependencies installieren (package.json):
npm install
####Alternativ package.json selber aufbauen: npm init npm install gulp --save-dev npm install gulp-autoprefixer gulp-concat gulp-convert-encoding gulp-less gulp-livereload gulp-minify-css gulp-notify gulp-sourcemaps gulp-uglify --save-dev
####Workflow, Gulp Befehle: gulp all: script, style, print, watch gulp (default): script, style, print gulp script: app.js gulp style: style.css gulp print: print css gulp watch
###Work in progress!
- der heilige Gral - die Suche geht weiter - gulpfile für js und less:
- Gulp für js und less eingerichtet, style.css und app.js in dist folder
- css sourcemap via gulp in map folder
- unset über options steuerbar; dann wird template.js.php anstelle app.js geladen