Public portfolio for Dan Paquette.
-
Install Node.js: Follow the instructions here to install Node.js on your particular operating system.
-
Install Ruby: Follow the instructions here to install Ruby on your particular operating system.
-
Install Grunt: Run
npm install -g grunt-cli, or follow the instructions here to install the Grunt CLI -
Install Bower: Run
npm install -g bower, or follow the instructions here to install Bower. -
Install Sass: Run
gem install sass, or follow the instructions here to install Sass. -
Install SCSS Lint: Run
gem install scss_lint, or follow the instructions here to install SCSS Lint. -
Install Jekyll: Run
gem install jekyll, or follow the instructions here to install Jekyll
Warning for Windows Users: You may have to restart after each installation step so that the PATH variable is properly updated.
Running grunt local-test will output a completed, Jekyll-compiled website in the /.test directory.
Running start-connect will open a Connect server on at http://localhost:8080/ with the /.test directory allowing you to test locally.
Running build-css or build-js will build the CSS and Javascript respectively.
Run grunt to run the default Grunt task and build the production /dist directory. Production, in this case, is a Jekyll-ready configuration for deployment on Github pages. Github will then manage the final conversion into a fully navigable website.
- Self closing tags must use a trailing forward slash (e.g.
<img src="#" />. - Tags that do not require a closing tag (e.g.
<li>) should always be closed with their corresponding closing tag (e.g.<li></li>) - Use https for all hosted third party inclusions. We don't use protocol-relative URLs for practical and security reasons. See Paul Irish's Update
- Use WAI-ARIA where necessary.
- When feasible, default color palettes should comply with WCAG color contrast guidelines.
- Always include alternative styles for
:focusstyles (via e.g.outline: none;) See this A11Y Project post for more details.