denisfedosov

24 июля 2015

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

Всем привет ) Меня зовут Денис @denisfedosov и люблю верстать. Работаю удаленно в ⚑ Passenger.me.

5:40

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

5:42

Если вы недавно проснулись, сейчас самое время сделать небольшую зарядку ) Особенно это важно тем, кто работает дома.

5:50
@cssunderhood @denisfedosov привет :) а в чем разница этого аккаунта от @jsunderhood ?) или я что-то пропустил?!)
5:56

Расскажите о своем любимом треккере задач. Мы вот около года назад переехали на github issues. Мне кажется он удобен для разработчика.

6:19

. В коммитах можно давать ссылки на тикеты, а тем кто любит досочки, можно использовать расширение ZenHub @cssunderhood

6:21
@cssunderhood как давно работаешь в этой сфере? Саблайм или Атом? Галп или Грант? Постпроцессоры или препроцессоры? :)
6:23

Вплотную я полез в код примерно 3 года назад. До этого были сайтики на modx, менеджерство. В общем, искал себя ) @hypnocolor

6:25

Однажды променял WebStorm на Atom и не жалею ) Обожаю sass и планирую когда-нибудь мигрировать на stylus

6:28
@cssunderhood почему поменял вебшторм на атом?
6:39

WebStorm платный. Я так подумал, а так ли нужен комбайн, которой много ест, когда можно взять что-то более простое ) @Sigiller

6:40

Раз уж зашла речь об Atom/Sublime/WebStorm, поделитесь своими конфигами. Какие плагины используете? У меня очень аскетичный список

7:04

. он состоит из нескольких плагинов, типа Emmet / Css comb / Autosave @cssunderhood

7:06

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

7:09
Как вы просматриваете большие файлы на Маке? Скажем XML на 100mb. Атом отказывается открывать такие. @cssunderhood
7:10

. Честно говоря пару раз сталкивался с этим. Открывал Atom-ом. Он конечно тупил, но я выпил кофе и файл открылся ) @Bizi

7:11
@cssunderhood может кто то в vim верстает?)
7:20

. Почему-то вспомнился MS FrontPage. Ох и как в нем было жутко писать код ) @mr_skriming

7:22

.@_sashashakun Рабочий аккаут на гитхабе платный, да. Там хранится код и там же ставятся задачи, в issues.

7:43
@cssunderhood Я всё хочу попробовать Атом вместо Саблайма, но никак не решусь. Стоит?
7:43

.@sapegin Попробовать стоит, но будет ломка по ST ) А вообще, если устраивает ST, то вряд ли найдете у Атома больше преимуществ.

7:47
@talgautb Надо посмотреть, как там с плагинами. В Саблайме у меня сейчас вот такие: github.com/sapegin/dotfil… @cssunderhood
7:57
@cssunderhood для Атома: beautify, csscomb,editorconfig, autoprefixer, emmet, линтеры, набор шрифтов fonts, merge-conflicts, save-session
7:57
@cssunderhood Пишу тему под атом, может кому понравится github.com/Nitrino/nil-ui
8:13
@cssunderhood, привет. Ты пробовал Brackets? А то все написали про sublime или atom. Мне стало интересно, я один скобками пользуюсь?
8:13

.@usernamus я пробовал его когда-то давно, он был еще в альфе. Удобно им пользоваться? Что в нем нравится?

8:14

Расскажу про организацию рабочего времени в нашей команде. Мы все начинаем работать примерно с 8-ми утра. Это время как-то само установилось

8:19

В 11 утра митинг в hangouts. Обсуждаем что делали вчера и что будем делать сегодня. До митинга обычно мы много коммуницируем в чатике.

8:20

После митинга обычно наступает тишина и мы делаем свои задачи.

8:21

Каждый понедельник — обсуждение планов на неделю. По пятницам один из нас рассказывает что-нибудь интересное или устраиваем ретроспективу.

8:23
@cssunderhood как-то вы набрали всех жаворонков в одном месте, а как же программисты, которые спят до обеда, а ночью кодят?
8:23

.@dshster я любил спать до обеда, но пришлось перестроиться. И сейчас мне даже нравится, потому что вечером остается больше времени

8:24
@cssunderhood что-нибудь интересное рассказывает на любую тему или профессиональное? После работы или во время?
8:29

.@juwain тема может быть любая. Например, маркетолог может рассказать про группы пользователей, их образы и прочее.

8:33

.@juwain Все это в рабочее время. Это недолго — полчаса - час. Обмен знаниями в команде очень важен.

8:34
@cssunderhood лучше расскажите пользуетесь ли вы тайм-трекером, потому что найти адекватное приложение под Windows беда, как Hamster Project
8:35

.@dshster Раньше использовали TimeCamp. Потом отказались, потому что не важно сколько человек работал. Главное — реализация плановых фич.

8:36

.@dshster Раньше, для себя я пользовался Toggle. Платная версия позволяет считать не только время, но деньги по каждому клиенту.

8:38
@vladimore @cssunderhood тут двоякая ситуация, можно сделать, но вопрос когда? Перфекционисты могут неделю сидеть над дневной задачей
8:44

.@dshster @vladimore Срок реализации ограничивается планом на неделю. Ну на ежедневном митинге понятно какая задача затягивается.

8:46

.@dshster @vladimore Это работает в небольшой команде. Нас разработчиков всего 5 человек.

8:47
@juwain @cssunderhood очень-очень плохо использовать Автопрефиксер из браузера — ставьте gulp
8:47

С вами так интересно, что работа встала ) Пойду немного поработаю.

8:49
@cssunderhood @dshster @vladimore а весь день каждый «пилит» чисто свою задачу или бывают «коллективные штурмы»?
9:01

.@SelenIT2 Мы стараемся наобщаться в одно время. Помитинговали, обсудили вместе работу. Если недостаточно — разошлись говорить по приватикам

9:04
@cssunderhood Плагин для синхронизации настроек packagecontrol.io/packages/Packa…
Просто сохраняет/считывает настройки в облако (dropbox и т.д)
9:44
@cssunderhood вот что скажите профессиональные html программисты, в html5 комильфо вкладывать тег div в а или span? #html
10:44

.@dshster Вот, с одной стороны, я считаю это неправославно. Но иногда без этого никак.

10:48
@dshster @cssunderhood В ссылку можно вкладывать что угодно html5doctor.com/block-level-li…
10:50

Вы все вы наверняка любите #bem и знаете про веб-компоненты. На текущей работе я столкнулся с проблемой совмещения одного с другим.

11:02

С одной стороны, мы договорились привязывать все стили к компоненту, с другой, мне не хотелось бы как-то воткнуть туда #bem

11:03

codepen.io/denisfl/pen/BN… Вот небольшой пример. Как на ваш взгляд должен выглядеть код? Давайте порассуждаем.

11:03
@cssunderhood можно добиться ещё большей изоляция с помощью CSS Modules github.com/css-modules/cs…
11:05
@cssunderhood можно просто считать .component блоком (и писать стили на него), а всё что вложено внутрь считать элементами блока
11:12

.@veged Иногда требуется добавить стилей к component (указать типа блочной модели) и это ломает идею отталкиваться от класса .component

11:15

.@andrey_sitnik Это обязательно нужно попробовать, спасибо )

11:16
@LeusMaximus @dshster @cssunderhood не всё, интеракт. эл-ты (в т.ч. др. ссылки) нельзя. Но если очень хочется, то kizu.ru/fun/nested-lin… :)
11:20
@cssunderhood @dshster а в чем неправославность, если Content model у a теперь та же, что у ins/del, а браузеры всегда поддерживали?
11:26
@cssunderhood я имел ввиду `component`, а не `.component` — внутренний div уже может быть `.component__wrapper`
11:58
@cssunderhood @veged по идее кроме блочной модели ничего и не нужно задавать компоненту по тегу, это можно считать normalize-ом
12:19

Расширим задачу: компонент user-avatar. Используется в двух местах с разным позиционированием. @juwain @veged

12:21

Как правильно добавить модификатор? В виде класса к `user-avatar`? @juwain @veged

12:22
@cssunderhood .user-avatar.is-big — если на одном теге не может быть два разных элемента/блока (а это ад), то модификатор можно сократить
12:41

.@andrey_sitnik Т.е. не важно, кастомный ли это элемент или обычный тэг, мы добавляем к нему и базовый класс + возможные модификаторы?

12:43
@cssunderhood Я так делаю: .parent-block__user-avatar — тут позиционирование, а в .user-avatar только аватар.
12:43

.@sapegin Да, я тоже так делаю, но мне не нравится дублирование кода, которое может возникнуть в разных родительских блоках.

12:44
@cssunderhood @sapegin иногда страх перед дублированием когда приводит к большим последствиям чем его наличие
12:48

.@ishabaa @sapegin Дублировать код не страшно, а вот вносить правки в пяти местах больно и дорого )

12:52
@cssunderhood @veged модификатором классу .user-avatar. Блочная модель по тегу — это же нечастый случай, скорее исключение из правила.
13:16

.@juwain @veged вот да, я к этому и хотел подвести — все описывается классами. А тэг компонента по идее вообще не нужно трогать.

13:18
@cssunderhood расскажите как научиться верстать сайты.
13:32

.@footballfrost Почему-то пропустил я этот вопрос. А он ведь хорош ) Вот захотел человек научиться, прошел курсы, а дальше что?

13:34

.@footballfrost А дальше практика. А где ее брать? Я бы заходил на дриббл, качал psd-шки и пробовал верстать. Там очень красивые интерфейсы.

13:36
@cssunderhood а если по делу: как легко объяснить дизайнеру основы верстки? Есть какая-то дока с выжимкой именно для дизайнера?
13:43
@cssunderhood нужна практика. Видеоуроки. идеально, когда есиь наставник.
13:45

У меня вот есть затык в js. Я застрял в развитии, потому что нет практики и наставника :)

13:46
@cssunderhood Мне очень не нравиться это разделение — так как люди начинают писать код, а не делать интерфейс
13:52
@cssunderhood Аналогично. Лично сам давно думаю над прохождением курсов learn.javascript.ru/courses Может, кто проходил, и есть чем поделиться?
13:53

.@ravbetsky Я проходил. Двоякое чувство. В целом хорошо, но сейчас курс стоит дороговато.

13:54
@cssunderhood Наставник даже не столь важен, не хватает реальных задач, верстая средний корпоративный сайт весь JS заканчивается на слайдере
14:04

Покидаю несколько ссылок, которые можно глянуть на выходных. Если у вас есть добавить, пожалуйста, присоединяйтесь.

16:50

cssdevices.io — в целом бесполезная, но забавная библиотека apple девайсов на css.

16:51

devinhunt.github.io/typebase.css/ — этакий normalize.css для типографики.

16:53

Using CSS4’s validity pseudo-classes to make forms epic isev.co.uk/blog/using-css…

16:57
@cssunderhood возьми например API фосквера, APi Google maps и замути свой фосквер только лучше. Опыта будет куча и интересно делать
21:05

.@knaipa спасибо за идею, поразмыслю над ней на выходных, может что полезного может выйти.

21:07
@cssunderhood А нет ли у кого примера Style Guide передачи дизайнером адаптивной и респонситив сетки верстальщику? А то эти "непонимания"
5:36

.@exdeniz не понимания размеров и принципа работы? Мне однажды помог созвон, на котором я расшарил экран и показал на примерах что-как.

5:40

.@exdeniz а вот сборник правил хорошего тона в фотошопе i-love-psd.ru

5:43

Мне последнее время все больше начинает нравится панель разработчика в FireFox. Она какая-то более человечная, что ли.

6:28

Ещё я периодически устраиваю "день другого браузера", стараясь пользоваться FF / Opera / Safari / Я.Браузер.

6:33

Про Safari я сделал для вывод. что это браузер одной вкладки. Как только появляется несколько вкладок, пользоваться им неудобно — теряешься.

6:38
@cssunderhood как впечатления от я.браузера?
6:39

.@kohgpat Мне нравится Я.Браузер, как-то все уютно сделано. Кроме иконки )

6:40
@cssunderhood всё больше говорят о том, что сафари - это новый ие8
6:41

.@Sigiller полностью согласен с этим высказыванием.

6:41
@cssunderhood зато в нем есть крутая прокрутка табов, если их очень много.
6:42

.@dmitryshimkin Там нет фавиконок. Это очень затрудняет поиск нужной вкладки.

6:42
@cssunderhood просто хром научил плохому. Постоянно в хроме вижу у других 100500 открытых вкладок :) например в твоей IDE так же? ;)
6:53

.@voischev я приучил себя держать открытыми около 5-10 вкладок. Если нельзя прочитать названия вкладок — пора закрыть половину из них )

6:56
@cssunderhood надо б попробовать ) а то я мигрировал, когда ещё фаербаг был )) а в чём соль?
6:57

.@juwain В мелочах ) Можно взять и зафиксировать выделение элемента, удобнее править DOM. Попробуй, со времен firebug FF далеко шагнул )

6:59
@cssunderhood если так то кажется что в пяти вкладках сложно запутаться даже без фавиконок ;)
7:04

.@voischev а если я сорвался и открыл 10? ) На самом деле, просто скучно без фавиконок. Для пары вкладок браузер-то хороший :)

7:07
@Sigiller @cssunderhood вот, может пригодится devtoolstips.com
7:13
@cssunderhood пф! Вот 10 ) Запутаться не реально. :) Так же как и в IDE полет нормальный pic.twitter.com/BF7IbrTY8m
7:40

.@voischev ахаха, проверил — сворачивает табы только на 12-ти ) Но все равно, не мой это браузер. Вот прям не лежит душа к нему )

7:42
@cssunderhood а как же Vivaldi ?)
8:18

.@ymatuhin не дошли у меня руки до него. Пробовал? Как он?

8:19
Подскажите как выучить английский? Маст рид книги, курсы и т. д. Как учили его вы?
@jsunderhood @cssunderhood
11:02

.@ymatuhin @jsunderhood я вот по этим книгам занимаюсь. + чтение и перевод статей и фильмы на англ. с англ.субтитрами pic.twitter.com/SGtQaOdj9n

11:07
@cssunderhood это именно по грамматике книги? А видеокурсы какие-нибудь проходил? Их сейчас тьма тьмущая просто)
11:19

.@ymatuhin Ага, грамматика. Я пробовал ЛингвоЛео, но у меня не покатило. А вот @footballfrost в восторге от него.

11:21

В рамках пятницы и фана: у меня есть домен stopfridaydeploy.com (и .ru) И есть идея собрать отзывов о том, почему лучше этого не делать.

12:07

Особого смысла нет, просто ради фана. Что думаете, может есть идеи получше? )

12:07

Наступает вечер пятницы и нам пора прощаться. Спасибо всем в этом чате, мне было очень приятно с вами общаться. Вы интересные собеседники.

14:47

Отдельное спасибо @juwain за возможность открыть коллективный твиттер и @iamstarkov за сайт cssunderhood.ru

14:49

С вами был Денис Федосов-Ледовских @denisfedosov. Буду рад продолжить общение за рамками @cssunderhood

14:51

Ну что, как вам эта неделя? Небольшой орг. момент: для пущего порядка следующий автор начнёт с понедельника, и так будет впредь.

17:49

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

Интересно, что значит BDSM в описании @cssunderhood. То что приходит первым в голову явно не из той оперы. 🐇
6:03

.@esergeev давайте спросим у @juwain Наверняка что-то напрямую связанное с версткой :)

6:04

Сегодня суббота. Надеюсь вы не деплоили вчера никаких фич? А если деплоили, то хорошенько протестировали.

6:08
@esergeev @cssunderhood Brotherhood of Developers in Social Media
6:08

Однажды мы отгребли работы на 4-ро суток после менеджерской оценки "да тут работы на пару часов". Было жестко, но весело )

6:11

А как вы оцениваете проекты, фичи? Умножаете на два, на три? Закладываете сроки тестирования, обсуждения, раскачивания?

6:12
@cssunderhood @esergeev Building Dynamic Scalable Media ))
6:23
@cssunderhood в Казакстане деплоить для гос можно только в пятницу/субботу, вот так и живут люди 😄
6:23

.@talgautb я работал раньше в гос. структурах. Там совсем другая цивилизация )

6:24
@cssunderhood обычно (ожидаемый срок)*100/(процент непоняток).
6:25

.@esergeev а еще нужен коэффициент срочности )

6:26
@cssunderhood побояню, извините pic.twitter.com/utMQnW4aBp
6:33
@cssunderhood π*(m/2), где m — первоначальная оценка. Формула от @bobuk
7:01

.@yustovskiy клевая формула, да ) @bobuk

7:02
@yustovskiy @cssunderhood нет. У меня есть графическое обоснование этой формулы но рисовать лень сегодня.
7:24

.@yustovskiy youtu.be/xPPCzryZK44?t=… вот тут Вадим Макишвили рассказывает про эту формулу (@bobuk)

7:25
@cssunderhood @talgautb Тоже был опыт госработы, особенно впечатлило, что вместо эл. почты используют служебки. Это как совиная почта в ГП 😃
7:53

.@yustovskiy мы принимали эл. почту, распечатывали письма и несли по кабинетам ) @talgautb

7:54

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

Надеюсь хорошо отдохнули? Пора настраиваться на работу. Мне обычно помогает техника помидора. Главное — первый помидор.

5:46
@cssunderhood Главное, чтобы во время первого помидора не прилетел интересный реплай на твит.
5:49
@cssunderhood я на этой неделе пробую впервые помидоро ) что используешь для трекинга времени?
5:57
@cssunderhood и ещё вопрос: ты рассчитываешь предварительно, сколько помидоров займёт задача или просто делаешь и отмечаешь по факту?
6:10
@cssunderhood @juwain какие помидоры? Вы о чем?
6:22

.@press_dislike Мы о технике управления временем ru.wikipedia.org/wiki/%D0%9F%D0… @juwain

6:23

Интересно, почему все так хвалят #Slack, но никто не говорит о #Flowdock. Меж тем, мы в команде используем его и он клевый.

6:53

Самое клевое во Flowdock — возможность делать тренды в рамках одного чата. Это безумно удобно.

6:54

* треды. Извините, опечатался. Спасибо @sapegin )

7:11
@cssunderhood вопросы юного падавана: похвастайся своим параллаксом. что посоветуешь прочесть? бест практис, любимые плюшки с кодпен, напр.
10:22

.@int16h Покидаю несколько ссылок, которые постоянно держу под рукой. Они стары, но актуальны.

10:24

Чек-лист верстки habrahabr.ru/post/114256/

10:26

google.com/design/tool/de… метрики устройств

10:26

Несколько решений на flexbox philipwalton.github.io/solved-by-flex…

10:28

Кстати, о flexbox. Вы уже начали его использовать?

10:30

Когда-то давно, когда я верстал под проекты на ruby on rails, я использовал генератор сайтов middlemanapp.com в качестве сборщика.

10:32

К нему сделал небольшой шаблон github.com/denisfl/thane/ с набором часто используемых миксинов. Возможно кому-то пригодится )

10:35

Это решение мне казалось гораздо удобнее, чем grunt (gulp-а тогда не было), менее монструозно и более стабильно, чем yeoman и пр.

10:37
@cssunderhood ни разу не слышал про Flowdock, может проблема как раз в раскрученности? Про Slack довольно много статей в СМИ.
10:39

.@dshster Slack сильно пиарится, да. Я пользовался и тем и другим, и считаю, что Flowdock выигрывает по фичам.

10:41

.@dshster Например, можно подключить нотификации о статусе сборки, деплое, изменения на гитхабе. Это удобно, потому что все в одном месте.

10:42
@cssunderhood Slack кажется поддерживает внешние плагины с гитхаба и CI-сервисов. slack.com/integrations
10:48

.@dshster Аа, возможно они расшили функциональность. Раньше это было так себе. В любом случае, оба мессенджера в сто раз удобнее скайпа )

10:51
@cssunderhood самое раннее использование флексбоксов у нас в продакшне я вижу от апреля 13 года...
11:04

.@from_anywhere ого, вы круты ) Мы с прошлого года начали внедрять.

11:05

Я всегда за использование новых технологий и считаю приемлемым поддерживать две последние версии браузеров, остальным — "обновитесь, пора".

11:15
@cssunderhood мой любимый вид поддержки старых браузеров - это ссылки на скачивание новых)
11:18
@Sigiller @cssunderhood только ни в коем случае не блокируй контент сайта — иногда выбора нет, а нужно срочно найти какую-то информацию
11:34

.@Sigiller Мы обычно делаем просто плашку с уведомлением вверху страницы @andrey_sitnik

11:36
@cssunderhood прям вот всегда? Даже когда пользователи ie8 приносят кучу денег? @andrey_sitnik
11:37

.@antonfrolovsky Конечно, все зависит от ЦА. В моей практике пользователи ИЕ8 не приносили кучу денег @andrey_sitnik

11:38
@cssunderhood мне больше Gitter по душе. В команде используем slack. @dshster
11:55

.@denysdovhan А чем Gitter нравится? Не доводилось с ним работать. @dshster

11:55

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

Как вы тестируете свою работу? Сами / с помощью настоящих тестеров / автоматически? Поделитесь, мне очень интересно.

6:38

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

6:40

Соответствие макета и верстки проверяю с помощью плагина PerfectPixel (он есть и для Хрома и для ФФ)

6:41
Кто подскажет как такой эффект фона для модальника сделать cloudup.com/cphJc1ms1D4? @cssunderhood ретвить плз
6:41
@cssunderhood достаточно показать результат дизайнеру - быстро узнаешь много нового о том, как должно было быть
6:54

.@rimmer333 Для меня это второй этап тестирования. Проверил сам, теперь можно отдавать дизайнеру, тестеру (если он есть) и получать фидбэк.

6:56

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

6:58
@cssunderhood есть makeup от 2гис,но это больше инструмент чтобы убедиться в независимости независимых блоков.И да, самому глазами смотреть
6:59

.@rimmer333 Лежит в закладках, но не доходят руки поэкспериментировать с ним. Удобно им пользоваться, сильно облегчает жизнь?

7:00
@cssunderhood Да и чтобы начать, скорее всего, тоже :-)
7:08

.@sapegin Иначе никак, да ))

7:08
@cssunderhood ещё важно получить фидбек и ревью от коллег, всегда у нас выносим работы на общий суд коллективного разума
7:17
@cssunderhood первым делом сам, на всех доступных девайсах / эмуляторах / браузерах, потом уже дизайнеру. Хотя бывают и исключения
7:23

.@rdshck А какие эмуляторы используешь? У меня был негативный опыт их использования и я от них отказался.

7:24

.@juwain а не было мысли предложить ревью в качестве услуги в рамках @htmlacademy_ru?

7:27
@cssunderhood @htmlacademy_ru идея есть такая, для успешных участников интенсивов пока что, которые продолжают дальше развиваться
7:40

.@juwain У меня была попытка предложить такую услугу, не зашло. Хотя что уж там, я и курсы пытался организовать :D @htmlacademy_ru

7:44

.@vladimore codepen.io/yusufbkr/pen/J… вот тут пример с похожей сменой фона

10:42

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

А в чём сейчас модно font-size указывать? @cssunderhood
5:32

.@FladeX Мы вот rem используем. Не только для шрифтов, но и для указания других размеров.

5:34

Давайте меняться пластинками. Что слушаете, когда работаете? Я люблю такое mixcloud.com/denisfl/playli…

5:52
@cssunderhood и тут возникает вопрос, почему же всё-таки не px
5:55

.@rimmer333 улучшая вертикальный ритм стали использовать em и rem. Отказ от px - просто соглашение мыслить в других единицах.

6:01
@vdv73rus для такого тупого скейла есть Meta viewport
6:10

.@rimmer333 @vdv73rus Игры с viewport как секс в Тае. Часто заканчиваются неприятным открытием.

6:11
@cssunderhood в последнее время подборки эпл мьюзик )))
6:36

.@juwain судя по отзывам, эпл мьюзик хорош. Но я тут подсел на spotify и не хочу от него отказываться )

6:37
@cssunderhood у меня проблема была после того как 4 года (с 2009 по 2013) посвятил менеджменту проектов. А в это время вышли NodeJs и CSS3.
6:38

.@delaz отказались от менеджмента в пользу разработки? Долго ли наверстывали упущенное?

6:39
@cssunderhood @rimmer333 вертикальную сетку можно вполне собрать на препроцессоре в пикселях
6:43

.@juwain если есть примеры, делись ) Мы используем вот такое решение gist.github.com/denisfl/b7b774… К сожалению, не помню автора. @rimmer333

6:44
Что-то символическое есть в том, что коллективный твиттер верстальщиков @cssunderhood был создан твиттером дизайнеров - @iamspacegray
6:58
@cssunderhood я бы хотел попробовать записаться в очередь разработчиков. Где это можно?
7:15

.@denysdovhan Напиши @juwain

7:15
В последнее время нужны таблицы для данных часто, с фильтрами, сортами, и всяким драгбл строками\колонками. А вы что юзаете? @cssunderhood
9:08

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

9:09

Какими вы правилами руководствуетесь при выборе названий классов? Я вот иногда просто подвисаю на этапе придумывания.

9:58

Кажется я некорректно задал вопрос. Я имел в виду родительский элемент типа nav / header / dropdown / marketplace-search-form

10:06

А есть блоки типа take.ms/2F5Uv Вроде .topbar. Но таких topbar-ов может быть 5. И вот тогда возникает ступор.

10:09
@cssunderhood микроформаты/microdata помогают вдохновляться названиями. Также очень помогает BEM CSS.
10:15
@cssunderhood -Что самое сложное в программировании? -Придумывать название переменным. :D
12:43
@cssunderhood @jsunderhood Составляю список того, что нужно доучить/дочитать. Вопрос… что нужно знать крутому front-end? (тулзы, языки…)
13:24
@ymatuhin @cssunderhood @jsunderhood Вот большой список списков github.com/sindresorhus/a…
И вот еще список github.com/miripiruni/fro…
13:35
@LeusMaximus @cssunderhood @jsunderhood в связи с этим возник вопрос, а где вы храните ссылки\либы\плагины, что бы потом не искать по долгу?
13:40

.@mr_skriming добавляю в избранное на гитхабе и в закладки браузера (@LeusMaximus @jsunderhood)

13:41

# Четверг 22 твита

@jsunderhood @cssunderhood подскажите какой нить пакет для галпа обрабатывать стили чтобы автоматом подставлять пути в background из конфига
5:50
@cssunderhood что думаете про табличную вёрстку?
5:52

.@vladimore Таблицы для данных. Все остальное — нет. Давно ушли те времена, когда меню делались в табличке )

5:54

Пока мы спали @iamstarkov сделал нам сайт cssunderhood.ru "Славься, Джей! Славься, Джей!" © из к/ф "Люди в черном"

5:57
@cssunderhood не эстетично или не практично? если не практично, то почему?
5:58

.@vladimore не практично. Часто требуется адаптация под мобильноые разрешения.

6:00

.@cakeinpanic я так понимаю, хочется как в рельсах указал переменную, а по ней тебе урл подставился @mikeshukshin @jsunderhood

6:04
@cssunderhood раз уж затронули тему.. Мобайл лучше адаптированный десктоп или отельный шаблон?
6:04

.@vladimore холиварная тема ) Имхо, лучше отдельный шаблон. Он независим от десктопа и это дает возможность сделать другой интерфейс.

6:06

.@vladimore Но адаптивный дешевле в разработке и поддержке. Поэтому большинство делает адаптивный.

6:07
@cssunderhood @vladimore display:table иногда практичен и сейчас ))
6:08

.@juwain я под табличной версткой понимаю table > tr > td ... Через стили несчитово! ) @vladimore

6:09

Близится к концу неделя моего молчаливого ведения твиттера. А мы еще о многом не успели поговорить )

8:29

Расскажите о своих личных проектах. Что верстаете в свободное от верстки время?

8:30
@cssunderhood От задачи зависит, что лучше. Для многих простосайтов в этом нет смысла. @vladimore
9:06
@cssunderhood Я верстаю самоучитель по чувашскому языку: сам пишу короткие статьи и делаю хтмл-страницы (ничего особенного).
9:14

.@sapegin Согласен, всегда надо отталкиваться от задачи @vladimore

9:15
@cssunderhood Опенсорс, хомячка: sapegin.me :-)
9:15
@cssunderhood отдельный интерфейс — это же плохо, пользователю надо жар раза учиться и потом постоянно переключать привычки
11:04

.@andrey_sitnik Мобильное типа типа бургер / горизонтальное меню. Два элемента разных интерфейсов. И для обоих сформирована привычка.

11:06

.@andrey_sitnik В глобальном смысле менять интерфейс плохо, да. Но это вынужденная мера, когда речь идет о маленьких экранах.

11:07

Вот еще про таблицы: у citilink.ru обновился сайт. Смотрим код списка товаров (в любом разделе), а там таблицы. Зачем? Неизвестно.

16:32

github.com

other