andrey_sitnik

21 декабря 2015, Санкт-Петербург, Россия

# Понедельник 47 твитов

Всем привет! На этой неделе с вами Андрей Ситник @andrey_sitnik из @evilmartians, автор @PostCSS, @autoprefixer и easings.net

9:05

Предлагаю сегодня поговорить про опенсорс — зачем, как начинать, как пиарить и вести большой проект? pic.twitter.com/uZRoPUxvaR

10:12

Во вторник подведём итоги года, а в среду сделаем предсказания на 2016 — всё таки это последний сезон в этом году pic.twitter.com/AfX7rcHwgq

10:13

В четверг поговорим про конференции. В пятницу про общение с дизайнером и анимации. И закончим всё эротикой. pic.twitter.com/CWaHNnX6tH

10:17

Я не буду говорить о @PostCSS — но с радостью отвечу на вопросы, которые у вас возникали pic.twitter.com/ItFJfdZhsi

10:17

Для @PostCSS есть отдельный аккаунт и даже паблик vk.com/postcss и самое важное я рассказал на @FrontTalks youtube.com/watch?v=qhouBG…

10:18

Так же меня можно спрашивать про Википедию — я 8 лет был администратором и сейчас веду паблик «Однажды в Википедии»
vk.com/lostinwiki

10:19

Вот досье на меня на проекте вики-оппозиции
wikireality.ru/w/index.php?ti… pic.twitter.com/VzNqKOrD8G

10:20

И могу ответить про Китай — моя мама и братья довольно долго живут в Пекине pic.twitter.com/ArTihbs2Cy

10:21

Для подведения итогов я часто буду использовать твиттер-опросы — на «Опрос» в неофициальных клиентах надо будет открыть веб-версию

10:24

Но вначале обновление npm-пакетов и руби-гемов на @amplifr_ru — очень люблю самые свежие версии и понедельник лучшее время для обновления

10:33
@cssunderhood никогда не понимал — откуда берутся люди, которые пишут статьи? Где они берут информацию? Переписывают из других источников?

Просто гуглишь нормальные источники, а потом переписываешь их в Википедию своими словами со ссылкой twitter.com/KELiON/status/…

10:44
@cssunderhood ты обмолвился про минусы в реализации underhood, можешь подробнее рассказать в чем они по-твоему?

Говорят, что часто получается «ярмарка тщеславия» и малая плотность информации в огромном потоке твитов
twitter.com/lapanoid/statu…

10:45
@cssunderhood А разве можно системно этого как-то избежать?Контролировать ведущих? ИМХО не проблема самого underhood, а конкретных людей

Я думаю андерхуды потом скорректируют свой формат (например, пост в час) — пока подписчиков слишком мало twitter.com/lapanoid/statu…

10:55
@cssunderhood мне кажется единственный способ фильтровать лучшее - рейтинг. Как реддит

Да, можно было бы сделать бота cssunderhook_best twitter.com/nemons/status/…

10:57

Первый опрос — все ли тут пишут только CSS (в сторонних клиентах откройте веб-версию)

12:09

Я не буду ограничиваться только темой CSS — наша цель в создании интерфейса, а не кода. Среди нас по опросу только 10% чистых верстальщиков.

12:39
@cssunderhood год пытаюсь добавить информацию о событии в своём городе: ru.wikipedia.org/wiki/%D0%92%D0… через посредничество, игнор, ЧЯДНТ,как надо?

Википедия — как опенсорс. Добавь сам, но обязательно указом источники на численность и сторону митинга twitter.com/delaz/status/6…

14:10
@cssunderhood в прошлый раз проводил опрос - получилось, что половина верстальщиков не считают себя профессионалами (хотят еще учиться)

Я тоже считаю, что JS надо знать — часто даже лэндинг без строчки JS не сделать
twitter.com/dshster/status…

14:14

[Опрос] Участвуете ли вы в опенсорсе?

14:15
@dshster Это в принципе правильное желание, если ты считаешь что уже всё знаешь значит ты вообще нифига не знаешь :) @cssunderhood
14:32

[Опрос] Если вы ещё не начали опенсорсить, то почему? Свой вариант пишите в ответы.

14:33
@cssunderhood я бы так и сделал, но там редактирование заблокировано, поэтому я написал в процедуру посредничества, но там с января молчок.

Точно так же как в опенсорсе, пинай регулярно, пиши ответственным на их страницу Обсуждения с просьбой помочь
twitter.com/delaz/status/6…

15:06
@iamstarkov @cakeinpanic @cssunderhood Причём 85% этого кода — у @sindresorhus
16:24
@cssunderhood и как же себя мотивирете делать красиво а не просто ?

«Теория разбитый окон» — отличная мотивация делать хорошо. Идеальный код тяжело дополнить плохим.
twitter.com/koderhan/statu…

17:01

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

17:18

А почему вам нравится заниматься опенсорсом?

17:20
@cssunderhood @cakeinpanic Идеальный код тяжело дополнить. Точно.
17:21

Предварительные результаты опроса по опенсорсу — 40 % хочет начать опенсорсить, но не знает что простого сделать pic.twitter.com/lTB6k9Sx7m

17:47

Давайте соберём простые способы начать опенсорсить.

17:48

Есть круто твиттер @yourfirstpr — там собирают списки очень простых задач для новичков, руководства и мотивирующие доклады

17:49
@cssunderhood Прямо сейчас идёт предрождественский 24pullrequests.com, где предлагают проекты с помеченными ишьями для новичков
17:51

Пока ссылка для ветеранов опенсорса — сервис показывающий с каких PR ты начинал firstpr.me

18:30
@cssunderhood я что-то упустил\пропустил и теперь при подключении локальных шрифтов достаточно этих двух форматов? где почитать, есть так?

Давно уже достаточно только заинлайненный в base64 woff — даже woff2 вынудит грузить лишним запросом twitter.com/gearmobile/sta…

19:32

Я делаю отдельно woff и woff2 только если шрифт редко используется и его имеет смысл грузить отдельно

19:33

Мои 10 рецептов самых простых способов попасть в опенсорс — для любой квалификации и на любое свободное время:

19:34

1. Добавьте пару примеров или исправьте орфографии в документации — вы как сторонний пользователь можете написать их лучше

19:34

Посмотрите на postcss-color-function — список функций с примерами и ваш вклад больше автора плагина github.com/postcss/postcs…

19:34

2. Добавьте в проект .editorconfig — этот файл сейчас хороший тон

19:34

3. Добить ChangeLog.md в проект — тут есть хорошее объяснение, почему он должен быть в каждом проекте keepachangelog.com

19:34

4. Добавьте линтер ESLint или Stylelint — только не забудьте подобрать правила под старые стиль код

19:35

5. Если есть тесты — добавьте конфиг Travis CI, но владелец проекта должен будет создать проект там сам

19:35

6. Тестам всегда рады. Даже если вы не знаете как починить ошибку — пришлите просто тесты.

19:35

7. Часто нужно исправление кода или, как минимум, тестов под Windows

19:35

8. Переписать старые проекты на CoffeeScript на ES2015

19:36

9. Иногда можно добавить файл лицензии и указать её в package.json

19:36

10. Обновить версии пакетов — разработчики часто забивают на новые API

19:36

# Вторник 94 твита

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

12:11

[Опрос] Какой у вас формат для иконок и мелкой графики

12:12

[Опрос] Как подключаете SVG

12:17

[Опрос] Какие иконки используете

12:18

[Опрос] Как пишите стили?

12:37

[Опрос] Какой синтаксис препроцессоров используете?

12:38

[Проплаченный опрос] Используете ли PostCSS?

12:40

[Опрос] Используете ли линтер для CSS

12:47

[Опрос] Использует ли ваш сайт HTTPS?

12:51

[Опрос] Тестируете ли вы фронтенд?

13:04

[Опрос] Как ваша команда пишет JS?

13:07

[Опрос] Какой «Другой язык» ваша команда использует для JS

13:11

[Опрос] Где у вас генерируется HTML?

13:14

[Опрос] Как вы изолируете CSS-компоненты?

13:29

[Опрос про опросы] Интересны ли вам более подробные опросы?

13:31

[Опрос] Чем вы собираете файлы?

13:32

[Опрос] Чем вы запускаете линтеры, сборку и другие скрипты?

13:34

Все интересующие меня вопросы я задал. О чём вы ещё хотите получить статистику? Сегодня вечером посмотрим результаты и выделим тренды.

13:51

[Опрос] Какой JS-фреймворк вы используете для рендера на клиенте?

13:55

[Опрос] Какой линтер для JS вы используете? (Так и не решил, стоит ли включать JSCS, пусть будет в «Другой»)

14:22

[Опрос] Под какие устройства разрабатываете?

14:26
@cssunderhood Два вопроса про @autoprefixer:

1. Нельзя. 2. Автопрефиксер не грузит Can I Use по сети, данные уже храняться в нём через npm-зависимости.
twitter.com/ThyBzi/status/…

14:32

[Опрос] В чём вы пишете код?

15:07

[Опрос] Если пишете в текстовом редакторе, то в каком?

15:10
@cssunderhood Андрей, как писать меньше css, и получать тоже самое?

Тут много вариантов. Мой — выносить абстрактные вещи (например, анимации) в компоненты и переиспользовать их twitter.com/niquola/status…

15:15

[Опрос] Откуда грузите библиотеки?

15:27
@iamstarkov @cssunderhood что насчет web components и shadow dom? Как думаете, они мертвы или еще не настало время?

Мне кажется, нам не нужна поддержка браузеров для изолированных компонентов, справились уже так (в среду поговорим) twitter.com/fliptheweb/sta…

15:49
@cssunderhood 1. Как бы красивее решить? надо чтобы box-sizing префиксился для FF 16, а остальное для FF 22. Миксины + remove: false?

Напишите свой внутренний плагин @PostCSS и запустите его после Автопрефиксера
twitter.com/ThyBzi/status/…

15:50
@cssunderhood autoprefixer-stylus - при использовании в CLI доступны настройки?

Официальный способ использовать Автопрефиксер — через PostCSS. Попробуй poststylus или вообще лучше Gulp.
twitter.com/gearmobile/sta…

15:59
Оказывается, недавно появился flexbox polyfill для IE8 & 9 github.com/10up/flexibili…
16:32

Всё, основное голосование закончилось — дальше не будет так много опросов. Завтра оглашу результаты.

17:42

Подпишу ещё пару новогодних поздравлений сообществу @PostCSS и перейдём к трендам уходящего 2015 pic.twitter.com/Xe9qgQR7Me

17:45

Что для вас было самым запоминающимся в 2015?

19:13

Пока я начну с себя и расскажу, как мне виделся 2015 — что пришло в менйстрим

19:14

1. На первом месте ES2015 — JS наконец-то стал нормальным. Следующий год мы ещё будем правильно учиться его использовать на все 100%.

19:16

2. Браузеры начали продвигать HTTPS — крутые новые технологии (HTTP/2, Service Workers) будут работать только с шифрованием

19:17
@cssunderhood я тут недавно услышал что в спеке нет описания реализации модулей. Можешь подтвердить/опровергнуть?

Есть синтаксис, а есть сама загрузка. Например, в браузере и в ноде загрузка будет сильно отличаться.
twitter.com/_sashashakun/s…

19:20

3. Постпроцессоры пошли — @PostCSS, @PostHTML, Babel 6 стал «PostJS»

19:22

Кроме того появился mdast для Маркдауна github.com/wooorm/mdast и jazzon для JSON github.com/tornqvist/jazz…

19:23

У @IAmTrySound была крутая идея постпроцессора для работы со шрифтами

19:24

4. React стал основным решением, если вы рендерите на клиенте. Ребята даже делают инструментарий чтобы собирать на нём статичные сайты.

19:25

React — отличный пример, что чтобы функциональное программирование пошло в народ надо было очистить его от математики и фанатичности

19:27
@cssunderhood а что за инструментарий? Можно ссылочку!?

Проектов Реакта для статики много. Например, github.com/koistya/react-… и moox.io/statinamic/
twitter.com/way2bariton/st…

19:29

4. В 2015 Bower окончательно уступил место npm. Я бы даже сказал, что Bower делит с Sublime звание «Смерть года».

19:33

5. Sass переломил ход войны с Less — наконец-то довели до ума быстрый libsass и переманили Bootstrap к себе. «Перелом года»

19:36

Это мы с автором libsass обсуждаем аншлюс пользователей Less между Sass и PreCSS pic.twitter.com/skbx3f8lA3

19:37
@cssunderhood ну вот, а мне нравится им пользоваться. Тупо через npm можно библиотеки ставить? А почему раньше нельзя было?

Раньше многих библиотек просто не было в npm. Плюс в npm@3 сделали dedupe по умолчанию нужным многим twitter.com/Sigizmund_RF/s…

19:39

6. Дизайнерам надоело делать картинки и они чаще начали создавать систему и библиотеку компонентов. «Styleguide» вошли в мир фронтенда.

19:41

7. «Переворот года» Microsoft стала крутой компанией. Edge устраивают голосование за след. фичи. wpdev.uservoice.com/forums/257854-…

19:44

Если вы попадёте на самое дно и потеряете надежду — вспомните, как круто выкарабкалась Microsoft. Значит и у вас получится.

19:45

8. Флексбоксы стали таким мейнстримом, что штука про «в CSS нельзя отцентрировать блок» уже потеряла свой шарм pic.twitter.com/n0SP2yKzb5

19:47

[Опрос] Изменили вы технологии разработки в 2015?

19:57
@cssunderhood что зацепило браузер, операционка, мобильная платформа, surface ... ?

В железе самое главное в 2015 — внедрение USB-C. У Chromebook Pixel можно даже заряжать ноут с разных портов. twitter.com/koloskof/statu…

20:04

Как разрабатывают стандарты — график прилагаемых сил для всовывания/высовывания нового разъёма USB-C pic.twitter.com/Fp6ZCyKpSO

20:05
@cssunderhood интересно, а есть какой-нибудь типовой сценарий по переводу LESS на SASS или PostCSS? Или просто взять и переписать все?

Автопрефиксер → cssnext → Stylelint → postcss-inline-svg / postcss-assets. И переписывать только новые файлы. twitter.com/unreal_michael…

20:06

Я хочу в новом году написать статью о переходе с Sass на PostCSS, так как там главный плюс будет из-за компонентов и изоляции

20:07
Ever wondered why opposite of triple equals has only two equal signs? In Fira Code, form follows the meaning pic.twitter.com/OFS94BGgaP

В 2015 мы наконец-то смогли широко использовать лигатуры во время работы с кодом — я это просто обожаю
twitter.com/FiraCode/statu…

20:11

В 2015 круглых дисплеев стало так много (в умных часах), что W3C расширило CSS для них
w3.org/TR/css-round-d… pic.twitter.com/B71A9IKmu8

20:13
@cssunderhood Не кроссбаузерно же. Полифиллы позволяют только старую спеку flexbox эмулировать :(

На днях появился новый крутой полифил github.com/10up/flexibili… да и многие уже не поддерживают IE 9 и даже IE 10
twitter.com/Sigizmund_RF/s…

20:18

[Опрос] С какой версии вы поддерживаете IE?

20:19
@cssunderhood @PostCSS @PostHTML и Textr для текста c базовым набором плагинов
github.com/shuvalov-anton…
github.com/iamstarkov/typ…
20:24
@cssunderhood @voischev Прям за живое схватил. Дизайн в браузере, живые стайл гайды, документация компонентов. В се прям по-взрослому стало!
20:29

Что-то я совсем забыл про победителя секции «Смерть года» — Compass. Я начал Автопрефиксер специально чтобы его убить.

20:31

Hate Driven Development pic.twitter.com/f1bA2YP0IH

20:32
@cssunderhood FramerJS стал массовым дизайнерским инструментом, для динамических прототипов. (Дизайнерам надоело двигать листики по столу)
20:37
@cssunderhood Звучит неплохо. Насколько он хорош? Обязательно -js-display: flex добавлять?

Мы с IE 11 поддерживаем, так что не знаю. Но -js- можешь добавлять postcss-плагином. Многим бы такой пригодился. twitter.com/webholt/status…

20:39
@nayanov @andrey_sitnik, можно будет потом на сайте посмотреть лог и посчитать количество фраз: "для этого есть postcss плагин"
20:41
@cssunderhood Да я уже подумал об этом, но автопрефиксер юзается как плагин к Less. В такую конструкцию плагин никак не подсунуть?

У Less есть addPostProcessor в который можно поставить PostCSS и подобное
github.com/less/less-plug…
twitter.com/webholt/status…

20:44
@cssunderhood Да и мне оно просто из интереса. Я склоняюсь к мнению, что если и поддерживать такие браузеры, то на уровне «контент видно».
20:47

А расскажите на что вы перешли в этом году? (Все же проголосовали, что обновились — теперь рассказывайте)

20:47
@cssunderhood PostCSS. Стрельнуло знатно! Перешел с Sass. А еще JS начал изучать не на уровне jQuery.
20:49
@cssunderhood мы выкинули Sprockets из Ruby on Rails и перешли на Gulp, Browserify, React, PostCSS
20:49
@cssunderhood gulp/angular → webpack/react+redux.
20:49
@cssunderhood ой, и node-sass → PostCSS + CSS Modules, конечно!
20:50
@cssunderhood прикрутил babel, в процессе переход с requirejs на webpack, начал писать тесты (даже довелось провести собеседование)1/2
20:51
@cssunderhood @webholt такие законы порядочный гражданин не то что может нарушать, а просто обязан
20:54
@cssunderhood Перешёл в этом году из бекенда во фронтенд! (Ну, не совсем перешёл, скорее добавил к списку скиллов.)
20:54
@cssunderhood <зачёркнуто> на тёмную сторону </зачёркнуто> на PostCSS
20:57
@cssunderhood углубленно начал учить JavaScript. При этом увлекся NodeJS и AngularJS. Наконец заставил себя начать использовать Gulp и Sass.
21:02
@cssunderhood жаль, что условный lib_less так и не появился, а сами авторы less не особо делятся своими планами

А libless не особо нужен, у Less всё и так хорошо со скоростью. И JS в браузере без хаков работает, в отличии от С++
twitter.com/dersmoll/statu…

21:12
@cssunderhood PostCSS, React, ES2015
21:16
@iamale_ru, @cssunderhood, а у меня обратная трансформация: вкусил бэкенд на Ноде и обфулстэчился.
21:16
@iamale_ru, @cssunderhood, а ещё с подачи @iamstarkov сначала подсел на Рамду, а потом и вовсе на функциональное программирование.
21:18
@cssunderhood функциональщина
21:20
@cssunderhood Соскочил с Angular и PHP. Пересел на React и Rails. Познал дзен TDD
21:24
@cssunderhood стал БЭМ одержим. Кастомлю под себя bem-components. Подрываю дизайнерскую психику прототипами на bemjson (совладавших с html)
21:24
@cssunderhood es2015, ramdajs, ушёл от commonmark к mdast, отказался от gulp в пользу npm run
21:25
@kinday @cssunderhood тоже не нравится, когда путают таск-раннер с бандлером. Просто хотел подчеркнуть, что иногда бандлера достаточно.
21:27
@cssunderhood Банально: ФП, Реакт, Редакс, тесты
21:36
@cssunderhood ровно через 3 недели Microsoft перестанет поддерживать internet explorer ниже 11 версии microsoft.com/en-us/WindowsF…
21:36
@cssunderhood освоил Bourne shell, переехали в docker, научился тестировать webpack loaders и познал красоту postcss
22:17

# Среда 98 твитов

Love making these little things move. pic.twitter.com/p4Y33NnjJ0
8:53
@cssunderhood простите, а что случилось с sublime

Проект по факту заморожен и форум не подаёт надежд на то, что проект оживёт sublimetext.com/forum/viewtopi…
twitter.com/discotune/stat…

8:56
@cssunderhood @unreal_michael сейчас используем postcss-svg. postcss-inline-svg чем-то лучше?

postcss-inline-svg покрыт тестами, асинхронный и больше стилей позволяет вложить в SVG twitter.com/yakhinvadim/st…

8:58
@vladimore @cssunderhood А чем webpack лучше Gulp по-вашему?

В целом на Gulp и Browserify ты можешь сделать всё, что есть на webpack. Но многим нравится решения «из коробки». twitter.com/Sigizmund_RF/s…

9:07
@cssunderhood в browserify можно подключить css?

Да, для Browserify есть несколько решений по подключению CSS npmjs.com/package/browse… github.com/davidguttman/c… twitter.com/petyapetrelly/…

10:01

У на нас @amplifr_ru самописный скрипт загрузки CSS — просто ищем require(.*.css) и собираем с помощью PostCSS
gist.github.com/ai/848f6d67d57…

10:24
@cssunderhood а еще 2015 запомнился всякими худами)) @jsunderhood @abroadunderhood @rubyunderhood @iamspacegray и конечено же @cssunderhood
10:43
Want to use #BEM and save yourself some typing? There’s @PostHTML and github.com/rajdee/posthtm… for that. Enjoy the time you’re saving!
10:43
@voischev @cssunderhood если про vim рассуждать как тут про sublime то он вообще только в музее под стеклом остался

Так VIM в отличии от Sublime Text постоянно релизы выпускает, в репозитории жизнь течёт github.com/vim/vim/commit…
twitter.com/discotune/stat…

10:57
@discotune @cssunderhood я к тому что кажется в саблайме в текущей версии по мнению автора делать может уже нечего? Его делают его плагины

Задач для Sublime Text куча — например, нет поддержки лигатур или работа в Линуксе ужасная
twitter.com/voischev/statu…

11:04
Введение в Service Worker Toolbox, набор инструментов для простой работы с сервис-воркерами deanhume.com/Home/BlogPost/… pic.twitter.com/SWP4g467Ua
11:10
@cssunderhood Никому не хочется расставаться с Sublime'ом

Кризис Sublime Text — хороший пример, почему опенсорс лучше. Сейчас бы форкнули и дальше бы развивали.
twitter.com/timurKarshiev/…

11:13

А вообще у нас Новый год скоро, а вы только о смерти говорите. Давай-те поговорим о чём-то добром. pic.twitter.com/vueuXx5DZJ

11:14

[Опрос] Поставили ли вы новогоднюю обои на рабочем столе?

11:16
@cssunderhood о красоте языка, который ты так люто коверкаешь, например :)
11:20
@andrey_sitnik @cssunderhood а напишите статью как все реализовали, нам бы тоже нужно в этом направлении двигаться

Вот например гем, чтобы перейти на webpack в Rails — вообще процесс довольно простой github.com/mipearson/webp…
twitter.com/rusandreev/sta…

12:10

Результаты вчерашнего опроса о Фронтенде 2015
imgur.com/a/U2xlB

13:44

Странно, что линтер стал стандартом в JS, но пока не в CSS, хотя он тоже защищает от ошибок stylelint.io/?/src/rules/ru… pic.twitter.com/3kEXG9aR0a

13:57

CSS-in-JS пока не пошёл — может в 2016. Я считаю только JSS нормальным решением CSS-in-JS. github.com/jsstyles/jss pic.twitter.com/OTbB2H2Ziv

13:59

А @PostCSS пошёл во всю. Странно, правда, что так мало использую его для SVG.
github.com/trysound/postc… pic.twitter.com/Chpq3jMOmW

14:04
@cssunderhood ну и своя технология сборки нужна, которая не будет инлайнить стили, а как-то группировать.

Поэтому и нужно брать только JSS — он вставляет обычный <style> с сгенерированными классами. Инлайн-стили — ад.
twitter.com/myjsalterego/s…

14:06
@cssunderhood ад - да, зато нет проблем с глобальным неймспейсом :)
ну и проблема с копипастой и вопрос с кэшированием :)

Проблема глобальных неймспейсов давно решена в @PostCSS через CSS Modules и JSS без инлайна
twitter.com/myjsalterego/s…

14:12

Тестирование во фронтенд так и не пришло. Может хоть компоненты в 2016 сдвинут дело с разделением на умные и глупые pic.twitter.com/3eljPvsTpk

14:13
@cssunderhood зачем он нужен в CSS?

Линтер в CSS стабилизирует стиль кода в больших командах, сокращает кол-во код-ревью, избавляет от мелких ошибок
twitter.com/smithua/status…

14:16
@cssunderhood основная проблема с инлайном в CSS — нельзя transition сделать и fill: currentColor.

Для SVG нормального способа нет. Или хаки и потеря семантики с <use>, или потеря transition с postcss-inline-svg
twitter.com/xwoody/status/…

14:19

Но есть интересный черновик от @tabatkins, чтобы нормально менять цвет у SVG в url()
tabatkins.github.io/specs/svg-para… pic.twitter.com/OplPVwBzbG

14:21
@cssunderhood это нужно всех подсаживать на него и очень жестко обсудить все правила, что является сложной задачей

Просто добавляешь линтер в Travis CI и отход от стиля приравнивается к сломанной сборке
twitter.com/smithua/status…

14:22
@cssunderhood меня инлайн привлекает тем, что у тебя доступна вся мощь JS и не надо использовать специфичные диалекты языков.
@PostCSS

JSS — это и есть CSS-in-JS, но без проблем с производительностью инлайна. CSS-in-JS ≠ инлайн-стили.
twitter.com/myjsalterego/s…

14:23
@cssunderhood а с каких пор <svg><use></svg> это не семантично?

Иконки оформления не должны быть в HTML — они не являются данными. Как их, например, менять в медиа-выражениях. twitter.com/smithua/status…

14:24
@cssunderhood или на препушхук добавить проверку с помощью husky
github.com/typicode/husky
14:24
@cssunderhood что скажешь про использование статических языков для написания стилей как альтернативу линтарам(elm-css, scalacss)

В CSS-in-JS и подобных технологиях, линтер стилей всё равно нужен. Но его там сложнее делать.
twitter.com/somerandstring…

14:27
@cssunderhood что скажешь про использование статических языков для написания стилей как альтернативу линтарам(elm-css, scalacss)

Elm-Css и ScalaCSS выглядит плохо, так как он в духе Inline Styles, а не следующего поколения типа JSS
twitter.com/somerandstring…

14:28
📢Two European conferences are looking for lovely Cascading Style Peeps to submit their ideas: @cssconfbudapest & @CSSconfNO CFPs are open! 🎄

Отправляйте свои заявки на CSSConf в Будапеште. Я сам на днях напишу им.
twitter.com/slsoftworks/st…

14:35

Несмотря на хайп вокруг React, большинство рендерит на сервере — странно что для этого нет нормальных фреймворков pic.twitter.com/dueoDJIiCq

14:38
@cssunderhood а есть тесты на производительность?

Бенчмарк, что Inline CSS — это медленно. И JSS — лучший CSS-in-JS.
jsperf.com/react-css-vs-s…
jsperf.com/classes-vs-inl…
twitter.com/niquola/status…

14:40

Если вы думаете, что в 2016 сможете спокойно пожить — у меня для вам плохие новости. Революций будет только больше. pic.twitter.com/lB8ExPQgAt

14:49

Переходите на HTTPS через letsencrypt.org — уже в 2015 большинство шифрует pic.twitter.com/NqwYTznroL

14:50
@cssunderhood так а с индексацией-то как, если рендерить на клиенте? Пауки умнеют, но пока не настолько.

1. Есть «универсальный JS», когда пререндеришь на сервере 2. Веб-приложениям всё равно не нужна индексация
twitter.com/badgercat/stat…

14:56
@cssunderhood @badgercat почему не нужна индексация?

Потому что у веб-приложений, а в отличии от веб-сайтов нет данных. Ну вот что индексировать в Фотошопе.
twitter.com/_sashashakun/s…

15:02
@cssunderhood глупый вопрос но css на cssnext/precss синтаксис в файле с каким расширением храните, .css? (csslint сходит с ума)

Вообще лучше замените линтер на @stylelint. Но если хочется разделить. то используйте *.pcss.
twitter.com/lifeasecond/st…

15:08
@cssunderhood я думаю, CSS Linter'ы не прижились особо только потому, что CSS обычно пишет один человек
15:12

Пришло время для рубрики «Полезные советы». Пишите свои находки — я буду ретвитить. pic.twitter.com/IDZDFJeY92

15:12

На @amplifr_ru мы проверяем орфографию переводов приложения прямо во время тестов на Travis CI github.com/hcodes/yaspell…

15:13

gulp-zopfli жмёт чуть лучше gzip — считайте это дополнительный 10-й уровень сжатия gz
github.com/pierreingleber…

15:14

Если вы теряетесь в кучах мусора на npm, то на npmsearch.com есть поиск с учётом популярности и активности проекта

15:25
@cssunderhood, зачастую просто времени нет — нужно делать фичи!

Тестирование нужно как раз, чтобы экономить время. Меньше времени на прокликивание и исправление багов.
twitter.com/ilnurkhalilov/…

15:35

Если вы делаете форму для ввода банковской карты — проверьте номер на описки, в нём есть «контрольная сумма»
github.com/bendrucker/fas…

15:36

Для полей банковской карты используйте шрифт Halter, чтобы выглядело как на реальной карте
dafont.com/halter.font pic.twitter.com/GWPOJKgHYc

15:57
@cssunderhood, диктатура — лучшая методология разработки.
16:12
@kinday @cssunderhood блок, элемент, диктатор
16:22
@cssunderhood интересно Ваше мнение о Progressive Web Apps. Заменит ли веб нативные приложения?

Я считаю, что моб. веб победит — теоретической разницы с ситуацией на десктопе нет. Но впереди много работы.
twitter.com/nemons/status/…

18:19

Вчера мы говорили про тренды прошлого года. Сегодня давай-те предсказывать, что станет трендами в 2016. pic.twitter.com/wbRkYd3Y3m

18:24

Главный тренд 2016 — изолированные компоненты. Это как БЭМ, но более изолировано, на новых технологиях и чуть другой принцип разделения.

18:44

Компонент — это, как и в БЭМ, когда вы нарезаете дизайн на маленькие части и храните их CSS и JS в одной папке pic.twitter.com/xwdXYHwb1H

18:45

Новый уровень изолирования 2016 включает — автоматическую изоляцию селекторов, локальный ресет, медиа-выражения для компонента

18:45

Изоляция селекторов в 2016 будет идти автоматически — просто .name, .logo. Без префикса как в БЭМ — это уже реализовано в CSS Modules и JSS.

18:45

При этом, CSS Modules — это не только для React. Уже есть метод работать с ними из PHP или Ruby.
github.com/outpunk/postcs…

18:46

Но селекторы не единственная проблема. Гораздо опаснее наследуемые свойства типа line-height или * { padding: 0 }.

18:46

Свойства защитит «локальный ресет» — когда вместо глобального ресета вы в каждом CSS-элементе пишете all: initial, для очистки наследования.

18:46

В @PostCSS для локального ресета есть postcss-autoreset. В JSS тоже возможен плагин.
github.com/maximkoretskiy…

18:46

all: initial пока не поддерживается в IE, но есть полифилы (их выход отлично жмётся gzip)
github.com/maximkoretskiy…

18:46

Медиа-выражения компонента — это когда вы указываете размеры не страницы, а контейнера. Или даже цвет фона контейнера.

18:47

С такими медиа пока готовых решений нет, но в JSS можно сделать кастомный код. А для @PostCSS есть JS-хак
github.com/ausi/cq-prolyf…

18:47

Изоляция компонентов в JS достигается за счёт CommonJS и React — но это всё захватило мир уже в 2015 подготовив землю для второго этапа

18:48

Ещё отличие компонентов от БЭМ — это «умные» компоненты,которые сами дизайна не умеют, зато управляют вложенными компонентами

18:49

Пример «умного» — React Shuffle, который только реализует анимацию изменения списка github.com/FormidableLabs… pic.twitter.com/iyC87QJv6W

18:50

У нас в @amplifr_ru есть компоненты без дизайна Rotator, Loader, PostsData — анимация поворота, блокиратор на время AJAX и загрузка данных

18:52

Вот мой доклад про современную изоляция с парижской dotCSS ai.github.io/postcss-isolat… pic.twitter.com/PnkR6TMuRe

18:53
@cssunderhood второй этап - модульность css?

Вторая этап — изоляция CSS. Модули или Inline изолируют только селекторы, но нужно ещё и свойства изолировать.
twitter.com/nemons/status/…

18:54

Компоненты могут быть полезны в тестировании. «Умные» компоненты с логикой без дизайна. И все «глупые» на одной странице в стайлгайде.

18:56
@cssunderhood давай чуток подробней. Как будет выглядеть пример такого медиа-запроса?

Пример медиа-выражения на размер контейнера (а не страницы) из JS-хака cq-prolyfill
twitter.com/koloskof/statu… pic.twitter.com/FdLzP3SJ3h

18:58

Так же компоненты могут упростить анимации — из-за изоляции можно сделать набор анимаций без дизайна и выложить а npm. См. React Shuffle.

18:59
@cssunderhood мой список: 1) infrequently.org/2015/06/progre… 2) webassembly 3) angular2 vs react 4) reactive apps 5) native web mobile
19:02
@cssunderhood только БЭМ так же делать никогда не запрещал. Даже делают это в bem-components ;) пример блок dropdown

Да, более точно сказать, что компонентам это просто более свойственно
twitter.com/voischev/statu…

19:06
@cssunderhood это же просто wow будет!! )) контекстное поведение, виджеты которые адаптируются под виджет или цветовую гамму сайта.
19:06
Вопрос адресуется @cssunderhood twitter.com/putln/status/6…

Да, флексбок уже во всю можно использовать twitter.com/andrey_68/stat…

19:34
@cssunderhood а если посадочная страница и “о компании” сделаны в рамках того же SPA, что и приложение?

Если у них нет пререндера «универсального» JS, то это просто факап
twitter.com/GrawlCore/stat…

19:44

Второй тренд 2016 — Service Workers, API чтобы с сайта поставить «демон» в браузер, чтобы перехватывать кеш или показывать уведомления

19:46

Уже на всех конференциях рассказали про Service Workers. Вот вам самая ссылка с кратким описанием.
html5rocks.com/en/tutorials/s…

19:47

Даже если Service Workers не обеспечат пока победу мобильному веба, то с их помощью можно делать много хаков с кешем.

19:48
@cssunderhood @jsunderhood если надо до магазина доехать - лучше мопед, а не внедорожник. IDE для крупных проектов, sublime для мелочевки

Скорее зависит от типа проекта и языка. Один из самый крупный проект мира — Linux, пишут в редакторе а не IDE.
twitter.com/xmalinov/statu…

19:51

Третий «нежданчик» 2016 — люди увидят, что CSS Custom Properties, это не замена переменным, а чуть ли код в CSS philipwalton.com/articles/why-i…

19:52

Офигенная спека, которые все ждут в 2016 — это CSS Grid Layout. Это даже лучше Флексбокса. pic.twitter.com/uq1KjFoksU

19:59
@cssunderhood а плагин для этого есть/будет?

К сожалению, CSS Grid без JS не сполифилить. Но вроде кто-то уже начинал JS-полифил на старые версии спеки.
twitter.com/denysdovhan/st…

20:02

В CSS Grid Layout можно будет делать раскладку рисуя ASCII-графикой
w3.org/TR/css-grid-1/… pic.twitter.com/uJrGwVy7fk

20:05
@cssunderhood а подскажи пжл, как, например, менять fill на hover используя развернутый вариант?

Вот так, но к сожалению, без транзишена
twitter.com/daer_ru/status… pic.twitter.com/4tST86OU4K

20:08

Забыл написать пример, как вы будете писать компоненты в 2016
gist.github.com/ai/8c29609605d…

20:15

Вот галерея с результатами вчерашнего опроса по фронтенду 2015 года, если вы пропустили ссылку днём
imgur.com/a/U2xlB

20:16

А что вы ждёте от 2016? Даже не технологии, а какие желания?

20:17
@cssunderhood расцвета VR. Это должно быть большим шагом в интерфейсах и работы. А из дева хочется уменьшения сложности, упрощения жизни :)

По мне так VR переоцененнён — для обычных задач до сих пор нет более какого-то удобного UX twitter.com/nemons/status/…

20:27
@cssunderhood окончания войны...
20:28
What TLD do you use when setting up a local environment?
20:34
@cssunderhood Да нет, я имел ввиду, что я сам бы порекомендовал кое-что читателям: css-live.ru/tag/css3-grid-… :)
20:55

Вчера мы обсуждали, как автоматически добавлять -js- префикс для нового полифила флексбоксов, а @7rulnik уже сделал github.com/7rulnik/postcs…

20:56

Вот, что значит действительно хотеть опенсорсить ;) pic.twitter.com/jEvwdFec2G

20:58
@cssunderhood появление новых устройств обратной связи (типа haptics) для сенсорных экранов.
20:58
@cssunderhood @timofey68 как будто это имеет хоть каплю смысла. тогда уж мимикрировать по-полной, с лого банка, тиснением, рисунком.

Такой же шрифт как на карточке позволит быстрее сравнивать номера
twitter.com/bekharsky/stat…

21:32
@cssunderhood Вот тут я с тобой согласен, намного легче когда шрифт на сайте соответствует шрифтам на печатных материалах.
21:37

# Четверг 49 твитов

Думаю что @CSSHat это самое ценное приобретение для автоматизации работы. @cssunderhood
8:02

Мы вчера обсуждали изоляцию селекторов, а на днях парень сделал аналог CSS Modules на 60 строках кода
github.com/ctxhou/postcss…

9:20
@cssunderhood как при таком подходе можно максимально легко прописать на сайте единый шрифт, цвет шрифта, или интегрировать normalize.css?

all: initial сбрасывает значения одинаковым во всех браузерах. Хотя пару хаков normalize.css надо портировать.
twitter.com/yakhinvadim/st…

9:21
@cssunderhood как при таком подходе можно максимально легко прописать на сайте единый шрифт, цвет шрифта, или интегрировать normalize.css?

С локальным ресетом можно явно наследовать выбранные свойства font: inherit
gist.github.com/ai/cede1f3047b…
twitter.com/yakhinvadim/st…

9:26
@cssunderhood каких?

Например, all: initial не будет сбрасывать псевдо-элементы input[type="search"]::-webkit-search-cancel-button
twitter.com/7rulnik/status…

9:28

[Опрос] Сортируете ли вы CSS-свойства?

11:08
@cssunderhood а какой смысл от PostCSS, если мне отсортированные свойства нужны в рабочем css-файле, а не в итоговом на продакшн?

Так запусти PostCSS только с postcss-sorting и perfectionist и сохрани результаты обратно в рабочие css-файлы
twitter.com/dshster/status…

12:26
@cssunderhood @dshster или можно воспользоваться плагином для Sublime Text или Atom.
12:32

Продолжаем серию мелких советов — сегодняшняя тема, как добавить снег на сайт pic.twitter.com/S0rEYHdtXW

12:59

Скопируйте паттерн снега на две картинки. Вторую уменьшите, размойте и анимируйте медленнее первого. Получиться красивый параллакс.

13:01

Только запускайте снег по наведению на логотип — постоянная фоновая анимация сильно отвлекает глаза от чтения

13:02

Тематические оформления к праздникам были самыми любимыми моими заданиями на Групоне. Всегда можно придумать интересную анимацию.

13:03
This Christmas, pick an #opensource author (or two!) whose work you appreciate and thank them on Twitter or GitHub. You'll make their day.
13:35

[Опрос] Посещали ли вы конференции в 2015?

13:52

[Опрос] Выступали ли вы на конференциях?

13:58
@cssunderhood послушала бы точку зрения тех, кому не интересно
14:07

Давай-те соберём впечатления о русскоязычных главных фронтенд конференциях года. Парни хорошо старались и им обратная связь будет полезной.

14:23

[Опрос] Ваши впечатления от WSD?

14:24

[Опрос] Ваши впечатления от @frontend_union?

14:25

[Опрос] Ваши впечатления от FrontendConf?

14:26

[Опрос] Ваши впечатления от @FrontTalks?

14:26
@cssunderhood Может тут поделятся инфой, как можно прокачать ораторские способности? Может какие книги хорошие есть?

Лучший способ — начать выступать. Сначала внутри компании, потом на городском митапе. Без практики теория не пойдёт. twitter.com/Tom910ru/statu…

15:28

У каждой спеки W3C есть цикл жизни на конференция: общий обзор → практика → особенности в нашей компании → как отказаться от этой спеки

15:30

Найти тему очень просто. Выбираете новую интересную технологию — изучаете её сами или внедряете на работе, рассказываете, что изучили.

15:31

Конференции же нужны не для знаний, а для формирования трендов, знакомств, сплочения сообщества — не бойтесь, что мало знаете

15:33

Например, на Западе часто бывают весёлые доклады без какой либо серьёзной информации. И они отлично идут.
youtube.com/watch?v=lvxLb2…

15:34

[Провокационный опрос] Ходили ли вы на свидание с кем-то, с кем познакомились на конференции?

15:38
@cssunderhood @Lik04ka так и книги же есть, только без практики никуда. Мне очень "Мастерство презентации" Алексея Каптерева понравилась
15:40
@cssunderhood Там как то не много было противоположного пола)

Последнее время, девушек на фронтовых конференциях довольно много. И это хорошо для индустрии по многим причинам.
twitter.com/Tom910ru/statu…

15:42
@cssunderhood вчера даже написал заметку о том, на каких конференциях был в 2015 году noteskeeper.ru/1286/
15:43
@cssunderhood три года уже вместе)
15:47
@cssunderhood что-то этот и предыдущий опрос не вяжутся, насчет "выступал на конференциях"
18:50
@cssunderhood @andrey_sitnik боюсь выступать, т.к. когда начинаешь готовить, кажется, что все про это уже знают

«Все уже это знают» — самое большое заблуждение выступающего. Пошлите заявку доклада и пусть организаторы решают.
twitter.com/Yodairish/stat…

18:52
@cssunderhood К слову. Очень хотелось бы увидеть в МСК больше воркшопов/мастер-классов.Постоянно вижу анонсы воркшопов в Украине, но там 1/2
19:21
@cssunderhood 2/2 проще, расстояния меньше. Готов помогать с организацией. И вот к сожалению не попал на мастер-класс на WSD, печаль :(
19:21
@cssunderhood +мотивация, которую сложно получить и передать на носителе
20:00

Действительно, один из главных плюсов конференций — то, что ты видишь, что все вкалывают. Так что дома ты садишься за редактор, а не сериал.

20:01
@cssunderhood @andrey_sitnik рассказал коллеге, что не узнал ничего нового с конференций. Он мне ответил, что было бы плохо, если наоборот.
20:50
@cssunderhood Я чтобы прокачаться в публичных выступлениях, начал преподавать
21:38
@cssunderhood @Tom910ru в своё время помог курс coursera.org/learn/public-s… По ходу собирались с друзьям, тренировались, критиковали друг друга
21:46
@cssunderhood @Tom910ru по опыту лучше начать практиковаться с коротких презентаций на *простые* темы перед знакомыми (5-15 мин)
21:52
@cssunderhood @Tom910ru может быть полезно: как мы готовим докладчиков к MoscowJS github.com/MoscowJS/speak…
21:56
@cssunderhood Да, Андрей (и ребята), а посоветуй/те пожалуйста какие-нибудь лекции (ютуб, ещё где), чтобы научиться общаться с публикой?

Моя практика показывает, что лучше сначала просто выступить пару раз и теорией заниматься после. Это как плавание.
twitter.com/psyw/status/68…

21:57

Представьте, что вы в баре рассказываете друзьям о крутой спеке — вам же не нужна теория. Тоже самое на конференции. Просто поборите страх.

21:58

И лучше сразу выкинуть из головы все эти лекции из университета — просто рассказывайте, как если бы вы рассказали в баре.

21:59
@cssunderhood Меня сдерживает социальный страх(

Верно, но теория мало поможет в борьбе со страхом. Страх никогда не кончится — я, лично, боюсь каждый раз.
twitter.com/psyw/status/68…

22:01

Лучший способ побороть страх — вызубрить первые 3 предложения. Как начнёте говорить, сразу увидите, что страх ушёл.

22:02
@cssunderhood @psyw верно, если не боитесь выступать – значит скорее всего перегорели и пора искать себе другое занятие)

Пару раз когда я не боялся выступать — получалось только хуже. Страх — это источник силы.
twitter.com/nikitabogdan/s…

22:08
@cssunderhood @23ydobemos @Yodairish @andrey_sitnik Согласен. Идёшь на конфу рассказывать о React. Думаешь: засмеют. А там у всех джейквери.
23:06

# Пятница 56 твитов

@cssunderhood где вариант : Хочу, но могу рассказать только о том, что ел сегодня утром и о погоде.

Выступление — это отличный повод за выходные самому изучить новую спеку и потом перерассказать — так многие и делают
twitter.com/SergeyBruhin/s…

8:13
@psyw @cssunderhood вот отличное пособие youtube.com/watch?v=60ZVTN… :-)
8:54

Результаты вчерашнего опроса про конференции pic.twitter.com/hFgnrORx9k

9:12

Мнения о прошедших фронтовых конференциях. Странно, что так сухо приняли @frontend_union. pic.twitter.com/tGvbKkrlRi

9:14

И результаты, которых вы все ждёте — как много начали встречаться на конференциях pic.twitter.com/MHAchVFjOZ

9:15

В пятницу предлагаю обсудить няшное — анимации и общение с дизайнером. Вот эта иллюстрация самая важная. pic.twitter.com/kxOFhUfuHb

9:46

[Опрос] Кто придумывает анимации для сайта?

9:55

[Опрос] Кто продумывает адаптивность?

9:56

[Опрос] Как в вашем проекте фронтендер общается с дизайнером?

9:59
@filipovskii @cssunderhood @Tom910ru кстати, что-то я внезапно вспомнил. Мы тут в нашем “баре для своих“ практикуем короткие мелкие лекции
11:20
@filipovskii @cssunderhood @Tom910ru бывает человек по 10 примерно, докладчик стоит прямо напротив слушателей vk.com/video3165846_1…
11:20
@cssunderhood, искусство вообще должно быть третьей вершиной. На работе писать код, а фотографировать/писать картину в качестве хобби.

А почему хороший интерфейс или код не может быть искусством?
twitter.com/cmdeviant_en/s…

11:21

Я считаю, что хороший фронтендер должен развивать в себе чувство прекрасного, чтобы чувствовать дизайн. Давайте обменяемся ссылки для этого.

11:34

Мой самый любимый проект — Little Big Details, о важных мелочах в интерфейса
littlebigdetails.com

11:35

Мои любимые обзоры интересных анимаций. Буду очень рад, если кто-то подскажет ещё такие обзоры.
pinterest.com/jvetrau/gestur…

11:40
@cssunderhood Просто смотрю и читаю много статей о UX и дизайне, часто зависаю на dribbble и сайтах с покупными ui китами.
11:40
@cssunderhood Поэтому и работать с дизайнерами бок о бок. С хорошими дизайнерами. Они еще и расскажут, почему так, а не иначе.
11:40

В @evilmartians отличный дизайнер @romanshamin, который и пример адаптивности на флексбоксе сделает и на Хаскеле и Elm программирует

11:42
@cssunderhood @evilmartians @romanshamin Сейчас и дизайнерам нужно уметь программировать(Origami), что бы воссоздавать анимацию и концепты )
11:47

У @infotanka отличные разборы, как надо показывать данные, чтобы было понятно и интересно
blog.infotanka.ru/tags/vizualiza…

11:48
@cssunderhood @infotanka вообще d3.js способен на чудеса. Почему-то про него не особо часто говорят.
11:53
This Christmas, pick an #opensource author (or two!) whose work you appreciate and thank them on Twitter or GitHub. You'll make their day.

Давай-те сегодня каждый выберет opensource-автора и напишет ему спасибо
twitter.com/JedWatson/stat…

13:45
Давай-те сегодня поздравим авторов опенсорса. @gritzko спасибо за @swarm_js — по-моему он станет важным трендом 2016
13:45
Закончил подписывать авторам плагинов @PostCSS — 100 писем готовы к отправке pic.twitter.com/Co5p3D69xl
13:45
@cssunderhood @JedWatson My choice is Yuriy Khabarov (gromo on github) github.com/gromo/jquery.s…
13:59
@gritzko @andrey_sitnik лично я собираюсь разрабатывать saas решение для малого бизнеса на swarm react redux в 2016
13:59
Интересная статья про бумажные «компьютеры» — вот это интересная UX-задач
habrahabr.ru/company/appode… pic.twitter.com/df7UW7LZll
14:08
Простая трансформация (по Диснею) во время движения, может сделать анимацию гораздо лучше
uiparade.com/portfolio/simp… pic.twitter.com/vm3aet6qpC
14:28
@cssunderhood мониторил кучу UX-стаффа, но надоело, теперь только underconsideration.com/brandnew/, logodesignlove.com и lovelypackage.com
14:55
@cssunderhood @andrey_sitnik ещё почти туда же lovelyui.com
14:56
Есть ли у вас личный проект помимо основной работы?
15:00
@webstandards_ru в догонку этой статье я написал, как заинлайнить SVG img с помощью сервис воркера medium.com/@roman01la/inl…

Почему сервис-воркеры в 2016 сделают революция не только в оффлайн-режиме
twitter.com/webstandards_r…
twitter.com/roman01la/stat…

15:23

Я знаю, вы ждали этого целую неделю. Скоро начнём.

18:58

Я считаю, что фронтендеру важно иметь чувство прекрасного. Открываем тему эротики, пока у меня не забрали акк. pic.twitter.com/jsjYVX4ywd

19:03

Порноактриса @stoya ведёт отличный блог о роли порно в обществе с интересными мыслями
stoya.tumblr.com pic.twitter.com/1m9YOvLKr6

19:04

Интервью с девушкой-хакером из Китая про сексуальные предпочтения китайцев
reddit.com/r/BoltedOnAsia… pic.twitter.com/O7yNCxNWd0

19:06

У @Pornhub интересный блог про стат. анализ порно предпочтений pornhub.com/insights pic.twitter.com/ICEb7KpLXV

19:10
предлагаю твиторам @jsunderhood @backendsecret вот щас вот резко взять пример с twitter.com/cssunderhood/s…
19:10

Хотя вместо «50 оттенков серого» лучше посмотреть «История О» 1975 года pic.twitter.com/oinPnIxpNw

19:12

Моей любимой эротическим фотографом является Ellen Von Unwerth. Например, её серия Revenge alafoto.com/revenge/Reveng… pic.twitter.com/uqq4IofSyP

19:14

Хотя мимо знаментиого Helmut Newton тоже пройти нельзя pic.twitter.com/np6eENcmoo

19:15

Ну и напоследок — помните о правильном применении гирлянд (только светодиодных и низковольтных) pic.twitter.com/kFfFVWquzl

19:16
Андерхуд здорового человека. twitter.com/cssunderhood/s…
19:16
@cssunderhood Андрей, молодец, не перевелись ещё мужики в нашей стране))) Но у меня есть вопрос. Любимые женщины мешают делать открытия?

Наоборот, открытия — залог стабильных отношений
twitter.com/psyw/status/68…

19:18
@cssunderhood Андрей, тогда к тебе ещё вопрос. Жена одной с тобой профессии - хорошо или плохо?

Мне кажется, когда в паре оба программисты никак особо не влияет — более важно уметь слушать друг друга
twitter.com/psyw/status/68…

19:30

Вообще, крутое ощущение, когда ты не прячешь свои «предпочтения» — ты понимаешь, что тебе нечего скрывать. Облегчение как после исповеди.

19:34
@cssunderhood Андрей, твоё отношение к сексистам?

Ненавижу сексистов. Я воспитан на том Интернете, где мы судили по мыслям, так как не видели пола и возраста.
twitter.com/psyw/status/68…

19:39
@cssunderhood у меня давно в списке предпочтений с порно картинками висит тамблер modsmut.tumblr.com
19:54
@cssunderhood Исповедовался — и к монашкам
20:27
@cssunderhood Ситник вдохнул новую жизнь в cssunderhood, давно я так часто не обновлял ленту твиттера в надежде новых постов)
20:27
@cssunderhood а почему только светодиодных?

Чтобы лампочки не разбились и не ударили девушку током. А-то с кляпом она даже сказать ничего не сможет.
twitter.com/SelenIT2/statu…

20:28
@cssunderhood @psyw плохо. Ведь если она попросит пропылесосить, я не смогу открыть терминал с непонятными символами и сказать что занят :D
20:28

Моя любимая русская фотограф vk.com/anstlskwts pic.twitter.com/nj0Ai54gOx

21:06

# Суббота 29 твитов

@cssunderhood Чем тестировать JavaScript, который срабатывает на клики или другие события? Многие здесь используют jQuery и т. п.

Идеального ответа не знаю. Но я бы разделил компоненты на умные с логикой и глупые с дизайном
twitter.com/xwoody/status/…

5:42

Умные тестировать обычной AVA/Mocha. Глупые — скриншотами.

5:43
@SelenIT2 @cssunderhood чтобы не прижгло. Для прижиганий свечки олее подходят.
5:43
@cssunderhood Андрей, а есть какие-нибудь эротик/порно студии в приоритете?

Тут больше по актрисам — Iwia, Abigaile Johnson, Sheri Vi, The Red Fox
twitter.com/WarEnek/status…

5:47
@cssunderhood font awesome можно использовать? В каких форматах подключать тогда шрифт?

Мы используем Evil Icons и подключаем «а-ля» postcss-inlline-svg
evil-icons.io
twitter.com/sanokps/status…

5:48
Вот ведь как интересно, в своё время @vdv73rus закидали какашками за сисечки в @cssunderhood и сексистом обозвали. А щас ниче, норм уже.

Просто сиськи — не честно. Девушки тоже хотят эротики. Поэтому ты старался подбирать интересные всем.
twitter.com/nayanov/status…

8:50

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

8:52

А пока, если вы не поехали за ёлкой, посмотрите отличный доклад @ihannky, о том, как делать анимации быстрыми
youtu.be/zJxPuXNHx_M

8:59
@cssunderhood из студий - Marc Dorcel топчик
9:49
@cssunderhood djvu-читалку под OSX, подскажите
9:55
По мыслям несложно отличить мужчину и женщину twitter.com/cssunderhood/s…

Отличить легко только стереотипного мужчину и женщины. Реальные очень сильно отличаются друг от друга и стереотипов
twitter.com/rusgautama/sta…

13:00
@cssunderhood @SelenIT2 Огласи весь список пожалуйста 🎄🎁😈

Если Вы сомневаетесь, что девушки тоже любят порно, то вот исследование PornHub
pornhub.com/insights/women…
twitter.com/DenisIzmaylov/…

13:03
@cssunderhood @pvpshoot @juwain @vdv73rus я показал тот сет девушкам на работе, жене и даже тёще. Всем все понравилось
13:04
@cssunderhood Сегодня делал сборку на Gulp. Gulp-postcss и postcss вобще умеют в конкатенацию и минификацию? Гуглил, так и не нашёл 😟

gulp-postcss умеет только пропускать CSS в PostCSS (плагин под одну задачу). У Gulp куча плагинов для конкатинации)
twitter.com/Sigizmund_RF/s…

20:33
Давай-те сегодня каждый выберет opensource-автора и напишет ему спасибо
twitter.com/JedWatson/stat…

Вот все ретвитят и лайкают эротику — а лучше бы так же поступали с предложением поздравить opensource-авторов
twitter.com/cssunderhood/s…

20:37

Опенсорс — он как эротика, приносит счастье людям. Надо ценить и поддерживать доброту в опенсорсе.

20:38
@cssunderhood По личному примеру соглашусь :) Профессия мало влияет на отношения, кроме сайд-эффекта в виде расширения тем для общения.
20:39
@psyw была такая проблема, я помог ей стать HR'ом в IT-компании, теперь она понимает меня, мою работу и наши профдеформации:) @cssunderhood
20:39
@cssunderhood и еще очень интересно какую музыку слушаешь. Всегда интересно узнать: это интересно просматривается в характере))

Самые необычные группы в моём плейлисте:
WuMeiGui, A公馆, 海龟先生, 山人, Orphaned Land
twitter.com/denysdovhan/st…

20:44
@cssunderhood как пользуешься мобильным интернетом в путешествиях? Travel SIM какая-нибудь, местная SIM или еще как-то?

Беру местную SIM, но последнее время задумываюсь о Google Fi с 10$ за 1 ГБ по всему миру
twitter.com/xwoody/status/…

20:45
@andrey_sitnik а вообще бросать нужно эти офисы! Я вот впервые за 5 лет сдался в офис. Офигеваю просто :)
20:45
@cssunderhood Андрей, а что за иероглифы? Дай плз ссылчку на какую-нить песню их.

Все эти группы легко ищутся в Гугл Музыке и В Контакте
twitter.com/psyw/status/68…

20:46
Давайте @dzaporozhets закидаем печеньками :) twitter.com/cssunderhood/s…
20:46

И раз мы начали про музыку, то давайте слегка продолжим вчерашний вечер.
Секретный клип Placebo.
vk.com/video12568874_…

20:49

Ладно, дам прямую ссылку на одну песню (да, солист Мумий Тролля учил китайский во Владивостоке)
youtube.com/watch?v=GLBJRP…

21:06
В поисках идеального редактора JavaScript goo.gl/Sdn3nM pic.twitter.com/2YypeWXZ9u
21:09
@cssunderhood интересно) а autoprefixer вроде адаптирован под него) по-поводу open source — низкий поклон всем этим богам

Вообще Автопрефиксер против, чтобы его запускали в редакторе — нужно запускать в Гальпе или Вебпаке
twitter.com/OpekunovAlex/s…

21:10
@cssunderhood Какие планы на PostCSS в 2016 году? Недавно перешел с sass и пока всему рад, Интересно, что будет дальше с ним.

PostCSS в 2016

21:12
@cssunderhood добавь к этим планам поддержку популярными фреймворками. Немного влом юзать SASS перед PostCSS, в Foundation :)

Foundation говорили, что думают перейти на PostCSS — тут я ускорить не могу. Напиши им Issue, это сильно поможет.
twitter.com/AndreyBerezhno…

21:15

# Воскресенье 33 твита

Последний день в cssunderhood я бы хотел посвятить науке. Всё таки 2015 был именно годом науки.

12:18

В 2015 человечество впервые увидело Плутон, Цереру и так подробно изучило комету pic.twitter.com/7LbPYhJ8x8

12:21

В эту году метод CRISPR активно пошёл в лаборатории, открыв новые горизонты редактирования ДНК без ошибок и рака
ru.wikipedia.org/wiki/CRISPR

12:23

Главные научные итоги по версии журнала Science lenta.ru/articles/2015/…

12:26

Кроме того мы за последние годы мы научились видеть планеты у других звёзд и нашли тысячи их

12:28

Вот список найденных планет у других звёзд в обитаемой зоне
ru.wikipedia.org/wiki/%D0%A1%D0…

12:28

Какие научпоп книги вам понравились?

17:44

Моя любимая научпоп книга «Почему языки такие разные», которая очень просто рассказывает базис практический всей лингвистки

17:49

Лингвистика вообще интересная наука. Каждый человек постоянно использует язык — но мы не знаем ответы даже на базовые вопросы про язык

17:50

Ну и лингвистика может помочь в проектировании языков и API, так как это похожие вещи

17:51
@cssunderhood банальный Хокинг - неплох. «Почему языки такие разные» Владимира Плунгяна не зря получила премию «Просветитель».
17:51
@cssunderhood "Научные теории За 30 Секунд" в аудиоформате
17:53
@cssunderhood Карл Саган — «Мир, полный демонов. Наука - как свеча во тьме»
17:53
@cssunderhood, «Человек, который принял жену за шляпу» Оливера Сакса.
17:56
@cssunderhood раз такая тема, делитесь интересными научпоп каналами на ютубе.
17:58
@cssunderhood «Мифы об эволюции человека» Александра Соколова. Очень советую.
18:00
@cssunderhood «Хаос. Создание новой науки» Джеймса Глейка
18:16
@cssunderhood Она выдает себя за художественную "Harry Potter and the Methods of Rationality". и совершенно невероятна.
18:16

Краткий ответ, почему трава (хлоропласты) именно зелёная
habrahabr.ru/post/237133/

18:28

Я очень люблю @postnauka — по моему, это самое лучшее, что случалось с русским образованием.
postnauka.ru

18:31

Иванов-Петров составляет прекрасные обзоры всей русско научной блогосферы — тоже любимое еженедельное чтиво
ivanov-petrov.livejournal.com

18:31

Кирилл Размыслович в своём блоге интересно рассказывает про все новости космонавтики
kiri2ll.livejournal.com

18:33

У @fka_roscosmos отличный ютуб-канал с еженедельными передачами. По количеству информации даже лучше НАСА.
youtube.com/user/tvroscosm…

18:34
@cssunderhood я этими открытиями просто восхищаюсь. Есть подкаст @BeardyTheory на тему космоса, и всего, что с ним связано.
19:25

Каждая девушка мечтает, чтобы ей сказали «давай посмотрим вместе @postnauka»

19:35
@cssunderhood «Мы — это наш мозг. От матки до Альцгеймера», Дик Свааб
19:44
@cssunderhood «Об интеллекте» Джеффа Хокинса
19:55

Теперь мой дозор окончен. С вами был @andrey_sitnik. Мы подвели итоги года, предсказали тренды 2016, обсудили опенсорс, науку и эротику.

20:17

Подписывайтесь на @PostCSS и на мой паблик «Однажды в Википедии» vk.com/lostinwiki

20:19
@cssunderhood «Элегантная Вселенная» Брайана Грина, любители квантовой механики должны оценить.
20:25

vk.com

www.youtube.com

github.com

other