# Понедельник 31 твит
Всем привет из Казани! Меня зовут Илья @Gorenburg и я проведу эту неделю за главного в @cssunderhood.
14:261) Работаю верстальщиком в компаниях @DroidLabs и @Planiro. Большое интервью со мной публиковало Казанское издание БизнесОнлайн...
14:272) ...В нем вы найдете информацию обо мне и то, чем занимаются наши компании: business-gazeta.ru/article/136872 Буду рад ответить на все ваши вопросы!
14:271) План недели таков: совсем чуть-чуть времени уделим всяким фреймворкам, библиотекам и коду...
14:282) Хотелось бы поговорить больше с вами о повседневных вещах и услышать ваше мнение на темы непосредственно связанные с ИТ и с нашей работой
14:29Сегодня вечером я бы хотел поговорить с вами на тему прокрастинации. Онлайн после 8 вечера по МСК. Что это такое: ru.wikipedia.org/wiki/%D0%9F%D1…
14:29Пожалуй, можно начинать! Есть у вас проблемы с прокрастинацией? Как вы пытаетесь с ней справляться?
19:48Я думаю, что я все же ей страдаю и мотивирую себя, ставлю больше и больше целей перед собой чтобы не было времени на отвлечения
19:50@cssunderhood Возьму на заметку19:54
@cssunderhood вот это время, пока ты обдумываешь кучу новых целей и анализирование - это и есть прокрастинация.
Ну, я бы сказал что не совсем. Если не ставить цели, то отвлекаешься еще больше - ведь столько всего интересного! twitter.com/SheVasya/statu…
19:56@cssunderhood Проблемы есть, нашел решение в pomodoro.. 25 минут на задачу, и не важно закончу я ее или нет
Сколько в день удается закрыть? twitter.com/forwardomg/sta…
19:57@forwardomg @cssunderhood что за жесть? Вам так комфортно? Я пробовал помодоро, отвлекает очень перерывами. Уже если сосредоточился -работай
Очень долго себя приучал к Pomodoro. Так и не смог. Вот честно. Оно еще очень надоедает напоминаниями :) twitter.com/iam_yev/status…
20:02@cssunderhood Помидоров? 5-8 получается, но все индивидуально.. пользуюсь лишь в том случае когда задачей ну уж совсем заниматься не хочется
Маловато за день :) Больше не получилось? twitter.com/forwardomg/sta…
20:14Pomodoro не помогает?) @cssunderhood twitter.com/cssunderhood/s…
Не всегда. По мне так он больше напоминаниями и уведомлениями раздражает :) twitter.com/rubyunderhood/…
20:15@cssunderhood За счет того что долго работал на upwork/odesk - перепробовал кучу time tracker софта. Мой выбор - rescuetime.com
А зачем вам отдельно трекеры времени, если можно отдельно помидорину поставить и использовать их софт для трека? twitter.com/iam_yev/status…
20:16@cssunderhood Как правило такие задачи не горят, но делать их следует, пары часов в день мне вполне хватает на них.
Тогда очень даже хорошо! Раз рутинные работы идут с помидоро, а остальное без него - все отлично! twitter.com/forwardomg/sta…
20:19Наконец то в @cssunderhood заглянул Илья @Gorenburg!
Ну, обещал же :) twitter.com/Bizi/status/73…
20:23Кто еще чем пользуется кроме помодоро для борьбы с прокрастинацией?
20:27-ничего не делай, оставайся в жопе.
-не самый лучший выход
-лучший, не лучший — действенный.
/via @gladkih_m
@cssunderhood, как называется проблема, обратная прокрастинации?
Состояние потока? ru.wikipedia.org/wiki/Поток_(пс… twitter.com/Bizi/status/73…
20:45@cssunderhood проблемы с ней возникают, когда задачи неинтересные или когда сроки никак не выставлены (типа сделаешь, когда сделаешь)
В точку! twitter.com/Sigiller/statu…
20:46@cssunderhood борюсь с ней путём изобретения интересного способа решения задачи. Типа использования чего-то нового. В обоих случаях помогает
Хороший вариант, но не всегда получается, к сожалению. Возьму на заметку! twitter.com/Sigiller/statu…
20:47@cssunderhood а по сколько ставил работа/перерыв? У меня прижилось 45/15. Не надоедает и рутинные дела можно поделать в перерыве.
25 минут работы, 5 минут отдыха. Через 3 помидоры 15 минут отдыха twitter.com/kirillmadorin/…
20:47@cssunderhood когда не получается притащить что-то новое, можно наоборот рыть вглубь и делать вещи на которые обычно было жалко времени20:53
@cssunderhood ну а когда я в борьбе с прокрастинацией впадаю в отчаяние и совсем ничего не хочется делать, тогда я уже использую помидоры20:53
@cssunderhood наличие жызни кроме работы очень помогает.Тогда всегда нужно успевать все сделать за рабочее время,потому что больше некогда
Вот живешь этой жизнью, все гуд! А приходишь в офис и все, упадок сил и желания что-либо делать twitter.com/chorna_kiwka/s…
20:57@cssunderhood, тебе 25 минут помидорки хватает? Я 50 использую, иначе не выходит вникнуть в задачу
Честно - всегда хватало, но вот напоминания и уведомления... Попробую увеличить таймер twitter.com/Bizi/status/73…
21:02@cssunderhood как верстать одинаковые сайты изо дня в день и не сойти с ума?! А вы говорите прокрастинация...
Нужно добавить разнообразия в их дизайн и структуру :) twitter.com/ardshock/statu…
21:16@cssunderhood тогда любые подвиды ментальных уловок по деструктуризации задач, если любишь свою работу, и увольняться, если не любишь
Любишь вот свою, работу. Работаешь. Но не все задачи интересные :) twitter.com/chorna_kiwka/s…
21:20@cssunderhood почасовая оплата, как оказалось, очень неплохо в этом помогает)
Это верно twitter.com/s0nly/status/7…
22:04# Вторник 22 твита
@cssunderhood помидорка не решает проблему прокрастинации — её решает дисциплина, либо планирование9:50
@cssunderhood можно кредит взять, по слухам помогает. 🦁9:53
Итоги вчерашнего онлайна борьбы с прокрастинацией: помодоро, дисциплина, планирование, почасовая работа, кредит (все вместе или отдельно)
16:01Сегодня вечером хотел бы поговорить на тему CSS, БЭМ и @getbootstrap. Пообщаемся сегодня в 8 вечера по МСК
16:03Всем доброго вечера! Хотелось бы начать с обсуждения CSS. Как вы придумываете названия классов в больших проектах? Есть ли у вас свой гайд?
19:59Про БЭМ. Я ненавижу БЭМ. Вот честно. Я не могу как его можно использовать имея по 5-6 классов на одном диве (это про modifier)?
20:01Свое время ненавидел Bootstrap. А потом полюбил. Особенно когда максимально все кастомизируешь через переменные, а остальное уже дописываешь
20:02@cssunderhood smacss :) а то сейчас с бемом набегут :)
а как придумывать названия классам? twitter.com/iam_yev/status…
20:03@cssunderhood чаще по контексту к которому привык. Допустим есть line/row -> box -> element -> element content
Вот что я люблю! :) twitter.com/iam_yev/status…
20:30@cssunderhood один фиг ненужен в части проектов :)
Он подходит не для всех проектов, я согласен. Но в целом - для старта - хорош. Можно быстро накидать дизайн/прототип twitter.com/antonfrolovsky…
20:31@cssunderhood в именовании и структуре классов должна быть логика, которую должен понимать не только ты сам, но и коллеги, БЭМ это или нет
Согласен. Но как придумывать новые названия классов когда уже все что приходило в голову - использовано? twitter.com/JiLiZART/statu…
20:31@cssunderhood ты сталкивался с ощутимым влиянием БЕМ на построение cssom в плане performance?
Честно - ни разу twitter.com/Blackrabbit99/…
20:32И еще немного про БЭМ. БЭМ в CSS - это как предложить человеку без ноги заменить руку на руку робота. Не, ну а чО, работает же! :)
20:33Кстати, вчера на хабре вышла статья о 5 методах в Flexbox о которых уже все знают %)
habrahabr.ru/post/302130/
@cssunderhood Странная аналогия. Методологии придумали по той же причине, что и препроцессоры, из-за ограниченных возможностей CSS.
Вместо решения реальной проблемы с которой сталкиваются все - придумывают костыли twitter.com/JiLiZART/statu…
20:45@cssunderhood Благодаря этим костылям в CSS появятся неймспейсы и github.com/w3c/css-houdin… не за горами. Именно они подстегнули развитие.
Почитаем, спасибо! twitter.com/JiLiZART/statu…
20:56И вообще @cssunderhood #cssmodules или #jss
Про cssmodules слышал (читал мельком), почитаю более подробно. Спасибо! twitter.com/Blackrabbit99/…
20:58А кто-нибудь пишет гайды какая структура файлов, как именовать классы? (для себя)
21:10@cssunderhood нормально. Зато всё понятно.21:29
@cssunderhood Зацени github.com/ermo4enkov/Cla…
Огонь! Типичные названия классов twitter.com/ermo4enkov/sta…
21:36Первый раз в @cssunderhood вижу такое. Bootstrap - хорошо, БЭМ - плохо. Как это автора еще не съели? =)
Тишина вообще! :) twitter.com/s0nly/status/7…
21:47# Среда 30 твитов
@cssunderhood А что смущает в 5-6 классах на диве?
Мне лично кажется это ненормальным. 2-3 класса - самое оно twitter.com/midler/status/…
8:27@cssunderhood не знаю, как там с крупными проектами, но я смысловые названия пишу. searchmd, newsmd и подобное. Чтоб по названию было ясно.8:27
@cssunderhood А зачем 5-6 классов? Это какое-то адовое миксование. Это надо решать на этапе проектирования блоков.
Часто бывает, что даже в утвержденном проекте начинаются правки. Причем лавиной - сначала немного, а потом - вагон twitter.com/moskwin/status…
8:28Как работать с CSS-препроцессорами и БЭМ: nicothin.github.io/idiomatic-pre-…
/via @moskwin
@cssunderhood а как это решается без БЭМ и блоков/модификаторов?
Изменяем код как и в БЭМ twitter.com/soulmusic/stat…
9:31Соглашусь. Один — класс от блока, второй — модификатор (если нужен). Ну и максимум третий — класс миксования. @cssunderhood9:31
Если это layout-элемент, то класс от блока layout__ может быть. @cssunderhood9:31
Если 5-6 классов и при этом — это «БЭМ», то это уже не БЭМ, а классянка. БЭМ — это как раз про уход от атомарности. @cssunderhood9:31
@moskwin single-responsibility principle, functional CSS и все такое @cssunderhood9:31
Вопрос знатокам (с аргументацией выбора). ;) @cssunderhood twitter.com/sakamies/statu…
Я бы выбрал первый вариант. Комьюнити, поможете Александру с выбором? :) twitter.com/AlexanderEin/s…
14:54@cssunderhood бэм совсем не провоцирует на использование 5 классов на блоке. Стоит сначала разобраться в теме, потом ненавидь наздоровье.
Разбирались в коде любителей БЭМа. Спасибо, заберите обратно twitter.com/f0rmat1k/statu…
14:55@cssunderhood Видимо, ты разбирался в коде тех, кто не умеет БЭМ. Как в анекдоте - "мне Рабинович напел - не понравилось".
Всяк кулик своё болото хвалит. Сколько ни слушал верстальщиков: "у всех все плохо, но вот у меня!.." twitter.com/DmBabenko/stat…
15:20@cssunderhood Ты что, смотришь в HTML, а не BEMJSON?
Я смотрю в Slim: slim-lang.com twitter.com/ruGreLI/status…
17:24Всем доброго вечера! Сегодня чуть-чуть позже хотелось бы обсудить с вами собственные проекты и поделиться своим опытом в их разработке
19:24Вы ведете свои проекты? Вечерам или в выходные? :)
19:571) Честно - много раз пробовал, но забивал ибо сил не хватает на это. Нужно 100% времени уделять на проект, иначе сроки затягиваются...
19:572) ...желание пропадает, приходят новые идеи проектов, которые более приоритетные и еще масса причин. Поэтому лекарство - фуллтайм!
19:58@cssunderhood Есть ещё вариант «прямо на работе» (=
Кто ваш работодатель, если не секрет? ;) twitter.com/webholt/status…
19:58Один проект хорошо зашел - я получил поездку в Кремниевую долину от Казанского ИТ-парка на 2 недели. Было очень круто. Проект в итоге закрыл
20:00@cssunderhood Не секрет, но я разве говорил, что сам этим занимаюсь?)
Что, кстати, под проектом подразумевалось?
Да, давайте дадим определение. Собственный проект - то, что вы делаете для того, чтобы был пассивный доход twitter.com/webholt/status…
20:01@cssunderhood Не секрет, но я разве говорил, что сам этим занимаюсь?)
Что, кстати, под проектом подразумевалось?
Будь то сервис, шаблон для ThemeForest или тому подобных twitter.com/webholt/status…
20:01@cssunderhood Ну то есть они добросовестно выполняют свою работу и остаётся достаточно много времени на левую (фриланс чаще, чем проект).
про фриланс мы поговорим в другой день ;) twitter.com/webholt/status…
20:04@cssunderhood Я к тому, что у людей есть время на подобное. Но чаще при этом основная работа у них не шибко крутая (хоть и уместная).20:08
@cssunderhood мои проект - моя работа. Я стартапер)))20:24
@cssunderhood Я веду свой проект, кажется, круглые сутки:)20:40
@cssunderhood На счёт того, что на это уходит всё свободное и не свободное время - абсолютная правда!20:44
Сегодня вышла статья на @smashingmag о БЭМ: Борьба с 10-ю основными проблемами в БЭМ: smashingmagazine.com/2016/06/battli…
22:08Большой материал на тему прокрастинации: Почему прокрастинация полезна: vc.ru/p/adam-grant-t…
БРОСАЕМ РАБОТУ И ПРОКРАСТИНИРУЕМ! %)
Вчера на vc.ru задали вопрос: Как совместить постоянную работу и стартап: vc.ru/p/problem-14879
23:11@cssunderhood не всегда есть силы и желание сидеть за компом после работы23:29
# Четверг 22 твита
@cssunderhood что-то тихо. Ты хоть вбрось какого-нибудь говна на вентилятор. pic.twitter.com/D96LGGKkNe
И так говна хватает в этом мире :) twitter.com/doberbober/sta…
7:40@cssunderhood мы 3 месяца усердно поработали, и теперь можем позволить наконец-таки надолго погрузиться в свой проект. Очень этому рады ;)
Вот это молодцы! twitter.com/winiliwin/stat…
7:40Как обычно, на этой неделе в 8 вечера по МСК буду с вами. Поговорим о знаниях иностранных языков
19:44Из иностранных языков знаю свободно лишь английский язык. Изучал французский язык в институте, но был лентяем и можно сказать вообще не знаю
20:011) На английском языке свободно пишу, разговариваю (почти без акцента). Это все благодаря тому, что учил его с 7 лет у преподавателя...
20:022) ... за что спасибо родителям. Без преподавателя я бы не знал его в том объеме, которым владею
20:031) Из советов как учить язык (тот же английский) могу дать лишь один - ехать туда, где на нем постоянно говорят. Все языковые школы...
20:042) ... дают базу. Но без практики вообще никуда. Когда впервые приехал в США был дикий шок от того что не знаешь совсем языка...
20:043) ... спустя 2 недели начал уже освоился и начал понимать и говорить на нем. Да, не все знаешь, но именно разговор дает массу опыта
20:05У меня коллега купил курсы на LinguaLeo и смотрит PuzzleEnglish. Другой - ходит в EnglishFirst. Как вы учите английский (или другой) язык?
20:06Знание английского языка вообще считаю 'must have' - чтение документации, общение с заказчиками и зарубежными разработчиками. В общем - всё!
20:07Вот, кстати, автор PuzzleEnglish пишет о том, что сериалы с субтитрами не помогут научиться говорить по-английский: vc.ru/p/no-subtitles
20:10@cssunderhood и гугл-транслейтер на всех возможных девайсах в помощь 👍🏻
Я все же старался им не пользоваться, переспрашивал или просил объяснить другими словами - так я лучше запоминаю (: twitter.com/chorna_kiwka/s…
20:20Вопрос от друга прилетел: как вы оцениваете проекты по стоимости? Верстку, скрипты (особенно скрипты)?
20:45Как оцениваете адаптивную верстку при наличии макетов и при требованиях "макета нет, но ты уж сделай как-нибудь красиво"?
20:47@cssunderhood чтобы научиться на нём говорить - надо говорить. Факт.20:51
@cssunderhood LinguaLeo - это удобный словарь.Остальное там - трэш. А так грамматика - по учебникам. Разговорный - speakalley.com20:56
@vfurso @cssunderhood да ладно! Курсы там отличные, а как раз словарь - полная фигня.
Кому чего :) twitter.com/geforester/sta…
21:00@cssunderhood Anki для слов, AJHoge и репетитор для говорения и слуха, адаптированные книги - чтение.21:00
@cssunderhood ценник увеличиваю в разы.
Во сколько раз? В 2? В 3? Или на почасовую оплату? twitter.com/Copypasting/st…
21:19@geforester @cssunderhood Как говорится на вкус и цвет. Из онлайн грамматики мне нравится englishpage.com, из книг - мерфи =)21:20
@cssunderhood почти всегда почасовая оплата. Если заказчик не подумал о адаптивности или дизайнер не нарисовал, то нам больше работы
То что это должно оплачиваться - это даже не обсуждается. Просто интересны критерии оценки трудозатрат twitter.com/Copypasting/st…
21:43# Пятница 14 твитов
@cssunderhood что нибудь красиво, это обычно + в 1.5-2 раза от первоначальной стоимости. Да и чувство красоты у всех разное 😫8:21
@cssunderhood умножаю стоимость на 20%. Чаще всего сделать самому легче чем с макета8:21
@cssunderhood поблочно, я примерно знаю сколько буду верстать определенный блок учитывая все его вариации8:21
@cssunderhood с макетом радость, а без - уж приходится накручивать, за такие услуги ещё и UX.8:22
@cssunderhood @Copypasting Господи, я один такая деревня? Хоть убей, не могу понять как называть стоимость часа. Работать по-разному можно.
В каком смысле как называть? Говоришь, стоимость часа n-рублей. Работа займет x-часов, но возможно и больше twitter.com/doberbober/sta…
8:23Аватары с рваными краями при помощи CSS clip-path: frontender.info/sketchy-avatar…
8:26Сайт, вызвавший у меня дикий восторг сегодня! windyty.com
10:471) Никогда не понимал разработчиков, которые ради 1 функции плагина тащут за собой весь плагин, со всеми его зависимостями от других...
14:562) ... Не проще ли просто скопировать нужный тебе код и все? Работает? Работает! То что нужно? Да! Так зачем тащить за собой самосвал говна?
14:56@cssunderhood не проще одну функцию самому написать? Дербанить плагин — это очень плохо, к тому же обычно нарушает лицензии.
Можно и самому, бесспорно! Это, пожалуй, будет даже лучше twitter.com/v_twibli/statu…
15:03@v_twibli @cssunderhood код в плагине уже протестирован. Если не нарушает лицензии, лучше скопировать все таки.15:46
@Romanshirokov @cssunderhood @cssunderhood ой не всегда он протестирован. далеко не всегда :-)16:34
@cssunderhood @jsunderhood Ребят, не знаете, есть ли плагин для gulp/npm который находит общие стили для html-ек и собирает это в один css?17:43
Окей, опрос о тематическом формате @cssunderhood состоялся! Но конкретные темы предложил мало кто. Есть идеи? pic.twitter.com/yD58OFly7G18:41
# Суббота 2 твита
@ymatuhin @cssunderhood @jsunderhood PurifyCSS . есть плагин для галпа11:33
@cssunderhood мне лично интересно любой вменяемый css-трюк,который позволяет уменьшить использование js в традиционных юз-кейсах
Вы @codrops читаете? tympanus.net/codrops/ twitter.com/chorna_kiwka/s…
11:34# Ссылки
other
- http://www.business-gazeta.ru/article/136872
- https://ru.wikipedia.org/wiki/%D0%9F%D1%80%D0%BE%D0%BA%D1%80%D0%B0%D1%81%D1%82%D0%B8%D0%BD%D0%B0%D1%86%D0%B8%D1%8F
- https://ru.wikipedia.org/wiki/Поток_(психология)
- https://habrahabr.ru/post/302130/
- http://nicothin.github.io/idiomatic-pre-CSS/
- http://slim-lang.com/
- https://www.smashingmagazine.com/2016/06/battling-bem-extended-edition-common-problems-and-how-to-avoid-them/
- https://vc.ru/p/adam-grant-ted
- https://vc.ru/p/problem-14879
- https://vc.ru/p/no-subtitles
- http://speakalley.com/
- http://englishpage.com/
- http://frontender.info/sketchy-avatars-css-clip-path/
- https://www.windyty.com/
- http://tympanus.net/codrops/