sqndr

var async = require('async');
var sizes = [
    [320, 480],
    [600, 1024],
    [1024, 768],
    [1280, 800],
    [1440, 900]
];
var url = 'http://one-pager.dev/nl';

sqndr

(function($){
 
  $.fn.extend({
 
    example: function(options) {
 
      var defaults = {
        color: '#000000',
      }
 

sqndr

  // Replace all images with kitten placeholder images in IE. #awesome
(function($) {  
  Drupal.behaviors.placeholder = {
    attach: function() {
      $('.ie').find('img').attr('src', 'http://placekitten.com/g/200/300');
    }
  };
})(jQuery);

sqndr

html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}

sqndr

#  ---------------------------------------------------------------------------
#
#  Description:  This file holds all my BASH configurations and aliases
#
#  Sections:
#  1.   Environment Configuration
#  2.   Make Terminal Better (remapping defaults and adding functionality)
#  3.   File and Folder Management
#  4.   Searching
#  5.   Process Management

sqndr

# Druch clear caches
alias dcca="drush cc all"
alias clearall="drush cc all"
alias cleardrush="drush cc drush"
alias cleartheme="drush cc theme-registry"
alias clearmenu="drush cc menu"
alias clearcss="drush cc css-js"
alias clearblock="drush cc block"
alias clearmodule="drush cc module-list"
alias cleartheme="drush cc theme-list"

sqndr

Software

Browsers

Obviously; you'll need to install some browsers. It's always a good thing to install the latest stable and the latest development version.

• Chrome
• Chrome Canary
• Firefox
• Firefox Nightly

sqndr

@each $breakpoint in map-keys($grid-breakpoints) {
  @each $prop, $abbrev in (margin: m, padding: p) {
    @each $size, $lengths in $spacers {
      @include media-breakpoint-down($breakpoint) {
        $length-x:   map-get($lengths, x);
        $length-y:   map-get($lengths, y);

        .#{$abbrev}-#{$breakpoint}-a-#{$size} { #{$prop}:        $length-y $length-x !important; } // a = All sides
        .#{$abbrev}-#{$breakpoint}-t-#{$size} { #{$prop}-top:    $length-y !important; }
        .#{$abbrev}-#{$breakpoint}-r-#{$size} { #{$prop}-right:  $length-x !important; }

sqndr

Why?

Add a nice local action button to a administrative overview, as shown in the screenshot.

Link to add new ECK entity

eck.routing.yml:

sqndr

import { render } from 'react-dom';

const renderComponent = (Component, root) => {
    const parent = document.createElement('div');

    render(Component, parent, () => {
        root.replaceWith(...Array.from(parent.childNodes));
    });
};