# Пятница 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. Атом отказывается открывать такие. @cssunderhood10: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… @cssunderhood10:57
@cssunderhood для Атома: beautify, csscomb,editorconfig, autoprefixer, emmet, линтеры, набор шрифтов fonts, merge-conflicts, save-session10:57
@cssunderhood Пишу тему под атом, может кому понравится github.com/Nitrino/nil-ui11: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 Project11:35
.@dshster Раньше использовали TimeCamp. Потом отказались, потому что не важно сколько человек работал. Главное — реализация плановых фич.
11:36.@dshster Раньше, для себя я пользовался Toggle. Платная версия позволяет считать не только время, но деньги по каждому клиенту.
11:38@vladimore @cssunderhood тут двоякая ситуация, можно сделать, но вопрос когда? Перфекционисты могут неделю сидеть над дневной задачей11:44
.@dshster @vladimore Срок реализации ограничивается планом на неделю. Ну на ежедневном митинге понятно какая задача затягивается.
11:46.@dshster @vladimore Это работает в небольшой команде. Нас разработчиков всего 5 человек.
11:47@juwain @cssunderhood очень-очень плохо использовать Автопрефиксер из браузера — ставьте gulp11:47
С вами так интересно, что работа встала ) Пойду немного поработаю.
11:49@cssunderhood @dshster @vladimore а весь день каждый «пилит» чисто свою задачу или бывают «коллективные штурмы»?12:01
.@SelenIT2 Мы стараемся наобщаться в одно время. Помитинговали, обсудили вместе работу. Если недостаточно — разошлись говорить по приватикам
12:04@cssunderhood Плагин для синхронизации настроек packagecontrol.io/packages/Packa…12:44
Просто сохраняет/считывает настройки в облако (dropbox и т.д)
@cssunderhood вот что скажите профессиональные html программисты, в html5 комильфо вкладывать тег div в а или span? #html13:44
@dshster @cssunderhood В ссылку можно вкладывать что угодно html5doctor.com/block-level-li…13:50
Вы все вы наверняка любите #bem и знаете про веб-компоненты. На текущей работе я столкнулся с проблемой совмещения одного с другим.
14:02С одной стороны, мы договорились привязывать все стили к компоненту, с другой, мне не хотелось бы как-то воткнуть туда #bem
14:03codepen.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@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:50cssdevices.io — в целом бесполезная, но забавная библиотека apple девайсов на css.
19:51devinhunt.github.io/typebase.css/ — этакий normalize.css для типографики.
19:53Using 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
@cssunderhood всё больше говорят о том, что сафари - это новый ие89: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.com10:13
@cssunderhood пф! Вот 10 ) Запутаться не реально. :) Так же как и в IDE полет нормальный pic.twitter.com/BF7IbrTY8m10:40
.@voischev ахаха, проверил — сворачивает табы только на 12-ти ) Но все равно, не мой это браузер. Вот прям не лежит душа к нему )
10:42@cssunderhood а как же Vivaldi ?)11:18
Подскажите как выучить английский? Маст рид книги, курсы и т. д. Как учили его вы?14:02
@jsunderhood @cssunderhood
.@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
Интересно, что значит BDSM в описании @cssunderhood. То что приходит первым в голову явно не из той оперы. 🐇9:03
Сегодня суббота. Надеюсь вы не деплоили вчера никаких фич? А если деплоили, то хорошенько протестировали.
9:08@esergeev @cssunderhood Brotherhood of Developers in Social Media9:08
Однажды мы отгребли работы на 4-ро суток после менеджерской оценки "да тут работы на пару часов". Было жестко, но весело )
9:11А как вы оцениваете проекты, фичи? Умножаете на два, на три? Закладываете сроки тестирования, обсуждения, раскачивания?
9:12@cssunderhood @esergeev Building Dynamic Scalable Media ))9:23
@cssunderhood в Казакстане деплоить для гос можно только в пятницу/субботу, вот так и живут люди 😄9:23
@cssunderhood обычно (ожидаемый срок)*100/(процент непоняток).9:25
@cssunderhood побояню, извините pic.twitter.com/utMQnW4aBp9: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@cssunderhood вопросы юного падавана: похвастайся своим параллаксом. что посоветуешь прочесть? бест практис, любимые плюшки с кодпен, напр.13:22
.@int16h Покидаю несколько ссылок, которые постоянно держу под рукой. Они стары, но актуальны.
13:24Чек-лист верстки habrahabr.ru/post/114256/
13:26google.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/integrations13: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_sitnik14:37
.@antonfrolovsky Конечно, все зависит от ЦА. В моей практике пользователи ИЕ8 не приносили кучу денег @andrey_sitnik
14:38@cssunderhood мне больше Gitter по душе. В команде используем slack. @dshster14: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
@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 твитов
.@Iassvegass а вот же он addons.mozilla.org/ru/firefox/add…
8:22А в чём сейчас модно font-size указывать? @cssunderhood8:32
Давайте меняться пластинками. Что слушаете, когда работаете? Я люблю такое mixcloud.com/denisfl/playli…
8:52@cssunderhood и тут возникает вопрос, почему же всё-таки не px8:55
.@rimmer333 улучшая вертикальный ритм стали использовать em и rem. Отказ от px - просто соглашение мыслить в других единицах.
9:01.@rimmer333 @vdv73rus Игры с viewport как секс в Тае. Часто заканчиваются неприятным открытием.
9:11@cssunderhood в последнее время подборки эпл мьюзик )))9:36
.@juwain судя по отзывам, эпл мьюзик хорош. Но я тут подсел на spotify и не хочу от него отказываться )
9:37@cssunderhood у меня проблема была после того как 4 года (с 2009 по 2013) посвятил менеджменту проектов. А в это время вышли NodeJs и CSS3.9:38
@cssunderhood @rimmer333 вертикальную сетку можно вполне собрать на препроцессоре в пикселях9:43
.@juwain если есть примеры, делись ) Мы используем вот такое решение gist.github.com/denisfl/b7b774… К сожалению, не помню автора. @rimmer333
9:44Что-то символическое есть в том, что коллективный твиттер верстальщиков @cssunderhood был создан твиттером дизайнеров - @iamspacegray9:58
@cssunderhood я бы хотел попробовать записаться в очередь разработчиков. Где это можно?10:15
.@denysdovhan Напиши @juwain
10:15В последнее время нужны таблицы для данных часто, с фильтрами, сортами, и всяким драгбл строками\колонками. А вы что юзаете? @cssunderhood12: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 -Что самое сложное в программировании? -Придумывать название переменным. :D15:43
@cssunderhood @jsunderhood Составляю список того, что нужно доучить/дочитать. Вопрос… что нужно знать крутому front-end? (тулзы, языки…)16:24
@ymatuhin @cssunderhood @jsunderhood Вот большой список списков github.com/sindresorhus/a…16:35
И вот еще список github.com/miripiruni/fro…
@ymatuhin @cssunderhood @jsunderhood как не вспомнить frontender.info/a-baseline-for… и rmurphey.com/blog/2015/03/2…16:39
@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 От задачи зависит, что лучше. Для многих простосайтов в этом нет смысла. @vladimore12: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
- https://github.com/sapegin/dotfiles/blob/master/sublime/User/Package%20Control.sublime-settings
- https://github.com/Nitrino/nil-ui
- https://github.com/css-modules/css-modules
- https://github.com/denisfl/thane/
- https://github.com/sindresorhus/awesome
- https://github.com/miripiruni/frontdesk
other
- https://packagecontrol.io/packages/Package%20Syncing
- http://html5doctor.com/block-level-links-in-html-5/
- http://codepen.io/denisfl/pen/BNqLMy
- http://codepen.io/yusufbkr/pen/JdBxpj
- http://kizu.ru/fun/nested-links/
- https://learn.javascript.ru/courses
- http://cssdevices.io/
- http://devinhunt.github.io/typebase.css/
- http://www.isev.co.uk/blog/using-css4s-validity-pseudo-classes-to-make-forms-epic/
- https://youtu.be/xPPCzryZK44?t=1885
- http://tomato-timer.com/
- https://ru.wikipedia.org/wiki/%D0%9F%D0%BE%D0%BC%D0%B8%D0%B4%D0%BE%D1%80_(%D0%BC%D0%B5%D1%82%D0%BE%D0%B4)
- http://habrahabr.ru/post/114256/
- https://www.google.com/design/tool/devices/
- http://philipwalton.github.io/solved-by-flexbox/
- https://middlemanapp.com/
- https://slack.com/integrations
- https://cloudup.com/cphJc1ms1D4
- https://addons.mozilla.org/ru/firefox/addon/pixel-perfect/
- https://www.mixcloud.com/denisfl/playlists/deep-progressive/
- https://gist.github.com/denisfl/b7b77439c0c0ed4c3208
- http://take.ms/2F5Uv
- http://take.ms/Z2X62
- http://frontender.info/a-baseline-for-front-end-developers/
- http://rmurphey.com/blog/2015/03/23/a-baseline-for-front-end-developers-2015/
- https://cssunderhood.ru/
- http://cssunderhood.ru/
- http://sapegin.me/
- http://i-love-psd.ru/
- http://devtoolstips.com/
- http://stopfridaydeploy.com/