Gulp Workflow: Polymer Specific Tasks
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...
Home
Gulp Workflow: Performance
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...
Gulp Workflow: CSS Processing (SASS Post Processing)
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...
Gulp Workflow: SASS Compilation and Linting
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...
Gulp Workflow: Transpilations and JavaScript processing
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:...
Gulp Workflow: Basic Setup
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 │...
Gulp Workflow: Introduction
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...
Web Animations: More Advanced Examples
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...
Web Animations: Web Animation API examples
Let’s get started with a single animation. It is similar to the example form our introductory section but it does move the object (in this case a div) in a straight line in increments of 100 pixels...
Web animations: Learning to love the API
Thanks to Rachel Nabors who first clued me in to the API and to Dan Wilson who provided the final kick in the butt with his articles on WAAPI to finally get me studying and learning. If you work...