Serving content under development and watching for file changes # It’s nice to publish to gh-pages when we want but to do so after every change we make to our code (CSS, JS or HTML) gets old really...
Now for what, to me, is the most tedious part of the workflow… copying things around and doing housekeeping on the files I’m working with. This is easier now since I don’t have to create directories...
Vulcanize and Crisper are Polymer specific tasks that deal with the way web component works (and make puns on the name Polymer too :) ) Vulcanize will combine all elements in elements.html and produce...
Performance is one of those areas where perception is just as important as reality, particularly in mobile environments where the browser is only part of the equation, you have to take into account...
Now that we’ve generated the CSS files form our SASS content there are a few things left to do. Autoprefixer takes care of one of the most tedious tasks in writing CSS: adding vendor prefixes. Daniel...
Ever since I saw it for the first time I’ve been in love with SASS. It’s a clever, elegant and powerful superset of CSS and CSS 3 that provides powerful programming features to create your styles. The...
Transpilation allow us to use features of an input language into another. Recently Javascript has become a favorite target for Transpilers. The languages I’ve chosen to add are: ES6 through Babel:...
In the next sections we’ll go through a gulpfile I use to work with my athena-shell project. The directory structure for the project is like this: . ├── app │ ├── bower_components | ├── coffee │...
I haven't always advocated the need to have a build system but I've always used one: Make, Ant, RAKE, shell scripts and other tools sought to make compiling code and building projects easier and less...
In the last example we saw how we could make two separate animation players. In this example we’ll see how we can do multiple animations in the same object the pen below, based on code from Dan Wilson...