Give developers more knowledge about how the classes behave in a non-relative sense: BEM + ITCSS = BEMIT
BEM:
| <script type="text/javascript"> | |
| (function (css_href) { | |
| "use strict"; | |
| // a simple event handler wrapper | |
| function on(el, ev, callback) { | |
| if (el.addEventListener) { | |
| el.addEventListener(ev, callback, false); | |
| } else if (el.attachEvent) { | |
| el.attachEvent("on" + ev, callback); |
| <script type="text/javascript"> | |
| (function () { | |
| "use strict"; | |
| // once cached, the css file is stored on the client forever unless | |
| // the URL below is changed. Any change will invalidate the cache | |
| var css_href = './index_files/web-fonts.css'; | |
| // a simple event handler wrapper | |
| function on(el, ev, callback) { | |
| if (el.addEventListener) { | |
| el.addEventListener(ev, callback, false); |
| # First: | |
| lsbom -f -l -s -pf /var/db/receipts/org.nodejs.pkg.bom | while read f; do sudo rm /usr/local/${f}; done | |
| sudo rm -rf /usr/local/lib/node /usr/local/lib/node_modules /var/db/receipts/org.nodejs.* | |
| # To recap, the best way (I've found) to completely uninstall node + npm is to do the following: | |
| #go to /usr/local/lib and delete any node and node_modules | |
| cd /usr/local/lib | |
| sudo rm -rf node* |
| // ================================= | |
| // Color palette generator | |
| // ================================= | |
| // Muck around with colors here: | |
| $primary-color: salmon; | |
| // A global to store the palette(s) | |
| $global-color-palettes: () !global; |
| @mixin caret($point, $border-width, $color) { | |
| $opposite: opposite-position($point); | |
| border: $border-width solid transparent; | |
| border-#{$opposite}: $border-width solid $color; | |
| border-#{$point}: 0; | |
| height: 0; | |
| width: 0; | |
| } |
| // ---- | |
| // Sass (v3.3.0.rc.2) | |
| // Compass (v1.0.0.alpha.17) | |
| // ---- | |
| // | |
| // map-fetch($map, $keys) | |
| // | |
| // An easy way to fetch a deep value in a multi-level map. Works much like | |
| // map-get() except that you pass multiple keys as the second parameter to |
| #!/bin/bash | |
| # Install bower `npm -g install bower` | |
| # Create directory in project root: | |
| # bower/ | |
| # Then create subdirectories for each bower setup | |
| # bower/public/bower.json | |
| # bower/compiled/bower.json | |
| # The path installed into will be in the same directory as `bower` with the same name as the subdir | |
| # ./public |
Give developers more knowledge about how the classes behave in a non-relative sense: BEM + ITCSS = BEMIT
BEM:
| /** | |
| * Make sure Graphicsmagick is installed on your system | |
| * osx: brew install graphicsmagick | |
| * ubuntu: apt-get install graphicsmagick | |
| * | |
| * Install these gulp plugins | |
| * glup, gulp-image-resize, gulp-imagemin and imagemin-pngquant | |
| * | |
| * Group images according to their output dimensions. | |
| * (ex: place all portfolio images into "images/portfolio" |
| // ---- | |
| // Sass (v3.4.11) | |
| // Compass (v1.0.3) | |
| // ---- | |
| @function math-pow($number, $exp) { | |
| @if (round($exp) != $exp) { | |
| @return math-exp($exp * math-ln($number)); | |
| } |