dreamyguy

find . -mtime +200 -name "*.js" -not -path "./components/*" -not -path "./node_modules/*" -not -path "./.git/*" -print

dreamyguy

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    // IE10+ styles go here
    top: rem-calc(3);
}
// Reset styles for MSEdge, which usually works as well as Chrome
@supports (-ms-accelerator:true) {
    // IEEdge 12+ styles go here
    top: rem-calc(10);
}

dreamyguy

###Atom

Install atom packages

• linter
• linter-eslint
• linter-stylelint
• react

dreamyguy

$(function() {
  // multi-toggler
  var toggleItems = function(opts) {
    var options = {
      wrapper: 'wrapper', // id
      toggler: 'toggler', // id
      togglerOn: 'toggler-on',  // class for toggler on state
      togglerOff: 'toggler-off', // class for toggler off state
      items: 'toggle-item', // class that will hide/show element(s)
      classShow: 'toggle-show', // class applied to shown elements

dreamyguy

/* ===================================
* Vertical spacing for Zurb Foundation Grid
*
* Copyright (c) 2017, Wallace Sidhrée
* MIT License
====================================== */

$vs-positions: top bottom;
$vs-total: 8 !default; // range of classes to be created (in this case 1-8)
$vs: $gutter-size-half;

dreamyguy

.el-parent {
  position: relative;
}
.el {
  position: absolute;
  left: 0; 
  right: 0; 
  margin: 0 auto;
  text-align: center;
}

dreamyguy

On Template Toolkit, when using a structure like:

[% SET event = data.result.items.event.$i -%]

...and wanting to find what structure is available within event, we can use Dumper:

[% USE Dumper %]
[% Dumper.dump(event) %]

Examples here: http://www.template-toolkit.org/docs/modules/Template/Plugin/Dumper.html

dreamyguy

/* ===================================
* Only lazy-load 3rd party script tag once the placeholder that interacts with it is visible on viewport.
*
* Copyright (c) 2017, Wallace Sidhrée
* MIT License
====================================== */

var lazyScript = function(elId, scriptUrl, threshold) {
  // polyfill requestAnimationFrame for ie9
  window.requestAnimationFrame = window.requestAnimationFrame || function(f) { return setTimeout(f, 1000/60); };

dreamyguy

For when Docker acts up on you (macOS):

1. Restart docker
2. docker system prune (the secret sauce)
3. docker login -u _token -p "$(gcloud auth print-access-token)" https://eu.gcr.io (authenticate if needed)
4. docker-compose build --no-cache

If experiencing problems with npm modules or bower components:

4. rm -rf /node_modules && rm -rf /bower_components/ && docker-compose build --no-cache

dreamyguy

$cl-black: #000;
$cl-green: #bada55;
$cl-red: #f00;

@function _buildIcon($icon) {
  $icon: '%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20#{$icon}%3C%2Fsvg%3E';
  @return $icon;
}

@function _buildPath($path, $viewbox, $parameters) {