denisfedosov

24 июля 2015

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

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

8:40

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

8:42

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

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

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

9:19

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

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

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

9:25

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

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

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

9:40

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

10:04

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

10:06

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

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

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

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

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

10:22

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

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

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

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

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

11:14

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

11:19

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

11:20

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

11:21

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

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

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

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

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

11:33

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

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

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

11:36

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

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

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

11:46

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

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

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

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

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

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

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

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

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

14:02

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

14:03

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

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

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

14:15

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

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

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

15:21

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

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

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

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

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

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

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

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

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

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

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

16:34

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

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

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

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

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

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

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

19:50

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

19:51

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

19:53

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

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

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

8:40

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

8:43

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

9:28

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

9:33

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

10:42
@cssunderhood а как же Vivaldi ?)
11:18

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

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

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

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

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

14:21

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

15:07

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

15:07

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

17:47

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

17:49

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

17:51

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

20:49

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

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

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

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

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

9:04

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

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

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

9:11

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

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

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

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

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

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

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

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

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

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

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

10:54

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

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

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

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

9:23

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

9:53

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

9:54

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

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

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

13:24

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

13:26

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

13:26

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

13:28

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

13:30

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

13:32

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

13:35

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

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

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

13:41

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

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

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

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

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

14:05

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

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

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

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

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

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

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

14:55

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

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

9:38

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

9:40

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

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

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

9:56

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

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

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

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

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

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

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

10:24

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

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

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

10:44

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

13:42

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

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

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

8:34

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

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

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

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

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

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

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

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

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

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

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

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

.@denysdovhan Напиши @juwain

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

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

12:09

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

12:58

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

13:06

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

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

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

16:41

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

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

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

8:54

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

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

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

9:00

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

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

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

9:06

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

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

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

9:09

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

11:29

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

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

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

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

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

14:06

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

14:07

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

19:32

github.com

other