devxom

[06.11.2017] WF-eL (Weekly Front-end links)

Cheatsheets/Guids:

• ES2015+ Cheatsheet
• JS Cheatsheet
• CSS Cheatsheet
• JS Regex Cheatsheet
• DOM Cheatsheet
• GIT Cheatsheet
• React Cheatsheet

devxom

{
	"Block (with comment)": {
		"prefix": "di",
		"body": [
			"<!-- begin ${1} -->",
			"<div class=\"${1}\">",
			"\t${2}",
			"</div>",
			"<!-- end ${1} -->"
		]

devxom

#!/bin/zsh

local fn_size="12"
local fn_name="Fira Code Medium"
local main_term_fn="${fn_name}:size=${fn_size}"
local main_detect=$(tmux list-sessions|awk -F ':' '/main/ {print $1}')
local term_name="MainTerminal"
local session_name="main"

if [[ ${main_detect} != "main" ]]; then

devxom

Советы, библиотеки и дополнительные материалы по CSS-анимации

![Советы, библиотеки и дополнительные материалы по CSS-анимации][1]

Введение

Была глубокая ночь. В темную комнату через деревянные окна проникал лунный свет. Он недостаточно освещал мой деревянный стол с ноутбуком, блокнотом и синей ручкой. Поэтому я протянул свою руку к настольной лампе и включил её.

На компьютере был открыт текстовой файл со списком статей и библиотек про веб-разработку. Он постоянно пополнялся новыми данными.

devxom

ВЁРСТКА АЛТИМЕЙТ АНРИАЛИ ГАЙД v1.1 beta

В пунктах где перечислены книги/обучалки/статьи/видео/етц. не обязательно смотерть/проходить/читать все, но если ответ на ваш вопрос в треде там содержится, вы будете посланы нахуй.

1. Традиционная паста для тех, кто прочел оп-пост и заинтересовался:

Гайд для тех кто нихуя не умеет, родился в мухосранске и не имеет друзей, ЕОТ, детей(факторов которые мешают уехать из мухосранска).
Многие жалуются на отсутствие образования и блата как преграду для получения хорошей работы, это не проблема вовсе.
Шаг 1.
В твоем мухосранске наверняка есть вебстудия, делают они говно, но нам больше и не надо. И туда могут взять без опыта. Устраивайся туда работать за еду. 10к в месяц на первое время достаточно.

devxom

/// Slightly darken a color
/// @access public
/// @param {Color} $color - color to shade
/// @param {Number} $percentage - percentage of `$color` in returned color
/// @return {Color}
@function shade($color, $percentage) {
  @return mix(black, $color, $percentage);
}

devxom

#!/bin/sh

# Firefox Developer Edition install
# Based https://gist.github.com/grenade/3b3c5b17586881d01142
#  $ curl -L https://git.io/vo0ow | sh

START_CMD="firefox"
INSTALLATION_DIR="/opt/firefox-dev"

# Detect the architecture

devxom

• ✔︎ - не мешает попаданию страницы в bfcache
• ✘ - запрещает попадание страницы в bfcache
• пустая ячейка - влияние неизвестно

API	Firefox	Safari	Chromium	IE
Подписка на beforeunload	✘	✔	✔	✘
Подписка на unload	✘	✔	✔
Незавершённые запросы XHR/fetch	✘	✔	✘ в планах прерывать запрос и вызывать onerror при восстановлении страницы
Незавершённые запросы за ресурсами	✘ кроме favicon

devxom

git log --author="Linus Torvalds" --date=iso | perl -nalE 'if (/^Date:\s+[\d-]{10}\s(\d{2})/) { say $1+0 }' | sort | uniq -c|perl -MList::Util=max -nalE '$h{$F[1]} = $F[0]; }{ $m = max values %h; foreach (0..23) { $h{$_} = 0 if not exists $h{$_} } foreach (sort {$a <=> $b } keys %h) { say sprintf "%02d - %4d %s", $_, $h{$_}, "*"x ($h{$_} / $m * 50); }'

devxom

function getScrollTopPosition(){
  return document.documentElement.scrollTop || document.body.scrollTop || document.body.scrollTop || window.pageYOffset || 0;
}

// because it's so fucking difficult to detect the scrolling element, just move them all
function moveToScrollTop(amount) {
  document.documentElement.scrollTop = amount;
  document.body.parentNode.scrollTop = amount;
  document.body.scrollTop = amount;
}