iamstarkov

// some fp boilerplate
const map = fn => xs => xs.map(fn);
const reduce = (fn, init) => xs => xs.reduce(fn, init);
const concat = (a, b) => a.concat(b);

/* or in a library */
const R = require('ramda');

// async helpers
const toPromise = x => Promise.resolve(x);

iamstarkov

const toArray = iterables => {
  var res = [];
  for (var i = 0; i < iterables.length; i++) {
    res[i] = iterables[i];
  }
  return res;
}

const query = selector => toArray(document.querySelectorAll(selector));

iamstarkov

class CoffeeMachine {
  constructor(power) {
    this.power = power;
    this.WATER_HEAT_CAPACITY = 4200;
    this.waterAmount = 0;
    console.log(`Создана кофемашина мощностью ${power} ватт`);
  }

  onReady() {
    console.log('кофе готов!')

iamstarkov

.grid-row
  - var footerMenu = {
    'Одежда':        ['Верхняя одежда','Свитера','Комбинезоны','Костюмы','Майки','Нижнее бельё','Пиджаки','Рубашки и сорочки','Футболки','Шорты','Штаны'],
    'Обувь':         ['Ботинки','Кеды','Кроссовки','Мокасины','Обувь для дома','Сандалии','Сапоги'],
    'Сумки, багаж':  ['Дорожные сумки','На пояс','Повседневные сумки','Портфели','Рюкзаки','Чемоданы'],
    'Что-то другое': ['Галантерея','Галстуки','Деловые аксессуары','Портфели','Рюкзаки','Чемоданы']
  }
    each links, heading in 
      div= heading
      ul

iamstarkov

var getDefinition = function(num) {
  return $('.EXAMPLE').eq(num).parent().prevAll('ftdef').children('.DEF').text().trim();
}

var getExamples = function(Number) {
  return $('.EXAMPLE').eq(num).parent().parent().prevAll('ftdef').children('.DEF').text().trim();
}

function getDefinition(num) {
  return getDefinition(num) + getExamples(num);

iamstarkov

body{
    width:260px;
    margin:0;
    padding:0 10px;
    font-size:11px;
    font-family:"Arial";
}

table { border-collapse: collapse; }

iamstarkov

/**
 * most flexible arrow
 */

.arrow {
	width: 100px;
	height: 200px;
	position: relative;
	overflow: hidden;
	border-color: red;

iamstarkov

/* labeled-ins-block */

    .labeled-ins-block {
      display: block;
      border-left: 0.75em solid #47ad09;
      padding-left: 0.5em;
    }
    
    .labeled-ins-block:before {
      position: relative;

iamstarkov

/**
 * Align vertically absolutely positioned element without known height
 */
#has-known-height {
	position: relative;
	background: lightgray;
	height: 300px;
}
#absolutely-positioned {
	position: absolute; /* don't touch this property */

iamstarkov

/**
 * accessible link
 */

div {
	width: 30em;
	font: 1rem/1.4 Tahoma;
	
	margin: 2em auto;
}