ca_marketing
In order to enable lazy loading for an image, use the following syntax:
<img class="lazyload" src="{staticRoot}images/tiny-transparent.gif" data-src="path/to/image">
lazysizes.js will swap out the transparent gif for the real image as the user scrolls down the page.
=======
Pre Setup
- Homebrew - Check to see if it's installed by running
brew -h
in your terminal - NVM - Install by running
brew install nvm
in your terminal. - Run
touch ~/.bash_profile
, thenopen ~/.bash_profile
. This will create and open a file that allows your terminal to be set up. If you know you are running a different terminal, open that terminal's profile file (for instance, ZSH's file is~/.zshrc
). - Add the following to your
~/.bash_profile
file:export NVM_DIR=~/.nvm
source $(brew --prefix nvm)/nvm.sh
, each on separate lines. Save the file, close your terminal, and restart it. - Node.js - Install by running
nvm install v0.12
in your terminal. - Add
nvm use v0.12
on a new line to the same file you edited in Step 3. Save, close, and re-open your terminal - Follow the instructions here to login to our private npm registry. You only need to complete the Login with SAML step, but Set up your ~/.profile is required for it to work as written. Where the instructions talk about
~/.profile
, you can use~/.bash_profile
as in steps 3 & 4.
Installation
npm install
Running
Running your project for development is a single command:
gulp
Testing minified CSS & JS in CI builds
Run gulp ci-build
and then kill it when it starts the docker task
OR you just export CI=true
and then gulp build