rmstaanait / mcous.github.io

Mike Cousins' home on the internet

mike.cousins.io

Mike Cousins' home on the internet

http://mike.cousins.io

Minimal placeholder page while I work on my full portfolio site. My circa-2014 page just wasn't cutting it anymore...

deploy

Cut a new version and push to GitHub to tell the CI server to build and deploy HTML and CSS to GitHub pages:

1. $ npm version <level> -m <reason>
2. $ git push --follow-tags

develop

• $ npm install - Install dev dependencies
• $ npm start - Start a live-reloading dev server at http://localhost:8080/
• $ npm run build - Build HTML and CSS to public

dependencies

• normalize.css: A modern alternative to CSS resets
• octicons: A scalable set of icons handcrafted with <3 by GitHub.
• tachyons-border-radius: Border radius CSS module for Tachyons
• tachyons-border-widths: Border width CSS module for Tachyons
• tachyons-borders: Performance-first css module for styling borders.
• tachyons-box-sizing: Css module for a smarter default box-model.
• tachyons-display: Performance based css module.
• tachyons-font-weight: Performance based css module.
• tachyons-heights: Performance based css module.
• tachyons-hovers: Performance based css module.
• tachyons-images: Performance based css module.
• tachyons-line-height: Performance based css module.
• tachyons-skins: Performance based css module.
• tachyons-spacing: Performance based css module.
• tachyons-text-align: Performance based css module.
• tachyons-type-scale: Performance based css module.
• tachyons-utilities: Performance based css module.
• tachyons-widths: Performance based css module.

dev dependencies

• autoprefixer: Parse CSS and add vendor prefixes to CSS rules using values from the Can I Use website
• body-parser: Node.js body parsing middleware
• css-mqpacker: Pack same CSS media query rules into one media query rule.
• cssnano: A modular minifier, built on top of the PostCSS ecosystem.
• express: Fast, unopinionated, minimalist web framework
• gh-pages: Publish to a gh-pages branch on GitHub (or any other branch on any other remote)
• github-url-from-git: Parse a github git url and return the github repo url
• glob: a little globber
• inject-lr-script: inject live reload into HTML content
• nodemon: Simple monitor script for use during development of a node.js app.
• postcss: Tool for transforming styles with JS plugins
• postcss-conditionals: PostCSS plugin that enables @if statements in your CSS
• postcss-css-variables: PostCSS plugin to transform CSS Custom Properties(CSS variables) syntax into a static representation
• postcss-custom-media: PostCSS plugin to transform W3C CSS Custom Media Queries to more compatible CSS
• postcss-discard-comments: Discard comments in your CSS files with PostCSS.
• postcss-import: PostCSS plugin to import CSS files
• pug: A clean, whitespace-sensitive template language for writing HTML
• purify-css: Removed unused css. Compatible with single-page apps.
• run-parallel: Run an array of functions in parallel
• run-waterfall: Run an array of functions in series, each passing its results to the next function (waterfall)
• standard: JavaScript Standard Style
• tiny-lr: Tiny LiveReload server, background-friendly
• xtend: extend like a boss