Alexander a-x-

Про БЭМ

БЭМ: от методологии до платформы — done
Методология БЭМ и обзор БЭМ платформы — watched
- Как принято прикладывать дополнительную статику к блокам (например, svg-пиктограммы)?
- Непонятно про кэширование. Почему что-то нужно делать для этого вручную? Кажется, что можно прогревать node.js и отдавать далее уже сгенеренные куски, например.
  - Догадка №1: это что-то про prefetch?
  - Догадка №2: это что-то про умную конкатенацию компонентов? Не просто соединить весь js в один bundle.js для каждой страницы, а настроить генерацию пары-тройки бандлов, чтобы лучше использовать браузерный кэш.
БЭМ: история появления, принципы методологии, базовые понятия — watched
- Вложенные элементы. Элементы всё же могут быть вложены друг в друга? При каких обстоятельствах?
[Мастер-класс наоборот: вы пишете БЭМ-проект, а мы подсказываем](https://event

OBSOLETE

Здесь представлен черновик идеи сокращённой записи bem-сущностей в css/stylus.

	<!doctype html>
	<html><head><meta charset="utf-8"><style type="text/css">
	.flex-container-1 {
	display:flex;
	/* align-content: stretch; */
	align-items: stretch;
	/* align-self: stretch; */
	/* justify-content: flex-end; */
	}
	.flex-element-1 {

	// run first:
	// go to cian search result
	// Снять на длительный срок однокомнатную квартиру с фото
	// в центре с мебелью, холодильником и стиралкой

	// var priceMin = 30000;
	// var metroFootTimeMin = 15;

	// location.href = `http://www.cian.ru/cat.php?currency=2&deal_type=rent&engine_version=2&foot_min=${ metroFootTimeMin }&mebel=1&mebel_k=1&metro%5B0%5D=4&metro%5B10%5D=50&metro%5B11%5D=54&metro%5B12%5D=56&metro%5B13%5D=58&metro%5B14%5D=61&metro%5B15%5D=64&metro%5B16%5D=66&metro%5B17%5D=68&metro%5B18%5D=71&metro%5B19%5D=77&metro%5B1%5D=8&metro%5B20%5D=78&metro%5B21%5D=80&metro%5B22%5D=84&metro%5B23%5D=85&metro%5B24%5D=86&metro%5B25%5D=96&metro%5B26%5D=98&metro%5B27%5D=103&metro%5B28%5D=105&metro%5B29%5D=114&metro%5B2%5D=8&metro%5B30%5D=115&metro%5B31%5D=115&metro%5B32%5D=119&metro%5B33%5D=121&metro%5B34%5D=123&metro%5B35%5D=124&metro%5B36%5D=125&metro%5B37%5D=129&metro%5B38%5D=130&metro%5B39%5D=132&metro%5B3%5D=12&metro%5B40%5D=145&metro%5B41%5D=148&metro%5B42%5D=149&metro%5B43%5D=150&metro%5B44%5D=159&metro

	// init
	var cl = console.log.bind(console);
	var loadJs = src => new Promise((res, rej) => {
	var script = document.createElement('script');
	script.src = src;
	script.onload=()=>{cl('loaded', src); res(src)};
	document.head.appendChild(script);
	});

	var createDiv = className => {

	.horisontal-center-line {
	background: linear-gradient(to bottom, rgba(153,153,153,0) 0%,rgba(3,3,3,0) 49%,rgba(0,0,0,1) 50%,rgba(5,5,5,0) 51%,rgba(229,229,229,0) 100%); /* W3C */
	}