Realetive

2 мая 2016, Санкт-Петербург, Россия

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

Мои поклонники часто спрашивают меня, кто я такой и почему я называю их своими поклонниками…
Эту неделю с вами я – Роман @Realetive Ганин.

7:22

Я питерский фрилансер, начинающий фронтенд разработчик с 5-летним стажем. По образу жизни сова. Не ЗОЖ, не веган, не фотограф и не музыкант.

7:22

Вопреки устоявшейся традиции плана на неделю не будет. Принципиально. Я считаю, что это скучно. Всё будет спонтанно… pic.twitter.com/27Ze6LEFrV

7:24

Спонтанно мы обсудим IDE и текстовые редакторы, будем неожиданно переключаться на форкфлоу и сборщики, впереремешку с #b_, @PostCSS и SVG.

7:25

Также внезапно я расскажу о веб-типографике, к которой очень неравнодушен, а ещё мы все вместе поделимся практиками «как не надо делать».

7:26

Дерзко, смело и без прелюдий я побуду хейтером современных «веб-дизайнеров». Хороший дизайн тоже обсудим. Вдруг. Никого не предупреждая.

7:26

И вам так же советую поступать по отношению ко мне — не стесняйтесь застать меня врасплох своими вопросами или замечаниями, критикой.

7:26

Если не отвечу сразу, значит потом (или я не знаю ответа и судорожно гуглю). Я фрилансер, т. е. безработный; времени у меня на это — вагон.

7:27

Каждый день мы делаем что-то в первый раз, Дэн. Я точно не смогу рассказать о технологиях из «завтрашнего дня». twitter.com/denishus/statu…

7:33

К слову, я плохой программист. Серьёзно. Как и прошлый автор, @denisfedosov (июнь @cssunderhood), я когда-то начал делать сайты на #MODX.

7:36

И делаю их до сих пор, являясь к тому же амбассадором MODX в России. Я с удовольствием расскажу о преимуществах этой CMS для фронтендеров.

7:36

Как руководитель клуба питерских разработчиков #MODX, я стараюсь регулярно проводить встречи, на которых мы обсуждаем и фронтенд тоже.

7:38

Ближайшая встреча, кстати, будет на этой неделе. Даже если вы не знакомы с MODX – приходите, это и про фронтенд тоже vk.com/modxspb_2016_05

7:38

Мы планируем обсудить: #БЭМ, LESS и @SassCSS, @bower, @nodejs, @Browsersync, @gulpjs, TARS, ENB, Webpack, плагины @PostCSS и много другое!

7:39
@cssunderhood @denisfedosov ну вот, первый шаг это признание :) что делать чтобы стать лучше?

Если вопрос ко мне, то «лучше» — понятие слишком относительное и субъективное. «Лучше», значит не так, как другие. twitter.com/Copypasting/st…

7:42
Кажись, мне о5 пора искать работу. Никому, случайно, не нужен за гроши чувак со вкладом в разработку спек CSS (github.com/w3c/csswg-draf…)? :)
7:44

Вообще испытываю нехватку таких живых форматов. Хочется регулярно, «по-настоящему», понимаете? Поплакаться в рубашку, обсудить, поспорить.

7:56

Конечно, в Питере есть дринкапы @spb_frontend, есть кулуары и афтэпати @pitercss и @piter_united, за что их организаторам большое спасибо!

7:57

Первый раз очень боялся пойти на встречу разработчиков (посвещённую MODX, кстати), которая была 5 октября 2013 года (не поленился, нашёл).

8:03

7-е правило клуба, Дэн…
Дизайнера, делающего своё дело правильно, никто не ругает. Наоборот — он на нашей стороне. twitter.com/denishus/statu…

8:11

Просто до этого я вёл весьма замкнутый образ самообразования в сфере веб-разработки. В открытую не задавал вопросы, шестрил форумы и RTFM.

8:16

А в итоге мне было, чем поделиться! Не такой уж я оказался новичёк — я знал решения чьих-то проблем! Ого, к моему мнению прислушивались!

8:16

Это очень мотивирует и воодушевляет, знаете ли. Вот и сейчас пишу я тут вам, а самого «АЖ ТРИСЁТ ОТ ВАЛНЕНИЯ» — вдруг я что не так ляпну…

8:17

Ты обиделся, что я не ответил прямо на твой вопрос: «Нет, не в первый раз»? Я сделаю это позже, не переживай. twitter.com/denishus/statu…

8:21

Кстати, обратили внимание, что я использую кавычки-ёлочки, когда надо, ставлю тире, а многоточие у меня из одного символа? Это типографика.

8:22

О её применении в вебе я рассказывал на последней встрече @spb_frontend, вот слайды и материалы, туда не вошедшие: bit.ly/TypoTales

8:23

Типографика — это из Мира уважения собеседника. Будь то светская переписка, официальное обращение — не важно. Ваш текст — отражение мысли.

8:24

Если верить @glvrdru и продвинутому курсу о редактуре текста от Максима @perepisal Ильяхова, лучше вообще не писать. Не верите? А зря!

8:26

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

8:26

Ввели неправильно пароль — тот же экран, красный цвет, поле ввода трясётся, крики, слёзы! Красота! А рядом ещё какая-то мерзкая подсказка…

8:27

Читаешь, что написано: пароль должен содержать минимум N символов, в обеих регистрах, с цифрами и символами Юникода за пределами клавиатуры!

8:28
@cssunderhood а нахамить, выразить уважение или управлять порядком восприятия элементов — зависит от задач.

Справедливо для любого из раздражителей органов чувств. Можно оскорбить картинкой или похвалить блюдом. Крикнуть. twitter.com/SilentImp/stat…

8:30
@cssunderhood насчет «лучше нарисовать» — боюсь, неоднозначно. Невольно вспоминается royallib.com/read/kipling_r… :)

Отнюдь. У людей тогда не было письменности. Как донести мысль в отсутствии автора? Рисунок понятен, текст — ещё нет. twitter.com/SelenIT2/statu…

8:32
@cssunderhood @spb_frontend @pitercss @piter_united Вот про такие движухи поподробнее. И желательно не только в Питере

Извольте: github.com/web-standards-… twitter.com/ArtVallen/stat…

8:35
@cssunderhood artlebedev.ru/kovodstvo/sect…

Возможно, это были на столько тёмные времена (2010 г.!), когда Тёма ещё не знал, как набрать этот символ @AntonMMF twitter.com/outring/status…

8:41
@SelenIT2 большинство пиктограмм, идеограмм и иконок ни о чем не скажут и их пихают по привычке или из соображений эстетики. @cssunderhood

Согласен с этим и сказанным далее. Иконки не заменят привычный текст. А иероглифики, упомянутой @SelenIT2, уже нет. twitter.com/SilentImp/stat…

8:45
@cssunderhood ИМХО 3 точки лучше по двум причинам: занимают визуально меньше места и во всех ли шрифтах есть символ трёх точек?

Отсутсвие символов в шрифте — косяк пуансониста (автора шрифта). Но это не повод пренебрегать ими, не так ли? twitter.com/AntonMMF/statu…

8:51

Какая досада… =(
UPD: даже так, наверное, лучше: pic.twitter.com/xP0jSiW70U

9:04
@cssunderhood на продакшен-сайтах заказчиков с рандомными шрифтами — повод, за остальные случаи может и не повод, спорить не буду.

Согласен, но это уже вопрос ответственности того, кто «типографит» текст. Я имел в виду, что, если есть возможность… twitter.com/AntonMMF/statu…

9:09

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

9:13
@cssunderhood а я наоборот подписался на Ваш твиттер. Свежо. Нескучно.

Спасибо! Постараюсь кутить и балагурить на тему фронтенда всю неделю! twitter.com/fr0ntender0/st…

9:23

Кстати, возвращаясь к Тёме Лебедеву: можно долго спорить о его методах и мнениях, но я уважаю его вклад в развитие русского сайтостроения.

9:30

Ну и закончим на этом о Тёме, а то вспомню вёрстку таблицами, теги <br> и <nobr>, desktop only или ещё чего похуже. pic.twitter.com/IEPKTKIP7O

9:34
@cssunderhood он шлюха проплаченная. Нельзя уважать человека за одно и презирать за остальное. Кроме него есть много нормальных людей

— Нельзя уважать человека за одно и презирать за остальное…
— Можно. Для этого достаточно иметь своё мнение и опыт. twitter.com/knaipa/status/…

9:40

Продолжая тему типографики, сайт typewolf.com или @typewolf – подборки «сайт дня», советы и руководства. pic.twitter.com/Ibv1Cc3mPZ

10:01
@cssunderhood @AntonMMF @outring Тёму лучше вообще не читать :)) Тот факт что он был одним из первых, не делает его лучшим.

Никто и не говорил про лучших. А вот про них (про лучших), кстати, я как раз говорил. Лучше — значит иначе. twitter.com/nmatuhin/statu…

10:06

Вообще на определённом этапе становления себя, как веб-разработчика, отказался от субъективного восприятия типа «нравится-не нравится».

10:07

Дизайн не может «нравиться». Он или «работает» (выполняет ваши задачи), или нет.
— Ваш Кэп.

А теперь идите, поиграйте со шрифтами…

10:09
@cssunderhood @typewolf я бы не стала доверять сайтам с этого сайта, продолжая тему типографики.
10:20
@cssunderhood @typewolf Через один сайт – выключка по центру, подписи заглавными, висячие строки, заголовки на 6 строк и тоже капсом.

Спасибо, верное замечание. Для остальных читателей: старайтесь избегать перечисленные косяки — всем им есть замена. twitter.com/WasilisaFish/s…

10:22

Выключку по центру можно заменить правильной расстановкой переносов. Помните Тёму: «Так верстают только мудаки»? pic.twitter.com/X4e1EPi537

10:25

Заглавные буквы используются только в начале предложения, именах собственных и аббревиатурах или акронимах. pic.twitter.com/McmHRfrPll

10:31
@cssunderhood херовый формализм. Вот есть табуретка, на ней можно сидеть. Функция выполняется, а их вон сколько видов)

Маркетологи тоже хотят кушать, формализм тут ни при чём. Моей, извините, заднице всё равно, какого цвета табуретка. twitter.com/virgin_mind/st…

10:34
@cssunderhood то есть h1 не может состоять из заглавных?

Да. Для увеличения акцента на заголовке есть прекрасный типографический приём — капитель: ru.wikipedia.org/wiki/%D0%9A%D0… twitter.com/Hipichay/statu…

10:36

Для тех, кто упустил слайд с моей презентации (bit.ly/TypoTales) по веб-типографике: pic.twitter.com/HArlmgOva6

10:38
@SilentImp @cssunderhood А это с вчерашнего сайта дня. Истеричные заголовки, висячая строка. Не разряжали, кстати. pic.twitter.com/zzJhWLAhf2

Вот читаю вашу критику — и прям бальзам на душу. Да, вот что я хотел! В хвост и в гриву! twitter.com/WasilisaFish/s…

10:43
@cssunderhood а на работе у тебя "кресло офисное" или Herman Miller, так есть разница жопе?

Они выполняют разную функцию, сэр. Возможно, мы спорим об одном и том же, просто вы не поняли моего посыла. twitter.com/virgin_mind/st…

10:45
@cssunderhood о, вот это уже интересно. прям тут в этом твиттере расскажешь?

При первой же возможности, если только подвернётся подходящий момент и меня не закидают камнями за «вброс о PHP» =) twitter.com/denswor/status…

10:49
@cssunderhood кстати, вчера был великий @may1reboot. Меня вот все интересовало, как верстальщики относятся к приему "распидорась верстку"
10:52
@cssunderhood я о том, что у дизайна кроме "работать" есть ещё функции и они не менее важны. Нужен контекст, как и во всем

Тогда мы точно защищаем одну идею. Уточню: меня фраза «мне больше нравится этот пурпур» не впечатляет без аргументов twitter.com/virgin_mind/st…

10:53

Уникальная книга «Типографика и вёрстка» от @artgorbunov. «Не читал, но рекомендую» =).

artgorbunov.ru/projects/book-… pic.twitter.com/co9Fxg4gNl

11:16
@cssunderhood У заглавных букв ширина штриха толще.

Скорее всего тут уже особенность капители у используемой гарнитуры шрифта. Капитель делал программно, не вручную. twitter.com/ruGreLI/status…

11:18

Только что осознал: меня сейчас читают, фавят и ретвитят большинство тех, кого я безмерно уважаю, читаю их блоги и руководства. Спасибо вам!

11:23

Кстати, мой любимый сервис картинок-плейсхолдеров: babeholder.pixoil.com
Вариант «с мальчиками» тоже есть. pic.twitter.com/3T9LcKeMHD

11:58
@cssunderhood как относятся клиенты? Не лучше сделать ручной поиск изображений соответствующих теме ресурса и тексту?

Лучше, но эти картинки из разряда #NSFW на этапе прототипирования, пока клиент не предоставил контент, радуют глаз. twitter.com/SilentImp/stat…

12:02
@cssunderhood тогда как ты можешь рекомендовать её?

Там есть демка. Считается? =) twitter.com/nemcik7/status…

12:50
@cssunderhood нет

Тогда не верьте мне. Нечего там читать. twitter.com/life_maniac/st…

12:55
@nemcik7 @cssunderhood А хочешь, читай Цапфа, Чихольда и Мильчина, а потом пиши свои советы.

Между тем тут в комментариях идёт ценнейших обмен опытом, о чём мне позволяют судить фамилии Чихольда, и Купера… twitter.com/WasilisaFish/s…

13:32

Что-то я «заболтался» с вами «до утра». Я же сова. Пойду-вздремну пару часиков. Обещаю всё прочитать, что вы тут напишите в моё отсутствие.

13:32
@cssunderhood А потом ты забудешь поменять этот плейсхолдер, а клиент попдётся особо чувстивтельный =)

Было неоднократно. Невозмутимо и спокойно объясняю: это временно и вызвано отсутствием контента со стороны клиента. twitter.com/midler/status/…

19:09

А что касается #MODX, то это очень удобная CMF на всеми ненавистном PHP. Самая килфича (имхо) — handlebars-подобный шаблонизатор. @midler

19:27

Если угодно, #MODX – это как React, а #WordPress тогда будет Angular, #Drupal – как Ember (я не пытаюсь обидеть ваши любимые js-фреймворки).

19:30

По сути, любой чистый статичный HTML-CSS-JS-шаблон является валидным шаблоном для #MODX. Пару строк оживят ФОС. Инвалидация кэша из коробки.

19:34

Плюс ORM на xPDO. В общем, порог вхождения достаточно корректно отсеивает «школоту» и домохозяек, оставляя именно нас с вами, разработчиков.

19:39
@cssunderhood @midler как на нем разрабатывать, если там все в базе хранится?

Не обязательно, настраивается. Но по умолчанию, да, #MODX всё старается сохранить в БД для правильного кэширования. twitter.com/c01nd01r/statu…

19:41
@cssunderhood А это ты по какому принципу подобрал: cамый модный – почти самый модный – подзабытый? Сомнительное соответствие.

Дело не в модности, а, так сказать, в опыте и ощущении от использования. Для MODX достаточно HTML+CSS+JS. Your way. twitter.com/SetAGE/status/…

21:18

# Вторник 51 твит

@cssunderhood как по мне, ёлочки нужны только для имён собственных, а для цитат – английские “лапки”

В русском языке „лапки“ располагаются сверху и снизу и обычно используются внутри «ёлочек»: pin.it/T9BXklc twitter.com/GrawlCore/stat…

0:22

Раскладка Ильи @ilyabirman Бирмана —«швейцарский нож» в вашем арсенале веб-типографа. pic.twitter.com/mio1SVIEaY

0:26
@cssunderhood @ilyabirman жаль, для убунты нет

Для Убунты я использую клавишу для переключения на 3-й уровень (правый <Альт>): s.arboreus.com/2010/09/typogr… twitter.com/fuckingsun/sta…

0:32
@Wingerie @cssunderhood вот поэтому и нужны правила. Язык – это не про выживание смысла, а про его развитие.
0:56
@Wingerie @cssunderhood самому тебе вообще нравятся „такие” кавычки?

Мне не «нравятся», мне привычнее — меня так в школе учили. twitter.com/GrawlCore/stat…

1:08

Сегодня рано вставать, так что вскоре я вас покину на часиков 7-8. Ненавижу спать из-за необходимости просыпаться…

1:12

Вчера сквозь звуки будильника мне снилось: чтобы его выключить, нужно «победить» специфичность селекторов будильника — тогда он заткнётся.

1:13
@cssunderhood то есть учили „так”, а пишешь «так»?

В письме „лапки“ ставятся быстрее «ёлочек», поэтому, наверное, это имело более практический смысл, нежели сакральный twitter.com/GrawlCore/stat…

1:15

Для тех, кто мается бессонницей: доклад Михаила Макишвили (наверняка, видимый большинством из вас уже миллион раз): youtu.be/xPPCzryZK44

1:21

И ещё: харизматичный Алексей Аболмасов о «Прикладной эмпатии» с питерского IT NonStop @DataArt_Dev
youtu.be/0rOXcQT0wBA

1:26
@cssunderhood а в @modx как и в @netcat_ru – код через админку меняется?

По умолчанию — да, но это для «хомячков» и контентщиков. Т. е. есть единая точка входа. Но стат. ресурсы тоже есть. twitter.com/GrawlCore/stat…

1:29

Всем доброе утро! -__-

9:16
@cssunderhood всегда знала, что среди верстальщиков есть те, кто любит пялиться на мальчиков.

У меня руководитель была девочкой. Ей я ставил мальчиков, когда согласовывал прототипы – она млела. @pro_ershov twitter.com/SheVasya/statu…

9:19
@cssunderhood Вадима же

Верно. Спасибо! Видимо, ¾ мозга уже отключилось и печатал на рефлексах… twitter.com/flanker_alex/s…

9:23

Последние несколько лет я пользуюсь Sublime Text. Были попытки подружиться со Штормом @jetbrains, но он показался мне излишне монструозным.

9:33

А сейчас очень хочу попробовать полностью перейти на Vim. Но как-то ссыкотно… Этакое двойственное чувство одиозности гложет.

9:34

Что, не знаете, что такое «одиозность»? И я не знаю. Но гложет…
— А. Покровский, «Расстрелять!».

9:35

.happy,
.birthday,
.to,
.you,
#happy,
#birthday,
#to,
#you{}
.happy.birthday,
.dear, /* @lapanoid */
#happy_birthday,
#to_you{display:cake}

9:50
@cssunderhood @lapanoid Это до мерджа селекторов минификатором или после? :)

Я вклинился в сам поток и ретранслировал его в Твиттер =) twitter.com/mrmlnc/status/…

9:57

Сейчас позавтракаю под серийку Scrubs и буду потихоньку собираться на митап-дринкап #modx. Будем обсуждать фронтенд — присоединяйтесь!

10:01

Кстати, ваш покорный слуга — несостоявшийся врач. А ещё я гвардии старшина медицинской службы запаса 0_о

10:06

Минутка юмора на @cssunderhood:
— У меня девушка: 90-60-90.
— Фиолетовая что ли?

10:29
@cssunderhood зачем вы ведёте Твитер, если не секрет?

Понять бы «куда?», а не «зачем?» =) Вы про мой личный @Realetive или про этот? twitter.com/GerardWaid/sta…

10:33
@cssunderhood @Realetive я про этот( я и не знала про личный), просто тема не принадлежит к разделу общих знаний

Я и не ставил перед собой цель обучать вас. Я как чукотский охотник — что вижу, то пою. Предложите тему для беседы? twitter.com/GerardWaid/sta…

10:40
@cssunderhood да я работа верстальщиком, меня-то тема устраивает. Я так думала может вы от какой-то студии или это личная инициатива?

Я фрилансер. А сам @cssunderhood иначе устроен — cssunderhood.ru/about/. На следующей неделе будет другой автор. twitter.com/GerardWaid/sta…

10:57
Lisp: Code is data
Haskell: Data is code
Ruby: Strings are code
JavaScript: Undefined is not a function
11:00
Я на месте в Commode на ул. Рубинштейна, 1. Открыт для общения по #MODX и фронтенду на ближайшие часа 3-4.
11:59
Мне, например, интересно кто на каком железе работает... twitter.com/cssunderhood/s…

Ну что, уважаемые читатели, поделимся сокровенным? У меня 17" MacBook Pro c 8 Гб оперативы. twitter.com/hiway_real/sta…

12:06
@cssunderhood Joomla осталась за бортом не заслуженно или все таки заслуженно? ;)

Сицилийские мафиози привязывают Joomla к ногам нерадивых и выбрасывают за борт.
exploit-db.com/search/?action… twitter.com/IgorDTP/status…

12:09

Мой Буцефал, начало 2011 г. @twenty @mrmlnc pic.twitter.com/aV4RaChT0r

12:54
@cssunderhood вопрос учасникам, со стажем. какой редактор был популярен во времена Mac G4? Нужно настроить среду на 10.5, что посоветуете?
12:55
@cssunderhood @mrmlnc какой он у тебя большой...

Часто слышу это от девочек ;) twitter.com/twenty/status/…

13:18
@cssunderhood невозможно читать на этой недел
14:32
Буду занудой, но текущий @cssunderhood просто пиздец. В плохом смысле слова.

Ок, зануда: меня интересует возможность org-mode в Vim, потому что только из-за него использовать emacs не хочу. twitter.com/gladkih_m/stat…

15:47

В принципе, ST3 полностью устраивает, но как ещё унифицировать server-side? Не подымать же Иксы ради этого. vimtutor проваливаю на середине.

15:53

Шарить свои плагины не вижу смысла – у вас есть проблема, вы находите её решение в виде плагина. Проблемы у всех разные, схожие уже описаны.

15:58
@cssunderhood @gladkih_m spacemacs for rescue

Спасибо за наводку. Совместимость с Vim-плагинами? Какая «ложка дёгтя»? twitter.com/niquola/status…

16:02

Много слышал о преимуществах #b_. Сам люблю и практикую. А кто может привести доводы «против» (CSS Modules не в счёт, это читерство 😇 )?

16:18
@cssunderhood да против методологии наименования классов вроде никто особо ничего и не имел. Притензии больше к бэм-стаку.

Меня в стеке больше всего смущает jQuery в депсах bem-core. Но радуют новости об использовании webpack для сборки. twitter.com/Dezeter/status…

16:36

Enb сам по себе прекрасен и удобен, простыни конфига в скором времени перестают пугать. А разруливание зависимостей в DEPS.js вообще огонь.

16:40

Но если использовать, например, @PostCSS, #b_ как лишь методология именования для изоляции и специфичности теряет смысл за счёт CSS Modules.

16:42

И получается: «Я тут только @autoprefixer поставлю…» А через 5 минут: инжект SVG, CSS4, литеры и 13-колоночная сетка с автоинклудом шрифта…

17:12
К слову, отличный доклад по теме youtu.be/urdxXdt1JxY twitter.com/cssunderhood/s…

О, спасибо. Я, к сожалению пропустил и так и не посмотрел. Буду «навёрстывать» упущенное. twitter.com/hiway_real/sta…

17:18
Принятие #БЭМ начинается с паломничества в чертоги bem.info, распения методологии и обряда #b_ мозга… pic.twitter.com/R5SyWOAdmz
17:29
@gladkih_m @ymatuhin я как-то вообще проскраливаю твиты и даже уже не читаю

Вы можете опубликовать что-то более важное и полезное для читателей с ником @cssunderhood – я сделаю ретвит. twitter.com/denysdovhan/st…

19:35
что-то более важное и полезное для читателей @cssunderhood

Да, наполненное смыслом, как, например, новый API скроллинга в Chrome: blog.chromium.org/2016/05/new-ap…
Да, Дэн? twitter.com/denishus/statu…

19:56
Спасибо, свою неделю в @cssunderhood я уже провел. @gladkih_m @ymatuhin

С удовольствием вас читал. Но у меня другой стиль и цели. И я намерен придерживаться своих принципов до конца недели twitter.com/denysdovhan/st…

21:35

Я пока сбавил активность — по совету @niquola поставил Spacemacs, пытаюсь освоить его. Пока такое двойственное чувство, как в шутке про Vim:

21:39

— Я уже пять лет работаю в Vim. Просто не знаю, как отсюда выйти…

21:40

Кстати, новый сайт bem.info использует вертикальный ритм, что заметно даже невооружённым глазом. Это очень круто, я считаю.

22:06

А «верстали» ли вы под React Native? А то смотрю я тут доклад Алексея @doochik Андросова и ху… когнитивно диссонирую
youtu.be/RwTmWpZ0MyA

23:31

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

По поводу личной эффективности я не лучший пример, имхо. Но кое-какие наработки имеются, сейчас расскажу, спасибо за идею, @hiway_real

11:24

Пробовал использовать Toggl, но почему-то он понравился мне меньше, чем @trackingtime – аналогичный функционал free. pic.twitter.com/L2z4fVNho8

11:31

Для личных нужд ещё хорош «помидорный» PomoDone, синхронизируемый с Вундерлистом (предпочёл Тудуисту) @d3head pic.twitter.com/J17ti5juI3

11:37

Все мои достижения в сфере веб-разработки — самообразование; специализированного диплома у меня нет (разве что фельдшера). Не жалею ни чуть.

11:41

Я поступил в ИТМО экстерном на середину второго курса на бюджет. Но с помощью каких-то махинаций «выше» меня зачислили на платное.

11:43
@cssunderhood а потом ты встретишь задачу требующую знания алгоритмов и «ОЙ».

Полностью согласен. Ощущаю нехватку именно академических курсов, матана. Всегда испытывал трудности с формулами. twitter.com/SilentImp/stat…

11:46

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

11:47

Но когда в хвалёном ИТМО тебя в 2011 г. учат скруглять углы пнгешками, а на CSS3 преподаватель смотрит, как на магию, невольно задумаешься.

11:50
@cssunderhood @d3head чем тебе нравится вундерлист?

Даже не то, чтобы нравится. Я просто узнал о нём раньше, поздно было менять. В Todoist чумовая мотивационная система twitter.com/denishus/statu…

11:52
@SilentImp @cssunderhood профессиональный стаж заменяет диплом, бзв.

А ещё я недавно понял, как важна работа в команде, когда есть наставник, па́рное программирование и код ревью. twitter.com/ostelaymetaule…

11:57
@cssunderhood какой факультет, кафедра?

Я учился на Информационные технологии в дизайне, факультет «Точных Механик и Технологий». twitter.com/vlkosinov/stat…

12:01

После того, как бросил ИТМО (они якобы перевели на бюджет на 3 курсе, а спустя полгода опять потребовали деньги — или плати, или вали)…

12:11

… поступил в Британский институт искусства и дизайна. Но, как вы понимаете, ТАКИХ денег на обучение у меня точно не было. Тешил самолюбие.

12:13
@Sigiller Это я к тому, что высшее образование, желательно два-три — нужны @cssunderhood
17:34
@cssunderhood @trackingtime а не смущает редизайн TrackingTime когда шикарный дизайн на скрине сменили на жуткий нечитаемый bleeding red?

Смущает. И гамма, и отсутствие нормальной кириллицы. Но они молодые ребята, только развиваются, им простительно. twitter.com/brusnickin/sta…

17:41

А проверяете ли вы свою вёрстку в Opera mini? Вопрос, конечно, субъективный — зависит от продукта. Но всё же… pic.twitter.com/b9kCSajYjp

17:49

Когда вы забываете об Opera mini, где-то грустит один Леонид Аркадьевич, а Вадим @pepelsbey Макеев ему тихо вторит… pic.twitter.com/3jG7Bnhh11

18:36

Какой атрибут элемента <html> включает механизм кэширования страницы? Уже используете на своих проектах?

19:29
Какой атрибут элемента <html> включает механизм кэширования страницы? Уже используете на своих проектах?

12 ответов и лишь половина правильных.
@Alex_Jegulsky, это тест, а не вопрос — не «палите», пожалуйста, свой вариант twitter.com/cssunderhood/s…

19:53
@cssunderhood это как поддержка ie6 сейчас. Если нравится им пользоваться уг, то пускай и смотрят на уг сайты.

Звучит как: «я делаю УГ, не работающее в Opera mini, теряя аудиторию в 12.000.000 пользователей по России». twitter.com/dmitrmarchenko…

20:21
@cssunderhood в рф на бюджет принимают исключительно на первый курс, так кажется положено по закону если хочешь экстерном плати знаю по себе

Была подписанная бумага от начальников кафедры и факультета на вакантное бюджетное место. На платное перевели позже. twitter.com/Aliksei/status…

20:53
Какой атрибут элемента <html> включает механизм кэширования страницы? Уже используете на своих проектах?

Если уже прошли тест, предлагаю обсудить style guides, руководства по стилю. Что думаете о подходе styleguide-first? twitter.com/cssunderhood/s…

21:13

Популярен сервис-список генераторов: styleguides.io, но есть ещё и готовые: docs.google.com/spreadsheets/d… pic.twitter.com/niPn4thftN

21:18

Из генераторов мне больше всего импонирует @SourceJS в плане функциональности и гибкости: Markdown, JSX, KSS и т. д.
youtu.be/y4KHmX8vCc0

21:23

Стайлгады важны для «не pet»-проектов, позволяя изолированно протестировать функциональность и внешний вид элемента + компонентный подход.

23:06
Для личных нужд ещё хорош «помидорный» PomoDone, синхронизируемый с Вундерлистом (предпочёл Тудуисту) @d3head pic.twitter.com/J17ti5juI3

А ещё «помидорная» система хорошо работает с идеей Вадима Макишвили из доклада «5 минут»: youtu.be/iBHr8gKc5L8 twitter.com/cssunderhood/s…

23:09

Ещё один тест, теперь на знание CSS3: что будет, если установить свойство "cursor" в значение "none"?

23:31

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

Ребятки, а давайте поможем замечательным @talksworks c докладчиками про #фронтенд в Питере?

Пишите от себя или RT, буду признательна

2:02
Коллеги, мы ищем редакторов и авторов — vk.com/forwebdev?w=wa… pic.twitter.com/tWEzogI6x9
2:03
@cssunderhood @trackingtime а не юзали @trello + pomelloApp?

Я – нет. А советуете? twitter.com/webroru/status…

5:43

А поделитесь негативным опытом работы в компании, команде или над конкретным проектом. Мне, как фрилансеру, хорошо известны случаи «сливов»…

11:49

Мне довелось 3 месяца поработать в «космической» компании. В смысле, там были «космические» задачи и «космические» же сроки их исполнения.

12:02

Сделать из фиксированного сайта адаптивный за 6 часов, настроить серверный рендер под ReactJS за полдня, исправить баг Google Maps и т. д.

12:07

У меня вообще было чувство, что руководитель считал, что у меня есть волшебная кнопка «Сделать ох___но», на которую я должен нажимать.

12:47
@cssunderhood нууу, а почему бы не говорить на такие сроки просто "нет"?

Я говорил. Видел бы ты его глаза! 0_о
twitter.com/Sigiller/statu…

12:49
@cssunderhood с другой стороны зачастую проще уволиться, чем тратить на эту коммуникацию нервы, если с той стороны человек слушать не хочет

Там ещё система такая была, что если не справляешь с этими задачами («срываешь сроки»), то тебе флексят з./п. PROFIT twitter.com/Sigiller/statu…

13:02
@cssunderhood Напоминает историю ithappens.me/story/13491 (но там без крайностей).

Я очень хотел поработать в команде, чего мне не хватает, как фрилансеру. К слову, команда очень сильная, все сеньоры twitter.com/ruGreLI/status…

13:26
Как включить width=device-width для телефона и отключить для планшета? @cssunderhood RT plz
13:52
Йоу! У нас есть скидка 20% на коворкинг в «Кто такой Джон Голт»: facebook.com/groups/webnotb… pic.twitter.com/iABZC28tIV

А у @webnotbombs_by тут есть ништячок для минских фрилансеров от john-galt.by twitter.com/webnotbombs_by…

14:01
Какой атрибут элемента <html> включает механизм кэширования страницы? Уже используете на своих проектах?

Ну что, подведём итоги голосования? Меньше половины ответивших знают, как управлять кэшированием средствами HTML5 =( twitter.com/cssunderhood/s…

17:54
Ну что, подведём итоги голосования? Меньше половины ответивших знают, как управлять кэшированием средствами HTML5 =( twitter.com/cssunderhood/s…

Спецификация W3C: w3c.github.io/html/browsers.… и обзорная статья на хабре аж 2012 года: habrahabr.ru/post/151815/ twitter.com/cssunderhood/s…

18:02

Это к тому, что не стоит гнаться за Web Worker, WebAssembly и т. д., минуя хотя бы бесплатные курсы @htmlacademy_ru pic.twitter.com/re8D9YND0p

18:09

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

@cssunderhood @htmlacademy_ru а чего не стоит гнаться когда есть новые решения на улучшенных стандартах?

В погоне за «новым» есть риск упустить уже готовое. И умение найти грань между этим приходит только с опытом, имхо… twitter.com/operatino/stat…

0:56

А в противном случае мы повторяем историю с left-pad, делаем кнопки из ссылок (без href), извращаем веб…
@operatino pic.twitter.com/x5Yzl2TTBd

1:11

А в Питере светает. Вид из окна на парк Городов-Героев (Пулковский парк).
Доброе утро тем, кто ещё (уже) не спит! pic.twitter.com/oGobdK26VK

1:39

Каждый второй четверг каждого месяца Google проводит видеовстречи для веб-мастеров (19 мая): plus.google.com/communities/10… pic.twitter.com/9ZCWu99SZW

2:04

Утренняя порция hi-tech: интерактивный стол для пинг-понга (ябпоиграл): vimeo.com/161672022

2:24
Ещё один тест, теперь на знание CSS3: что будет, если установить свойство "cursor" в значение "none"?

Чуть не забыл про другой тест. Тут не многим лучше — справились лишь 55% из 174 рискнувших: developer.mozilla.org/en-US/docs/Web… twitter.com/cssunderhood/s…

3:05
@cssunderhood таки по спекам нету такого свойства.

Ну ладно, я сжульничал, признаю. Но это не повод руководствоваться ТОЛЬКО спеками, верно? twitter.com/v_twibli/statu…

3:07

Ребят, а покидайте ссылки на свои CV/резюме/портфолио.
У меня совсем простенькое: realetive.github.io

3:21
@v_twibli @cssunderhood как это нет? w3.org/TR/css-ui-3/#c…

Спасибо! А я не нашёл =( twitter.com/SelenIT2/statu…

3:38
Finally got this running: snappy in-editor "autocomplete" powered by a neural net trained on old sci-fi stories. pic.twitter.com/Cu4GCZdUEl

Утренний hi-tech: автокомплит в текстовом редакторе, использующий нейронную сеть. Ну это просто «Вау!». twitter.com/robinsloan/sta…

4:51
О создании LED-таймера на SVG — stylecampaign.com/blog/2016/04/b… pic.twitter.com/h0jx0RQ0CK

Работающего, кстати, в большинстве популярных email-клиентов! twitter.com/forwebdev/stat…

5:11

Музыка, под которую я люблю кодить (нескончаемый поток эмбиента):
vk.com/parano_ia

P. S. Осторожно, некоторых вгоняет в депрессию!

5:15
@cssunderhood а вы еще или уже?

Я – ещё =)
Я ж говорю — «сова». Хотя, чаще мой режим соответствует даже не «сове-жаворонку», а «зомби». twitter.com/kbytin/status/…

6:59
@cssunderhood я тоже из зомби, но зачем то парюсь, и хочу стать жаворонком и вставать в 5 утра

О, понимаю вас. Но такой режим зависит от задач. Я, например, сейчас ваяю это — github.com/Realetive/cssu… twitter.com/kbytin/status/…

7:08

Список из 40 ресурсов с коллекциями UI-паттернов от @smashingmag
smashingmagazine.com/2009/06/40-hel…

P. S. Я знаю, что за 2009 год, но оно того стоит.

7:57

«Технологии — это всё, чего не было, когда ты родился»

— Алан Кей, учёный в области информатики pic.twitter.com/Ve1T3Eve76

8:22

А вообще (кстати) сегодня же пятница — конец рабочей недели! Предлагаю устроить обмен полезными ссылками на инструменты и ресурсы…

8:35

Каталог ваших «⭐» проектов с ГитХаба (теги, фильтр, поиск): astralapp.com pic.twitter.com/sxQclBW8MF

8:43
@cssunderhood опечатка во второй строке в слове "почему" realetive.github.io

О, спасибо! Сейчас поправлю… twitter.com/denishus/statu…

8:44
@denishus @cssunderhood На сегодняшний день основным направлением моей профессиональной деятельности является фронтенд: → фронтедер

Вот тут не понял, объясните, пожалуйста. Направление — фронтенд. Фронтендер — это скорее профессия, чем направление. twitter.com/Yumadilov/stat…

8:53
@cssunderhood У меня ещё проще: нет его.

Да у меня тоже не было, пока не позвонили с какой-то hr-конторы и не спросили: «А что вы умеете?». Пришлось писать… twitter.com/webholt/status…

8:57
@cssunderhood а для чего ты пишешь о направлении, а не профессии? Почему это важно? :-)

Потому что не считаю фронтенд профессией. Профессия: дизайнер, разработчик интерфейсов, сисадмин и т. д. twitter.com/Yumadilov/stat…

9:01
@cssunderhood ну то есть резюме всегда персонализируется под желаемого работодателя, а то оно будет длинным и нечитабельным.
9:06
@cssunderhood почему?

Фронтенд — слишком широкое понятие, включающее в себя целый пласт направлений: типографику, дизайн, UX/UI, тексты… twitter.com/Yumadilov/stat…

9:12

Подбор «контрастируемых» цветов с учётом WCAG #a11y (онлайн сервис, nmp-пакет): jxnblk.com/colorable pic.twitter.com/NLBPDY24fQ

9:16
@cssunderhood в принципе, все может делать один человек, но тогда он совмещает несколько должностей, но понятие не расширяется.

Готов поспорить, но яви — не лучшее для этого место. Предлагаю опрос подписчиков. twitter.com/SheVasya/statu…

9:20

Опрос: фронтенд как понятие и сфера деятельности — это только вёрстка и программирование или более обширное понятие?

9:27
Как аккаунт скатился в говно
twitter.com/cssunderhood/s…
9:30
@cssunderhood @jagettervind технологии в принципе существуют уже тысячи лет. А вот информационные технологии... кривой перевод?

Оригинал: «Technology is anything that wasn't around when you were born», Hong Kong press conference, late 1980s twitter.com/alba_longa/sta…

9:43

Если вы хоть раз вручную стилизовали «простыню» Гугл Карт — есть автоматизированный сервис: gmaps-samples-v3.googlecode.com/svn/trunk/styl… pic.twitter.com/gDyhzK2Aw4

9:53
Опрос: фронтенд как понятие и сфера деятельности — это только вёрстка и программирование или более обширное понятие?

Как видите, большинство (⅔) всё же считают, что не только вёрстка и программирование составляют фронтенд @SheVasya twitter.com/cssunderhood/s…

10:23
Открыта регистрация 4front митап #12 17 мая на Фабрициуса 4 через Telegram бот
👉👉👉👉 lnk.al/AVr pic.twitter.com/KkrcvTfUyi
10:27

Тпиогрфаика для дислексиков — одна из причин, по которой я считаю, что текст — это тоже фронтенд: habrahabr.ru/post/132903/
@Sigiller

10:32
@cssunderhood типографика != текст, особенно в случае, когда ты их перечисляешь в одном предложении

Вы ошибаетесь. Типографика = текст, но текст не всегда относится к типографике. В вебе это работа фронтендера. twitter.com/Sigiller/statu…

10:38
@cssunderhood а работа с текстом — копирайтинг и редактура.

Тогда, возможно, мы просто друг друга не поняли. Я не упоминал ни копирайтинг, ни редактуру. @Sigiller twitter.com/Finchjke/statu…

10:49

Ещё один инструмент, аддон для Firefox проверяет доступность #a11y (WCAG 2.0 и ARIA) pic.twitter.com/omiRMeX7w6

11:36
Друзья, кто хочет на следующей неделе попробовать себя в @cssunderhood? Что это такое и почему полезно → bizikov.ru/posts/cssunder…
11:45

Волнующий вопрос: как вам идея митапов в формате «Ты рассказываешь — я угощаю»? Расскажете мне о webpack за бокалом любимого чего-нибудь?

12:01

За такую сумму я сам тебе расскажу =) А откуда такая цифра, если не секрет? @SilentImp

12:06
У Firefox постоянно какие-то ограничения с `position`. Чё за фигня? Как мне теперь feip.co в Firefox починить? @cssunderhood

У меня и в Chrome «коллапсирует». Тут s.codepen.io/Grawl/debug/Xd… , кстати, тоже… twitter.com/GrawlCore/stat…

18:26

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

Извините, у меня тут «пригорело» на текущем проекте — вёрстка писем. Что вы используете? Кодите сами или юзаете спец. программы/сервисы?

3:24

`pycckuu-loader` для webpack позволяет писать JS на великом и могучем! Теперь ты видел всё!

github.com/PycckuuJS/pycc… pic.twitter.com/xf2iIRfAmV

3:30

Ещё одна цитата от уже упомянутого Алана Кея:
— Я придумал термин «объектно-ориентированный», и вот что я вам скажу, я не имел ввиду С++.

3:49
@cssunderhood я б посмотрел на @ZURBfoundation

Точно! Совсем забыл про этот кит. А что скажешь про «меилчимповский» github.com/mailchimp/emai… ? twitter.com/GrawlCore/stat…

4:16
@cssunderhood, у @ZURBfoundation выглядит круто их темплейт язык для писем, можно больше не верстать таблицами
4:44
@cssunderhood расскажи, на примерах, более конкретно как ты используешь @PostHTML? 😋

Пока только инлайн стилей, но в черновиках есть свой парсер для #MODX на базе `posthtml-exp`. twitter.com/voischev/statu…

5:59

Кстати, пользуясь случаем (хоть и с опозданием), поздравляю Ивана @voischev Воищева с днём рождения! #b_ , мужик! pic.twitter.com/tMzKoLwryU

6:02
@cssunderhood плагины для @PostHTML просто пишутся на твой взгляд?

PostHTMLTree более чем понятный, работать с ним легко. Проблема не в сложности парсинга/рендера, а что я — новичок. twitter.com/voischev/statu…

6:06

Кстати, Иван, а где можно найти материалы с ваших #DesignDepression ? Очень классная идея, но, как я понял, пока только для Мск? @voischev

6:10
@cssunderhood плагины для @PostHTML просто пишутся на твой взгляд?
6:11
@cssunderhood есть не мало вариантов, что бы усложнить дерево, получив более тонкую настройку, но пока этого не хочу делать @PostHTML
6:14
@cssunderhood это была закрытая серия встреч... Материалов в сети не будет. Но общаться с докладчиками никто не запрещал 😉

Ребят, все поняли? Отлавливаем @voischev @awinogradov и других участников @protein_io — их идеи дизайн-систем супер! twitter.com/voischev/statu…

6:22
@cssunderhood ещё есть тулзы на @PostHTML для инлайна css

Есть удобный каталог по аналогии с postcss.parts , только про @PostHTMLmaltsev.github.io/posthtml-plugi… twitter.com/iamfrntdv/stat…

6:30
@cssunderhood вот небольшой обзор apps4all.ru/post/04-04-16-…
6:33

А ещё — революционный (моё имхо) вводный доклад Антона @awinogradov Виноградова в идею дизайн-систем с @pitercss youtu.be/j6v-B45fsDI

6:38
@cssunderhood заюзал недавно emailframe.work, спас меня от нервных расстройств.

А ещё для совсем ленивых есть, например, beefree.io — редактор email-шаблонов прямо в браузере 😜 twitter.com/TheSunwave/sta…

7:21
@cssunderhood я буду у вас 14 мая на Talks&Works с докладом про @protein_io ;)

А вот, кстати, и подробности самой встречи — vk.com/t_n_w (сам сайт почему то «лежит»). twitter.com/awinogradov/st…

7:24

Как разгребсти ТОННУ закладок в браузере, ❤ в тви, ⭐ с ГитХаба, заметок в Эверноте и выжить? Как вы это делаете? pic.twitter.com/NK4zB7tI1r

7:40
@cssunderhood еще есть такое (вдруг кто не знал) snazzymaps.com
8:10

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

Я видел доклад @asktwi и скринкасты Кантора. Моя идея о другом — мотивировать на неформальное общение и обмен опытом. Угощение как повод.

0:53

Сегодня последний день моего @cssunderhood. Терпите, осталось чуть-чуть =) #HatersGonnaHate pic.twitter.com/EPRgY0mKVg

0:58

В начале недели мы вскользь затронули дизайн. Сегодня я бы хотел обсудить чеклисты наподобие i-love-psd.ru (других я не знаю).

1:05

Отличный сервис (на случай важных «переговоров» с дизайнером), не раз меня выручал, но… мне кажется, он устарел и его надо дополнить.

1:09
Отличный сервис (на случай важных «переговоров» с дизайнером), не раз меня выручал, но… мне кажется, он устарел и его надо дополнить.

Если у вас есть соображения на этот счёт, чтобы не засорять ленту, приглашаю обсудить это: github.com/Realetive/clie… twitter.com/cssunderhood/s…

1:41

А если вы верстаете, то вам поможет html5checklist.com Игоря @ihorzenich Зенича. Список так хорош, что на него можно медитировать.

2:44
@cssunderhood Дринкап вслепую. Столики по 4 места с темами (webpack и т.п.). Люди пьют, общаются и каждые 10 минут кто-то пересаживается ;)

Или на 🍻-апе взять инициативу — попросить опытного разработчика рассказать о чём-нибудь, «повторив» ему его заказ… twitter.com/asktwi/status/…

6:33

Заходите «в гости» на митап #MODX на Рубинштейна, 1 в ламповом vk.com/commode.club — будем обсуждать фронтенд =) pic.twitter.com/ErbcyE5TQt

10:37
Кавер на 5'nizza прямо сейчас с балкона на Невском в Commode. Кто не попал на наш митап #MODX, многое упустил. pic.twitter.com/s2mua8W62a
17:22

Завтра — великий день Памяти! А посему я позволю себе неспешно проститься с вами, мои дорогие читатели.
youtu.be/L3Y5FrL9Gcc

17:24

Не буду утомлять вас ретроспективной и «подведением итогов» — я уже всё сделал: github.com/Realetive/cssu… + бонусы, что не вошло в эту ленту…

17:26

Эту неделю с вами был начинающий фронтенд-разработчик Роман @Realetive Ганин из Питера. До встречи IRL. Спасибо за то, что вы есть! Logout.

17:29

vk.com

github.com

youtu.be

other