Skip to content

Instantly share code, notes, and snippets.

View a-x-'s full-sized avatar
🛩️

Alexander a-x-

🛩️
69 followers · 64 following
View GitHub Profile
@a-x-
a-x- / scale-fix.html
Last active August 29, 2015 14:04
При смене ориентации устройства портится scale, лечить можно либо js-решением, либо так
<meta viewport="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
@a-x-
a-x- / flex-fit-the-flex.html
Last active August 29, 2015 14:06
Workaround for placing flexbox in the parent flexbox
<!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 {
@a-x-
a-x- / yandex public video lectures.md
Last active August 29, 2015 14:12 — forked from nerevar/lectures.md
Мой прогресс изучения BEM

Про БЭМ

  • БЭМ: от методологии до платформы — done
  • Методология БЭМ и обзор БЭМ платформы — watched
    • Как принято прикладывать дополнительную статику к блокам (например, svg-пиктограммы)?
    • Непонятно про кэширование. Почему что-то нужно делать для этого вручную? Кажется, что можно прогревать node.js и отдавать далее уже сгенеренные куски, например.
      • Догадка №1: это что-то про prefetch?
      • Догадка №2: это что-то про умную конкатенацию компонентов? Не просто соединить весь js в один bundle.js для каждой страницы, а настроить генерацию пары-тройки бандлов, чтобы лучше использовать браузерный кэш.
  • БЭМ: история появления, принципы методологии, базовые понятия — watched
    • Вложенные элементы. Элементы всё же могут быть вложены друг в друга? При каких обстоятельствах?
  • [Мастер-класс наоборот: вы пишете БЭМ-проект, а мы подсказываем](https://event
@a-x-
a-x- / async-like-a-sync.js
Last active August 29, 2015 14:17
Async code like a sync in the record
// npm install -S q
var Q = require('q');
Q.async(function*() {
yield db.hmset('blog::post', {
date: '20130605',
title: 'g3n3rat0rs r0ck',
tags: 'js,node'
});
@a-x-
a-x- / our-jscs-config.json
Created July 24, 2015 16:59
{
"preset": "yandex",
"plugins": [
"jscs-jsdoc"
],
"excludeFiles": [
".enb/tmp/*",
"**/*.i18n/**",
"**/libs/**",
"**/node_modules/**",
@a-x-
a-x- / simpliest-bem-css-syntax.ru.md
Last active July 12, 2016 13:37
One true BEM css selectors form
@a-x-
a-x- / css-background-gradient-center-line-pattern.css
Last active January 26, 2019 06:31
css background gradient center line pattern — colorzilla.com: http://bit.ly/1KJiA6p
.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 */
}
@a-x-
a-x- / cian.stat.js
Last active January 24, 2016 03:05
simple cian stat. run on results page in table mode
// 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
@a-x-
a-x- / minimal.d3.js
Created January 24, 2016 02:59
minimal d3 example for console running
// 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 => {
@a-x-
a-x- / i-bem.class.tree.json
Created February 23, 2016 10:27
part of estree of some my es6 class
{
"type": "Program",
"body": [{
"type": "ExpressionStatement",
"expression": {
"type": "AssignmentExpression",
"operator": "=",
"left": {
"type": "MemberExpression",
"computed": false,