# Понедельник 83 твита
Всем саламалейкум! Эту неделю с вами Талга УтБ @talgautb пишу из Астаны, Казакстан, во славу вёрстки, конечно 😊 pic.twitter.com/y6LIFIOP6x
6:06Мск+3, поэтому пока ещё не все проснулись, начнём. Мне можно задавать вопросы в личку, анонимно ;)
Сейчас немного о себе
Примерный план на неделю, конечно, он может поменяться ;) pic.twitter.com/lp9kth0AnC
6:12Сейчас (почти 2 месяца) работаю над гос проектом в компании bee soft, самопровозгласил своё место "Отделом фронтенда", и да я один там :(
6:14С 2011-2013 занимался вёрсткой, с переменным успехом и желанием :)
С 2014 фронтенд меня стал увлекать сильнее: smart tv,мобильные приложения
Пока я иду на работу,расскажите свои необычные истории: как вы попали во фронтенд.Моя в кратце: туризм, порно, joomla, подробнее позже ;)
6:27@cssunderhood порно тоже было, но как то неожиданно.
<!--[if IE]><!-->..<!--<![endif]-->
Все через это проходили 😏 twitter.com/gunlinux/statu…
8:19@cssunderhood в 2002 году узнал, что такое верстка, на работе с 2006 делали сайты на флеше, в 2008 одумались и я начал верстать.
Я впервые узнал, что такое флеш и с чем его едят в школе :) даже интерактивные книги делал и анимацию 😊 twitter.com/gladkih_m/stat…
8:21Друг решил по легкой срубить денег в интернете) порно сайт был логичным выбором :) тем более ниша в кз была свободна, начал изучать 1/1
8:36Оказалась, что ниша свободна из-за законов))
Затея потеряла смысл) а вот интерес к веб-разработке остался, тут и мне стало интересно 2/2
В итоге через порно познакомились с cms, делали сайты для знакомых. В Joomla понравилось делать шаблоны, уже тогда фронтенд был интересен)
8:40@cssunderhood о, я тоже с джумлы начал. Юкоз считать не будем)
Ещё помню они народ ру были))
Но я как-то не дошёл до использования twitter.com/7rulnik/status…
@cssunderhood у вас там какие-то сильно суровые законы на этот счёт?
запрещено законом) это значит домен не kz, и хостинг не наш + многие порно сайты заблокированы 😕 twitter.com/sigiller/statu…
9:35@cssunderhood Позвонил бывший коллега, с которым пилили пхп, и позвал к себе. В 2006-м даже слова такого не было: «фронтенд-разработчик».
Да-да) зато было 40+ способов сделать закругленные уголки 😄 twitter.com/sapegin/status…
9:38@cssunderhood На akorda.kz не звали? Оживлять президентские сайты становится трендом. В КЗ на эту тему не началась еще движуха?
Нет,я не знаю кто делал этот сайт, он обновился в одно время с Kremlin.ru,но разница качества видна) и авторы мочат) twitter.com/koloskof/statu…
9:40Интересная история была в одном подкасте о том как водитель камаза(?) стал фронтедщиком 👍
Такие истории интересно слушать :) и мотивируют
@cssunderhood Angel жи Девид Бореназ. Buffy/Angel рулят.
Надо внести ясности)) этот аватар ко мне прицепился с времён форумов на smf, я не фанат этого актера и сериала 😊 twitter.com/gunlinux/statu…
10:03@cssunderhood кажись этот парень ) cssunderhood.ru/Akurganow/
Точно! Ты кру @Akurganow 😎👍 twitter.com/juwain/status/…
10:05Я закончил бакалавриат по специальности "Туризм" 😊 но ни разу не работал в этой отрасли)
3 из 5 парней в группе работаю в IT
@cssunderhood прикольно, мы тоже строим отдел на гос проекте но нас 4 - смешанная команда из Астаны и Караганды. И половина джависты (:
Кажется в гос везде Java :) у нас тоже джависты) twitter.com/vladimore/stat…
10:57@cssunderhood Только не Камаза, все еще эпичней, я водил Белаз, на августовском @spb_frontend рассказывал об этом.10:57
На этой неделе особенный @cssunderhood Настраиваемся на Казахстанскую волну. Читаем @talgautb
На строились на волну конины?!)) twitter.com/koloskof/statu…
10:58У нас прошёл обед, немного поиграли, теперь работа;
График ~10-19, Пн-Пт; pic.twitter.com/sBZ8JTiIJm
@cssunderhood same story, только по специальности "Управление персоналом")
Гуманитарии в IT, это хорошо или плохо?!) twitter.com/sigiller/statu…
11:01@cssunderhood Я закончил магистратуру по специальности "Информатика" 4 из 15 человек работает в IT
Проблема в кадрах остро ощущается везде( в кз особенно, т.к. Многие просто уезжают сразу twitter.com/maf1os0/status…
11:03В продолжении об образовании, я закончил магистратуру, теперь я магистр естественных наук (география), в итоге 6 лет учёбы,зря время терял?!
11:04На самом деле у нас некий культ образования, у каждого должно быть высшее, а лучше несколько. о качестве ВУЗов:
(╯°□°)╯︵ ┻━┻
Не все конечно)
@cssunderhood есть мнение что отеч, ( для меня - российская) система образования несколько отбивает желание работать по специальности;)
4 года на Туризме, я так и до конца не понял кем я буду работать 😄 twitter.com/_sashashakun/s…
11:11@cssunderhood В скопе - 7,5 лет учёбы "Налоги и налогообложение", 8 лет проф деятельности. Сейчас работаю на фронте, более 6-ти лет.11:55
@cssunderhood
Сказать, что первая профессия трата времени - не повернется язык.
Университет - это хорошая база, но ведь не всем это надо?! twitter.com/me_kich/status…
11:56@cssunderhood скорее хорошо. Приятно разбавляют инженерный прагматизм.
Постоянно ощущаю отсутствие базовых знаний, приходится заново учиться, времени как всегда на всё не хватает😊 twitter.com/vladimore/stat…
11:57@cssunderhood дело не только в культе вузов, а в том что нету нормальных колледжей. И не престижно там учиться. Потому идут в вузы
Но ведь на работу (исключая IT) часто не берут без высшего образования, без бумажки мы 💩 twitter.com/maksim_valiev/…
12:24@cssunderhood куьт с совка, потому что не каждый мог себе позволить+высокий конкурс = престижно, причем не важно какое, главное - высшее12:42
@cssunderhood и нас воспитывали как раз эти люди. Они еще любят повторять: какая разница на кого, главное корочка будет!
А потом отметить надо)) праздник, что ты теперь человеком стал 😄 twitter.com/wasilisafish/s…
12:43@cssunderhood да, но параллельно коркодрочерству по пути не забудь записаться на все возможные курсы по ворду и экселю,потом плюс будет
Перед вами специалист по "Гостиничному бизнесу" 😂 twitter.com/wasilisafish/s…
13:12@cssunderhood Сторонник того, что образование это первоначальная база, которая знакомит с единой системой и существующими нормами13:12
@cssunderhood Что правовая сфера, что ИТ - все единообразно, важен только подход, а опыт приращивается временем
Ну тут, конечно, слишком загнул) или есть те кто поддерживает? twitter.com/me_kich/status…
13:14Понедельник тяжелый день, а чем вы обычно занимаетесь? Кроме как в твиттере сидите )
13:46У нас обычно до обеда каждый 2 недели обсуждение спринтов, задачи;
Сейчас читаю документацию по работе с Java апплетами, вот такой фронтенд)
.@dcromster работая с гос, нельзя так просто попасть в продакшн) деплой только в субботу вечером 😊 pic.twitter.com/0IpD2iToHp
13:58@cssunderhood сам нам скажи
Говорю: на магистратуру пошёл осознано, не жалко + география - это круто! 👍 twitter.com/_nikbelikov/st…
13:59@cssunderhood У нас тоже обычно полдня заняты демо, планированием и всяким таким.
И в выходные релиз?!) twitter.com/sapegin/status…
14:09@cssunderhood училась 6 лет (история, международные отношения) и поработав 2 года поняла, что в прикладном плане мне это неинтересно.
Ещё одна заблудшая душа 😊 twitter.com/ierhyna_web/st…
14:10@cssunderhood У нас по выходным не принято работать :-)
Нам приходится останавливать сервисы, которыми пользуются разные организации.
А суббота, чтобы успеть поправить 😄 twitter.com/sapegin/status…
@cssunderhood я до 4х утра сайт верстал, доверстал
Два чая этому господину 😄👍 twitter.com/akella/status/…
15:29@cssunderhood хорошие универы еще остались
Конечно) у нас их просто меньше :) twitter.com/olmokhov/statu…
15:31@cssunderhood @dcromster какой-то добрый гос у тебя. У нас обычно деплой вчера. И чтобы без багов про которые ты 5 мин назад узнал (:15:32
@cssunderhood можно ли самому в домашних условиях научиться верстать сайты без платных курсов?
Завтра тема обсуждения: Вёрстка 101, будем учиться верстать заново 😉 twitter.com/prost1fler/sta…
15:42@cssunderhood перед вами ui дизайнер ака системный программист.16:03
@cssunderhood мой день начался в 6:30, затем спорт.зал, затем английский, затем работа и твиттер )
А среди нас много спортсменов?!
Йога не считается 😌 twitter.com/wasilisafish/s…
@cssunderhood закрываюсь в кабинете и сплю.
У нас есть в офисе кожаный диван 😏 если понимаете меня)) twitter.com/betstep/status…
16:09@cssunderhood я занимаюсь украинскими национальными боевыми искусствами.
Это как?! ) twitter.com/denysdovhan/st…
16:29@cssunderhood Собираю команду в фронтенд отдел, налаживаю коммуникацию
И команде нравится?!) twitter.com/sweedbes/statu…
16:30@cssunderhood чёрный, надеюсь?
😂 даа, придумал название)) "чёрной властелин" twitter.com/li_rian/status…
16:31@cssunderhood аааае. У меня в кабинете нет.( тока кресло. Иногда не скрыть подлого поступка, тк лицо в клеточку)
)) а вообще часто спите на работе?!
У меня такого не было ни разу twitter.com/betstep/status…
@cssunderhood вёрстка по принуждению? 😁
Теперь 50 оттенков серого зазвучало как надо 😄 twitter.com/li_rian/status…
16:53@cssunderhood vasily.polovnyov.ru/assets/50-shad…
Ни дня без @andrey_sitnik twitter.com/koderhan/statu…
17:17@cssunderhood в @iDeus_team ночевал неоднократно, особенно когда это была совсем маленькая компания. Гамали в халву и ку3, доделывали таски…
Оо любители пофармить пришли)) одобрено и заверено стимом ;)
Кстати, добавляйтесь в Стиме/wot: talgautb twitter.com/delaz/status/6…
@cssunderhood почему конины? Расскажи про Казахстан!!111 Побольше подробностей. Даже таких простых как климат. Вот как у вас щас погода?
Можно бесконечно долго рассказывать ) задавайте вопросы, если стесняетесь можно в лс :)
-8 по Цельсию 😊 twitter.com/delaz/status/6…
@cssunderhood подробнее! -8 бывают разные! +20 в Харькове и +20 в Турции например тоже, так что как оно? Холодно? Сыро? Норм/классно/тепло?
2 место как самая холодная столица, говорят это как Питер, только сухой климат: болота, ветра, комары, холодно :((( twitter.com/delaz/status/6…
17:33@cssunderhood Қазақстан Республикасы!
Про Беларусь/Беларуссия знаю, про Казакстан — узнал только сейчас.
Так говорят не все) даже большая часть так не говорит, но мне нравится 😊 twitter.com/delaz/status/6…
17:36@cssunderhood есть ли какие ограничения в инете? Казахстанский росскомнадзор? Рейты? Джун-мидл-сениор фронтенд? Что по налогам, ЕН/ЧП/ФОП?
Наш Роскомнадзор блочил сайты до того как это стало мейнстримом,Почти все популярные порно ресурсы,жж,медуза и т.д. twitter.com/delaz/status/6…
17:38У нас есть такое ограничение: домены kz только на местных хостингах, особо не следят, но могут докопаться
17:42@cssunderhood и?… вы как-то обходите? Забили? Есть местные аналоги (какие)? Порно то за что?17:44
А Медузу? Другие иностранные новостные тоже?
.@delaz некоторые обходят, большинству всё равно, блокируют по разным причинам: от плохо о нас пишите и до пропаганды терроризма
17:46.@delaz у медузы был пост, который они отказались удалить) что-то про разжигание на нац почве, остальные новостные вроде как работают)
17:48@cssunderhood @delaz А как тогда отличать казаков (которые донские, кубанские и т.п.) от казаков, которые казахи? Тогда уж пишите через Қ
КазакИ и казАки, не?) twitter.com/kipruss/status…
18:02@cssunderhood Иногда ночую на работе. Есть диван и душ, если взять сменное бельё — удобно, не нужно тратить время на проезд домой и обратно.
Я смотрю, многие подобное практикуют)
Мне 15 минут от работы до дома пешком :) twitter.com/radkiller/stat…
@cssunderhood в обеденный перерыв) на столе)
Спать на работе как-то не укладывается в моей голове))
В универе запросто 😄 twitter.com/timurkarshiev/…
@cssunderhood В Российской Империи казахов называли киргизами, чтоб не путать. Это, конечно, слишком, но казахи - на мой взгляд компромисс
Возможно, а не навязываю)
Но будет Казакстан 😊 twitter.com/kipruss/status…
@cssunderhood как дожить до вечера и натворить пользы если не поспать в обед?
Работать!)
Или ночью спать. А лучше распределить своё время :) twitter.com/vladimore/stat…
@cssunderhood Днём спать полезно, только обычно негде.
Я боюсь не проснуться)
Поэтому обычно я ставлю пару будильников на утро 😄 twitter.com/sapegin/status…
@cssunderhood и я так же, правда у меня система: поставить будильник на час раньше, чтоб можно было "подольше" поспать + еще 3 будильника
Во-во 👍 twitter.com/alla_sydoriak/…
19:12У нас как-то проще, я вот например без высшего, но зарабатываю много, а еще преподаю в магистратуре) @cssunderhood
Много это сколько?!) twitter.com/akurganow/stat…
19:17@talgautb дресс код для чтения @cssunderhood на этой неделе) pic.twitter.com/OKjEVmU61Y
Вот так надо готовиться к чтению 👍😊 круто! twitter.com/koloskof/statu…
19:55@cssunderhood Домены KZ только на местных? Серьезно? Я перевел с Казахстанского хостинга.
Да) жить можно, но если пожалуются, то придёт уведомление ;) twitter.com/koloskof/statu…
19:56@talgautb дресс код для чтения @cssunderhood на этой неделе) pic.twitter.com/OKjEVmU61Y
А как много людей из твиттера вы видели в живую?!
С кем бы хотели пообщаться в реале ?) twitter.com/koloskof/statu…
@cssunderhood По утрам хорошо помогает класть будильник на стол. Ну и ставить несколько будильников — зло, это никогда не работало.
У меня работает 😊 самообман такой)
Еще удобно просыпаться от браслета, у меня mi band, простой и дешёвый twitter.com/sapegin/status…
@cssunderhood сам мибэндом пользуюсь второй месяцу — лучший будильник.
Только если ты очень крепко спишь после пятницы, он бесполезен 😄 а так удобно 👍 twitter.com/gladkih_m/stat…
20:52@cssunderhood думаешь в Астане меньше хороших универов чем в Екб?
Нет, не думаю)
Но я учился в одном из лучших университетов, на тот момент топ-3, может не та специальность?!) twitter.com/olmokhov/statu…
# Вторник 100 твитов
@cssunderhood может кто знает: если шаблоны-миксины в jade. Можно ли их gulp-ом конвертить в html-шаблоны? Они ведь миксины.
Да, конечно, например bemto от @ki_zu github.com/kizu/bemto twitter.com/denisfedosov/s…
4:33@cssunderhood имхо, основа университетского образования - это не знания, а умение их находить и/или приобретать4:35
@cssunderhood ну и скилл доделать все в последний момент :))
Этому жизнь научит всё равно и без университета)) twitter.com/olmokhov/statu…
4:36@gladkih_m @cssunderhood лучше поставить/ закинуть будильник на шкаф, нежели поставить пару повторов.
Иногда, кажется, что поспал ещё лишние полчаса и на душе так хорошо 😊 twitter.com/baxazar_/statu…
4:37Сегодня день: Вёрстка 101 - начнем верстать заново,ответим на вопрос с чего начать?
а пока вспомните себя и дайте себе совет вначале пути :)
@cssunderhood купить доллары по 30 не пишите :D
6:40@cssunderhood Не учить JS пока не научишься верстать)
Странно, если вы так начинаете свой путь в верстку :) twitter.com/gatilin2222/st…
8:20Ведь,чтобы создать сайт достаточно знать html,это база.Начните с истории и немного теории,ваш главный друг htmlbook htmlbook.ru/samhtml
8:22Важно понимать базовую структуру html, понять разницу между блочной и табличной версткой, что такое блочные элементы developer.mozilla.org/ru/docs/Web/HT…
8:26@cssunderhood не так давно натыкался на совет: надо начинать с git и прочих техник приучающих к нормальной разработке, а то фтп и хардкор
git - это инструмент, мы же пока начинаем с 0 :)
до инструментов дойдем ;) twitter.com/gunlinux/statu…
После базовых понятий и основы, добавляем css, и также изучаем с основ htmlbook.ru/samcss
8:29Разобравшись с html, css можно верстать. В интернете много уроков по верстке, сейчас буду бросать в вас ссылки htmlbook.ru/samlayout
8:30на моём блоге есть уроки по вёрстке gtalk.kz/markup Но морально данные устарели :) но почерпнуть кое-что можно ;)
8:31Не забудьте заглянуть к @cssliveru и почитать их бесплатную книгу css-live.ru/articles/obzor…
8:34Те кто воспринимает информацию визуально, смотрите видео на ютубе youtube.com/playlist?list=… например, от Sorax
8:37При чтении обращайте внимание на дату публикации и сам ресурс (автора), сейчас много хороших ресурсов, но "не очень" ещё больше.
8:39htmlbook == webref.ru
Есть раздел "Вёрстка" webref.ru/layout
Необходимо только ваше время
Знание английского увеличивает в разы источники для изучения, при чём не только по вёрстке ;)
Если же есть проблемы, то время исправляться
@cssunderhood а что насчёт того, что лучше сразу всё на английском учить?
Конечно, это хорошо. если есть такая возможность изучайте.
Я же пока буду писать на русскоязычную аудиторию twitter.com/bayevn/status/…
@cssunderhood имхо - sorax тяжело воспринимается
Можно послушать ребят из loftblog youtube.com/user/loftblog/…
Видео на любителя, всегда кому-то что-то не нравится) twitter.com/gearmobile/sta…
@cssunderhood я бы порекомендовал книгу: "Большая книга CSS". Очень много примеров там неплохо расписаны, плюс даются задания для сам.освой.
Некоторым удобнее работать с книгами, если вы один из них, ознакомтесь с этим списком web-standards.ru/books/ twitter.com/brdt_D/status/…
8:54@cssunderhood имхо - там все какое-то обрезанное\урезанное\оборванное на полпути. разве можно там чему-либо научиться?
Погружение в html5 написано (точнее переведено) хорошо, мне понравилось webref.ru/layout/diveint… twitter.com/gearmobile/sta…
8:57@cssunderhood о боже! имхо - лучше несколько раз прокрутить sorax (чтобы усвоить), чем один раз посмотреть loftblog! ) у sorax - качество!
Я скинул как вариант :)
На самом деле по видео мне не удобно воспринимать информацию если это не конференция twitter.com/gearmobile/sta…
Мне кажется,что лучший вариант - это наставник. мне не повезло, у меня не было :(
Мне легче воспринимать информацию,когда кто-нибудь обяснит
@cssunderhood у меня не было и нет сенсея - мне повезло! )))
Сенсей сенсею рознь :)
Здесь надо иметь свою голову, в принципе, в жизни она должна быть всегда на своём месте ;) twitter.com/gearmobile/sta…
Наставник не панацея, он должен направлять и помогать. Но основная работа на вас, исправляйте свои ошибки - быстрее научитесь
9:04@cssunderhood о! вы пишите с ё? как давно не встречал такое ! ))
Ё лёгкё мёжёт зёмёнёть лёбёё глёснёё :D
стараюсь всегда её использовать ) twitter.com/gearmobile/sta…
После базовой практики, переходим к практике. Не надо с этим тянуть. Закрепляйте полученные знания. Но для практики необходимо подготовиться
9:08Надо настроить своё окружение и инструменты. Давайте опустим выбор ОС, скажу, что я на убунту 14. Про это будем отдельно говорить :)
9:10Пока отдохнём и покушаем, после обеда продолжим, можете подготовить вопросы :) pic.twitter.com/G4LxqKZkeF
9:14@cssunderhood Приятного, я только первую чашку кофе пью! ☕️
Спасибо) а я вот ограничил себя в день не больше 2х чашек кофе :) twitter.com/sapegin/status…
9:48@cssunderhood У кого обед, а кто-то только глаза открыл и до айфона дотянулся)9:48
@cssunderhood Правильно, а ты все ссылки на русские сайты даёшь, как же они исправятся? ;-)
Такой вот порочный круг))
¯\_(ツ)_/¯ twitter.com/sapegin/status…
@cssunderhood @sapegin завязал с кофе. Уже пару недель ломки, как у наркомана. Было пару срывов.
Я одну с утра, одну после обеда, больше стараюсь не пить) если не марафон кодинга:D twitter.com/koloskof/statu…
9:52@koloskof @cssunderhood @sapegin я перестал пить растворимый кофе. а варить каждый день больше одной чашки — лень )
Лень двигатель прогресса 👍😄 twitter.com/denisfedosov/s…
10:17@cssunderhood @koloskof как хорошо что я всю жизнь думал что кофе "горький и не вкусный" и по этому не пил и не пью его :)
Я не ем яблоки) у каждого свои тараканы 😊 twitter.com/biercoff_enn/s…
10:17Внеочередной спринт :)
Безудержное веселье)
Позже продолжим обсуждение 😉 pic.twitter.com/ChvZ6n7SZN
Ещё немного про наставников: всегда можно попросить помощи в чатах, форумах или здесь в твиттере
11:58Например, с рельсами (фронтенд) мне помог разобраться @denisfedosov показал свой код, объяснил что к чему, спасибо ему 😉👍
12:00Разобраться с написанием npm пакета помог @iamstarkov и просто крутой чувак 😎👍
Пример github.com/talgautb/typog…
После вопросов о @PostCSS в лс написал @andrey_sitnik и ответил на вопросы, получился небольшой плагин github.com/talgautb/postc… спасибо 😉👍
12:03Можете задавать вопросы в самых разных чатах, вот список github.com/mr-mig/ru-it-c… от @mr_mig_by который возглавил @jsunderhood
12:20Хочу отметить чаты: наш Frontend KZ 😊 и от @webstandards_ru slack.web-standards.ru
12:22Хотя по мне так их слишком много, уже немного надоели :( и времени много отнимают :( Твиттер сейчас для меня основной источник
12:24Если через месяц (или 2) вы до сих пор не понимаете что делаете по вёрстке,стоит задуматься и пересмотреть подход или переход в другую сферу
12:27@cssunderhood да ну ладно, зачем рубить с плеча-то)
А зачем мучить себя и других?!) twitter.com/_sashashakun/s…
12:42@cssunderhood не понял причем тут мучить) у кого-то получается быстрее, у кого-то медленнее, главное чтобы нравилось)
Ну ведь я написал 2(!) 😊
В этот период надо понимать азы, а не виртуозно владеть магией предков ) twitter.com/_sashashakun/s…
Для практики вначале необходим текстовый редактор, один верстальщик говорил, что можно верстать и на notepad, но потом его в дурку забрали)
12:48@cssunderhood когда впервые это попробовал в школе, я только про notepad и знал)
Плохой инструмент - убивает мотивацию и задор :) twitter.com/sigiller/statu…
12:57Текстовый редактор очень специфичная вещь, тут каждому своё, пробуйте разное. Сейчас я на Sublime text 3, мне нравится, ide как-то не зашли
13:03Оффтоп: 10 ноября 2015 - выход Fallout 4, поздравляю всех фанатов 🎉✨👌
13:09Подробнее sublime можно почитать тут css-tricks.com/sublime-text-f…
13:11@cssunderhood Если через месяц или 2 вы не понимаете что вы делаете в этой жизни…
У меня для вас грустные новости ... ) twitter.com/agatische/stat…
13:42@cssunderhood так можно про любую работу сказать...
Надо ) ищите свою работу не смотря не на что) twitter.com/evlogii/status…
13:42@cssunderhood А что используете для работы с github ? Как мержите файлы ?13:43
.@koderhan мы используем продукты атласиана, подробнее о том, что и как у нас внутри устроено будет в один из дней (четверг вроде)
13:44Теперь давайте поможем ответить на вопрос: что практиковать. У меня есть подборка тестовых заданий, всегда можно найти в интернете дизайн
13:555 Заданий по CSS для новичков htmlforum.ru/index.php?show… Форум для начинающих htmlforum.ru/index.php?show…
13:55Практикум от htmlbook htmlbook.ru/practical
13:56Тестовое задание krekotun.ru/test/ от @akrekotun
13:57@cssunderhood где храните закладки и как их сортируете? Проблема: их накапливается очень много и потом их поиск == поиску в гугле.14:12
.@PollyGlot wunderlist для важных ссылок, тем. Закрепленные закладки для текущего изучения, каждый месяц отчистка + "избранное" твиттера :)
14:14Тестовое задание сверстать простую страницу yadi.sk/d/UEfZErPDjsJzP
14:14@PollyGlot @cssunderhood отказался от закладок и сразу ищу в гугле
Гугл вообще на 99% вопросов начинающих верстальщиков отвечает 😊 twitter.com/kqxsr/status/6…
14:50@cssunderhood У меня был не notepad, но редактор без подсветки и автодополнения. В начале обучения полезно, приучает разбираться, что пишешь
Еще можно на листочке писать код, а голова - браузер 😄 twitter.com/ierhyna_web/st…
15:57@PollyGlot @cssunderhood сортирую закладки по папкам, а потом всё равно ищу в гугле, потому что я победитель по жизни!15:57
@cssunderhood мы раньше тоже юзали, но после продуктов от jetbrains даже смотреть на саблайм не можем. Хотя для быстрого ред-я самое оно15:58
@cssunderhood @kqxsr @PollyGlot почему начинающих ? Я думаю всех в принципе, почти всегда в выдаче первый - stack overflow
SO наше всё) twitter.com/krasivieglaza/…
15:58@ierhyna_web Неееет! Редактор без подсветки вреден на любой стадии обучения. Мешает замечать ошибки. @cssunderhood16:00
@cssunderhood Без IDE очень сложно работать с фреймворками, например с AngularJS, Sublime не может связать директиву в шаблоне и в описании16:02
@betstep @cssunderhood про JetBrains vs Sublime тут был отличный твит twitter.com/b_plieshka/sta…16:11
@PollyGlot @cssunderhood Я в итоге понял, что складировать не имеет смысла. Стараюсь запоминать названия, ассоциации и потом гуглить20:27
@sapegin @cssunderhood про подсветку соглашусь, но постановка в начале обучения пользы не принесет.
😑 я бы ещё посоветовать линты добавить, к хорошему привыкать надо сразу twitter.com/ierhyna_web/st…
20:31Вторник обычно у меня день кино )
Посмотрел 007:Спектр
(╯°□°)╯︵ ┻━┻
Теперь наверное буду спать
Сегодня увлёкся и забыл про гайдлайны, это важная тема. Я как раз готовлю презентацию по гайдлайнам (стайлгайды) для своих коллег
21:06Если у вас есть готовые решения делитесь, я буду ретвитеть ;)
21:07Я начну опять :) Стиль кода от @htmlacademy_ru htmlacademy.github.io/codeguide/
21:21Стайлгайд от airbnb: css github.com/airbnb/css и javascript github.com/airbnb/javascr… (забрали себе в компанию, советую ;) )
21:23Front-end Style Guides от @anna_debenham (eng) 24ways.org/2011/front-end…
21:27Немного посложнее @toivonens "Сначала стайлгайд" varya.me/wsd-2015/ и загляните сюда varya.me/ru/content/
21:33Также стайлгайды можно найти у большинства больших компаний, например, mozilla.org/en-US/stylegui…
21:34Можно пойти дальше и присмотреться к @SourceJS sourcejs.com от @operatino
21:36Начните с малого: возьмите готовый стайлгайд, обговорите с командой (или самим собой), придерживайтесь его
21:39Следующий шаг автоматизировать это, добавить в ваш редактор (lint) и сборщик (день автоматизации у нас четверг 😉)
21:40@cssunderhood Пилю генератор стайлгайдов для реактовых компонентов: github.com/sapegin/react-…21:57
@cssunderhood зачем?
Зачем автоматизировать?!) Машины должны страдать ) twitter.com/siliconbangalo…
22:01.@SiliconBangalor на самом деле, всё просто автоматизация - это сэкономленное время и удобство
22:02@cssunderhood зачем общий стиль?22:17
.@SiliconBangalor можно почитать по ссылкам ниже. В общем: комфортно работать и поддерживать, придерживаться бэст практик
22:21@cssunderhood @SiliconBangalor с этой автоматизацией мы используем 200МВ кода для написания(поддерживания) сайта 200кБ. Но плюсы очевидны.22:21
@cssunderhood Мы любим гайды! Эту тему тебе нужно затронуть обязательно.22:24
@cssunderhood еще давай про документацию всего этого дела поговорим. Кто @SourceJS использует или может у кого еще какие варианты?22:28
@cssunderhood я комфортно работаю с 1000 погромистов над 3.5млн строками кода и без единого стиля22:29
.@SiliconBangalor я не знаю как это комментировать))
22:30@Semenov @cssunderhood достаточно просто не нанимать полных мудаков, а если нанимаешь, то у тебя проблемы похуже стиля
Где найти таких 1000 программистов ?! 😑 twitter.com/siliconbangalo…
22:32@cssunderhood Троллей надо банить, а не комментировать. @SiliconBangalor
Охотно верю, что нет единого стиля, так у многих :(
После 1000 программистов -да, надо банить) twitter.com/sapegin/status…
@SiliconBangalor @cssunderhood Предпочтения в стиле оформления кода и нейминге никак не связаны с мудачеством же. Дело вкуса22:36
@Semenov @cssunderhood ну говорю же не раздражает, все по-своему немного пишут, но везде норм, сильно не матерюсь, читаю ок22:37
# Среда 116 твитов
@cssunderhood ноу ноу ноу, лучше styleguide.sc5.io5:51
@operatino у нас в компании сложился негативный опыт. Помню только, что сходу ничего не заработало в отличие от sc5, который мы и внедрили)5:52
@PollyGlot @cssunderhood рекомендую raindrop5:52
Достаточно было здесь обсудить блокировку ЖЖ, как нам её сняли 😊 tengrinews.kz/internet/dostu…
7:27Сейчас я начну историю о шрифтах, о проблемах с которыми сталкиваемся; тем кто проснулся с добрым утром! 😉
7:51Для начала: в кз по умолчанию используют 2 языка: казахский и русский, и ещё английский, у нас пропаганда трёхъязычности :)
8:04Конечно, большинство сайтов на русском, но есть и чисто на казахском
8:05Если рассмотреть язык со стороны шрифтов: казахский язык - это русский язык + 9 букв, вот они красавицы: Ә, Ғ, Қ, Ң, Ө, Ұ, Ү, Һ, І 😊
8:06Из-за 9 символов набор шрифтов для сайтов ограничиваются каким-нибудь open sans, pt sans; это наверное 90% свёрстанных мною сайтов))
8:07@cssunderhood просто лень искать. PT Serif, Fira Sans, Lato, Soruce Sans Pro, Roboto, Arimo, Droid Serif, Droid Sans и т.д.10:59
@cssunderhood ниша шрифтовиков в КЗ еще не окучена.10:59
@cssunderhood Ты хотел сказать «кириллица», да?
Именно, но есть большое "Но", сейчас подробнее twitter.com/sapegin/status…
11:00@cssunderhood А как в школах преподают ? Три языка ?11:00
.@koderhan по всей стране есть экспериментальные школы на 3 языках, этакое тестирование проводят :)
11:01Кириллицей не едины 😊 есть казакский язык с не кириллическим алфавитом, а с арабской и латинской основой; пример - massaget.kz
11:02Обратите внимание на верхний правый угол - Lat и قازاقشا
11:03Назарбаев говорит, что к 2015 году надо плавно перейти к латинице, вот пример, казакского языка на латинице при СССР pic.twitter.com/soshpSG4sG
11:06@koderhan @cssunderhood учат три языка, да. Плюс казахская литература, русская литература.
В обычных школах пока так, но на сколько я понима не на долго :) twitter.com/bayevn/status/…
11:07Латиницу сейчас используют казахи европы, турции. Арабскую вязь официально используют в Китае (Синьцзянский автономный округ)
11:10В университете видел китайских казахов, которые пишут китайскими иероглифами казахские слова О_о
В общем, всё сложно :)
в книги Яна Чихольда "Новая типографика" говорится, что от кирилицы в будущем откажутся :) советую почитать, полкниги интересно читать ;)
11:13@cssunderhood какой линтер используете?
Об этом в четверг :)
p.s. eslint ;) twitter.com/MRinat/status/…
@cssunderhood Мечтатель, однако ;-) У нас и так слова длинные, а будет ещё длиннее.12:01
я в целом за переход на латиницу. Принципиально не вижу разницы, язык ведь остаётся тем же самым
12:06@cssunderhood Я этого не замечаю. Где перешли-то?
Все кто пишет транслитом одной ногой в латинице, таких много twitter.com/sapegin/status…
12:14@cssunderhood Посоветуй ресурсы для усовершенствования навыков верстки, что бы быть в тренде. bootstrap, css3, html5
Посмотри вчерашние твитты 😊 были ссылки на ресурсы, тестовые задачи twitter.com/koderhan/statu…
12:15@cssunderhood Похоже от любых языков откажутся. Останется только английский и клингонский.12:15
@koderhan @cssunderhood neH tlhIngan neH hardcore +12:17
@cssunderhood Таких немного, хвала магистрам, так что это вообще ничего не меняет.
Надо же с чего-то начинать) у нас так начинали писать на латинице, вот теперь переходим :) twitter.com/sapegin/status…
12:18А откуда подгружаете шрифты? Google Fonts? локально?
12:19а что если я покажу такую картинку?! pic.twitter.com/F6WkfOgUxP
12:25@cssunderhood Подробнее со статьёй Case Study: Analyzing Web Font Performance можно ознакомиться здесь keycdn.com/blog/web-font-…
12:28До Кз бывает неплохой пинг от всех этих cdn + не исключено блокирование разных ресорсов, гугл одно время блокировали :)
12:30@cssunderhood Учитывая, что шрифты использую в основном доступные из гуглфонтс, пользуюсь им.12:30
В итоге в большинстве случаев я за локальное подключение, но порой используем Google fonts.
12:30статья к теме: Использование веб-шрифтов, самый лучший способ (на 2015 год) habrahabr.ru/company/paysto… оригинал helloanselm.com/2015/using-web…
12:31@cssunderhood удобнее на много с гугл фонтс, но не всегда там есть всё что хочется : )
За то, что хочется надо платить ;) twitter.com/newyorrker/sta…
12:34@cssunderhood Локально + кэширование в локалсторадже: github.com/sapegin/fontop…12:35
и еще про локалсторейдж: Улучшение загрузки шрифтов c помощью localStorage и WOFF2 htmlacademy.ru/blog/61
12:39Кстати, не забывайте, что kz - страна, kk - язык, подробнее gtalk.kz/ikaznet/lang-c…
13:12@sapegin @cssunderhood только это «русский алфавит», а не «кириллица»
Казахский кириллический алфавит ;) тут подробнее ru.wikipedia.org/wiki/%D0%9A%D0… twitter.com/maxmaximov/sta…
13:21@cssunderhood интересуют особенности сохранения сложной графики в svg из Illustrator, с прозрачностями, наложениями и прочими эфектами.
в 140 символах не рассказать, даже если бы я был специалистом svg :) Задавайте точнее вопросы twitter.com/IgorDTP/status…
14:22@cssunderhood кстати, ещё Ленин с Луначарским планировали русский латинизировать, но как-то не срослось14:23
@cssunderhood я только о том, что формулировка «кириллица + 9 букв» некорректна, как и «русский язык + 9 букв». Простите за занудство :)
Прощаем :) формулировка действительно не самая лучшая получилась twitter.com/maxmaximov/sta…
14:24@cssunderhood подробности ru.wikipedia.org/wiki/%D0%9B%D0…14:24
А все используют css препроцессоры ? Или есть старообрядцы на чистом CSS?)
14:29опрос на css-tricks показал, что 3 года назад 50% используют простой css css-tricks.com/poll-results-p…
14:37@cssunderhood Как думаете ситуация поменялась?)
14:38@cssunderhood наверняка есть, но кто, кроме меня, в таком признается? :)14:48
@cssunderhood я пока что сторонник оригинального ;) Но присматриваюсь к SASS.14:48
День раскаяния настал :) покайтесь, можете исповедоваться в личку) интересно получается, как вы живёте!? мне кажется, это так не удобно :(
14:50@PollyGlot @cssunderhood я за postcss, чтобы писать на css, с плюшками и без порнографии
Куда же без упоминания @PostCSS :) twitter.com/gunlinux/statu…
14:53@cssunderhood у меня проект с css, html и php. После опыта с less, jade и прочим реактом и постцсс, чистый css – меньшее из этих зол15:02
@vafelman @cssunderhood да. Есть старые проекты где куча css файлов и подрубить там less очень трудно.
Ок, с работающими проектами еще можно согласиться, а с новыми? twitter.com/koderhan/statu…
15:15@SelenIT2 @cssunderhood попался тут код, думал старообрядца, а это оказался cssnext в файлах с расширением css15:15
@cssunderhood есть какие-то шрифты,которые невозможно подключить по какой-то причине?Я помню,что верстальщик меня хейтил за хельветику когдт15:15
.@WasilisaFish если обычная гельветика, то без проблем, возможно, это был платный шрифт?!
15:16@cssunderhood думаю существенно, давно не видел простого css в разработке проектов:)
Ну вот признаются, что не используют, при чём верстальщики, про "универсалов" молчу :D twitter.com/s_martynuk/sta…
15:18@cssunderhood в идеале Google Fonts. Если по шрифтам никаких указаний нет, то системные (Roboto/Segoi UI/San Francisco).15:18
@cssunderhood ну хельветика и есть платный шрифт, покупать верстальщику его не надо было, я ж ему его давала.15:49
.@WasilisaFish а они были купленными?) если да, то странно)
15:50@cssunderhood я так и знала, что верстальщикам верить нельзя! :D15:50
@cssunderhood Стало несколько лучше: ashleynolan.co.uk/blog/frontend-…15:50
@cssunderhood @s_martynuk css-препроцессоры не нужны15:51
@maxmaximov @cssunderhood Если быть еще зануднее, то Русский алфавит + 9 букв
нет :) кирилица != русский алфавит :)
просто в казахском алфавите 33 буквы выглядят как в русском алфавите :) twitter.com/Pashapush/stat…
Что мешает людям взять Stylus и писать в стиле CSS с небольшой примесью плюшек?!
15:54@cssunderhood Вера в то, что Стилус можно писать только без скобочек.
Плохо читают документацию?!) у них в примере же со скобочками :( twitter.com/sapegin/status…
15:57@cssunderhood в чем разница между stylus и less. Какие плюшки у stylus?17:19
@koderhan @cssunderhood отсутствие скобочек, очевидно же.17:23
.@koderhan 1. js 2. удобный синтаксис 3. мощность :) подробнее написано тут stylus-lang.com
17:25Мне кажется, что на чистом css пишут небольшие сайты без продолжительной поддержки, веб-студии для малого и ср бизнеса, не?)
17:55@cssunderhood типа того, одностраничники или же сайты-визитки простые17:59
@cssunderhood даже на малочасовые проекты как то рука не поднимается забыть о сборщике, БЭМе и прочем.18:02
.@mojereliev потому что от хорошего тяжело отказаться ;) уже мыслишь на другом уровне :)
18:03Завтра лечу в Ригу на неделю — буду рассказывать о @PostCSS на WebConf18:10
webconf.lv/ru pic.twitter.com/9Os4iRsTr4
Что касается @PostCSS кто использует?
Наверное, тем кто использует чистый CSS будет проще писать на нём?)
@cssunderhood Не вижу связи. На CSS пишут те, кто не умеет использовать препроцессоры, или кто убедил себя, что они не нужны.18:18
.@sapegin они не знают какая боль поддерживать много много css:) а для небольших сайтах можно не заморачиваться:) это я как вариант придумал
18:20@koderhan @cssunderhood Минималистичный синтаксис. импорт целой директории со стилями, а не отдельного файла. сам перешел на stylus с less18:21
@cssunderhood @mojereliev ну когда умеешь, когда всё быстро, что уж тут. Проблема преодолеть стену | неумения :)18:22
@cssunderhood @PostCSS использую autoprefix вместе с less.
Autoprefixer must have 👍 twitter.com/koderhan/statu…
18:22@mojereliev @cssunderhood а зачем бэм на маленьком проекте? Тем более когда сзади гонят метлой.
Действительно зачем нам #b_ ?! 😏 twitter.com/koderhan/statu…
18:23@cssunderhood использую с частью плагинов. Не понимаю, что сейчас могут предложить препроцессоры? @PostCSS18:25
@cssunderhood бессмысленно спрашивать, кто использует PostCSS, так как все сидят на Автопрефиксере
А те кто пишут на чистом CSS используют автопрефиксер ? 😑 twitter.com/andrey_sitnik/…
18:28@cssunderhood только в финале перед передачей верстки, для надежности
Это как?!) twitter.com/anarion_tw/sta…
18:34@andrey_sitnik @cssunderhood Чак Норрис использует Автопрефиксер без ПостЦСС.18:43
@cssunderhood postcss-cli или плагинами под саблайм/атом
Хм, мисье знает толк в извращениях 😏 twitter.com/m_arzubov/stat…
18:45@li_rian @cssunderhood Есть онлайн-сервис для автопрефиксинга autoprefixer.github.io Использую его, когда правки вношу в чужой проект.18:49
@koderhan @mojereliev @cssunderhood вы бы спросили ещё зачем gulp на маленьком проекте?))
Может быть есть онлайн сервис?!)) или *шутка про Чака* :) twitter.com/lisovskyvlad/s…
18:51Для себя пока не вижу варианты использования postcss, но на основе него получаются довольные интересные и крутые штуки
18:53@cssunderhood Люди, использующие веб-сервисы вместо автоматизации, меня всегда веселят. Знают толк в извращениях.18:54
@cssunderhood ты как-то жутко путаешь термины :). Может ты хотел сказать «Не вижу варианты использования cssnext или PreCSS»?
много плагинов for fun, тяжело отыскать действительно полезные) twitter.com/andrey_sitnik/…
18:56@cssunderhood вопрос синтаксического сахара (примесей, переменных) — это не так важно. PostCSS — это для RTLCSS, CSS Modules и т. п.
Об этих классных штуках и была речь, идея CSS module - хороша ;) twitter.com/andrey_sitnik/…
18:57@cssunderhood тогда что значит «не вижу варианты использования PostCSS»? ;)
Проекты на препроцессорах + автопрефиксер, всё что надо может, например, sass, зачем добавлять что-то?) twitter.com/andrey_sitnik/…
18:59@cssunderhood 1. значит ты используешь Sass + PostCSS ;)19:01
@cssunderhood 2. нужно добавить ещё postcss-assets и postcss-svg, чтобы инлайнить картинки и их размеры записывать в CSS19:01
@cssunderhood 3. в больших командах нужен Stylelint, чтобы линтером автоматически бить по рукам стажёров19:01
.@andrey_sitnik на линтер стоит обратить внимание ;)
19:02@cssunderhood 4. cssnano отлично жмёт (ну и просто удобно, когда всё на одном парсере)19:02
.@andrey_sitnik остальное уже специфично, как будет реагировать препроцессор на примеси postcss ?!
19:07@cssunderhood примеси есть только у PreCSS и когда его использует, то обычно больше нет нужны в Sass. Да и PostCSS обычно после Sass идёт.19:30
@cssunderhood PostCSS — это только инструмент для трансформации CSS через AST. В самом PostCSS не может быть примесей.19:31
@cssunderhood @PostCSS для меня postcss-nested, postcss-assets основа, а дальше по необходимости19:31
@voischev @mojereliev @cssunderhood программисты ругаются на длинные классы.И зачем это если проект одноразовый.
Что делать с ругающимися программистами? Надеюсь не пхпшники?! 😂 twitter.com/koderhan/statu…
19:38@cssunderhood @voischev @mojereliev Программистов длина классов вообще не должна волновать. Мы ж им не говорим, как пхп писать.19:41
@cssunderhood если это нода, то прокинуть в шаблонизатор common-bem и генерировать бэм-классы автоматически19:41
npmjs.com/package/common…
@cssunderhood приписывая проекту одноразовость(как посуды),давайте убьем все объекты,украдем переменные,напичкаем плагинами-«шо б було»)))19:46
@cssunderhood Я за то, чтобы воспринимать проект как человека, создавать его — быть богом «придумывая человека». как-то так))19:49
Разговор о postcss и я вспомнил такую фразу из чатов:
"я думаю там будет работать естественный отбор и Ситник" © 😊
Викторина для команд Лига фронтенда №2 пройдёт в Минске 19 ноября, участие бесплатное — html5.by/blog/frontend-… pic.twitter.com/tUNJVH45tp
Вот это круто я считаю! 👍
Удачи командам! 😉 twitter.com/webstandards_r…
@cssunderhood у него есть утилита командной строки, которую можно натравить на файл. Если там CSS без префиксов, будет с префиксами.
Уже определились) есть и веб версия twitter.com/rimmer333/stat…
20:44# Четверг 134 твита
@cssunderhood @psyw Если интересно, вопросы и ответы к ним опубликуем после игры где нибудь. Я тогда новость сделаю на @html5by5:32
@notarseniy @cssunderhood @andrey_sitnik Чак Норрис заставляет браузеры отказываться от префиксов к нужным ему свойствам5:33
@rimmer333 @notarseniy @cssunderhood @andrey_sitnik чак норрис не использует браузеры, он сразу рендерит сайт по исходникам5:33
@cssunderhood Локально надёжнее. Иногда даже шрифт из репы Google Fonts, но со своего сервака5:34
Привет всем) сегодня четверг поговорим о разных инструментах, автоматизации и то, что нас окружает :)
8:42Для начала покажите ваш рабочий стол, чем вы пользуетесь?) вот мой: ноутбук + монитор с клавиатурой 😊 pic.twitter.com/dhuGcVU75D
8:44Использую: ubuntu 14.04, Firefox, Sublime Text 3, terminator
8:51Можете поделиться скриншотами, например, как Code-screenshots от @shuvalov_anton shuvalov-anton.github.io/code-screensho…
8:53С Solarized Dark перешёл на Solarized Light, тема Soda Light
в terminator тоже самое :) тема ZSH_THEME="agnoster" pic.twitter.com/I9dSuJWBHg
@cssunderhood скажите модель ноутбука?
Lenovo Y50, i7, gtx 680m, fullHD, 8gb опертивки twitter.com/MRinat/status/…
9:01Начал было настраивать себе dotfiles github.com/talgautb/dotfi… Но как-то всё остановилось :)
9:03@cssunderhood pic.twitter.com/INaHqgHiaC
Ого, стационарный телефон :) twitter.com/spies_and_lies…
9:03Для коммуникации используем: Skype (для переписки с гос и другими компаниями, проекты), telegram (внутри компании, между собой), email
9:05Используем продукты Atlassian: Confluence, Jira, Software, Bitbucket atlassian.com
Не забывайте делиться своим ;)
@cssunderhood если используешь фотошоп, то как?
Пока никак)
Занимаюсь поддежкой проектов, у гос проектов не каждый год меняется дизайн :)
Хочу попробовать avocode twitter.com/_sashashakun/s…
@cssunderhood только redmine, только хардкор)10:16
@cssunderhood стандартный набор pic.twitter.com/gov8C0Vuuf10:17
@cssunderhood у меня так pic.twitter.com/fCMUzDk4X310:19
Ого! Кнопочный телефон twitter.com/cssunderhood/s…
Это рабочий, для тестов :) вводить код из смс ;) twitter.com/nayanov/status…
10:20@cssunderhood Раньше тоже использовал Соларайзед и Соду ;-)
Раньше? а сейчас? меня пока устраивает :) но я всегда открыт попробовать что-то новое twitter.com/sapegin/status…
10:21@cssunderhood в чем прикол avocode? CSS Hat вроде для этого же, но в виде плагина и не тормозит
Эмм, убунту, не?!) twitter.com/sergey_panay/s…
10:22@cssunderhood @spies_and_lies у меня тоже есть стационарный телефон. подозреваю, что когда-нибудь он понадобится, чтобы выйти из матрицы10:51
@cssunderhood у меня какая-то вакханалия: slack для дизайнеров и менеджеров, hipchat для фронтов и skype для бэков
У меня на телефоне много) для работы слишком много чатов очень плохо :) twitter.com/li_rian/status…
10:51@sergey_panay @cssunderhood Для Linux нет Фотошопа, например. Поэтому Avocode очень даже выход. У ведущего Ubuntu вроде.10:52
@cssunderhood и как живется какие траблы запомнились последние?
Живётся хорошо ровно до момента дизайна, но 1. у нас нет дизайнеров 2. гос проекты редко обновляют дизайны :) twitter.com/c1n1k/status/6…
10:53Для фронтенда у нас ангуляр. в большинстве случаев писать на нём много не приходится, нет фронтендщика для каждого проекта, он и не нужен)
10:54Поэтому наши java программисты пишут и фронт :)
10:55Мне достался проект, который один фронтендщик начал в 2013 году (если не ошибасюь)
Sass, Compass, angular, grunt, html
@cssunderhood не могу работать, когда монитор сбоку стоит - неужели за день шея не затекает?
рабочий как раз тот, что справа. для этого и клавиатура. twitter.com/dshster/status…
10:59Compass - это лучшее, что мне досталось :)
Компиляция sass -> css на проекте
Completed in 9.253s
от 9-10 секунд :)
Я просто напомню, что мировой рекорд 100 метров за 9,58 :(
Первую задачу себе поставил сам: избавиться от Компаса и соответственно обновить gruntfile.
Теперь компиляция sass -> css секунда и меньше)
@cssunderhood заменил на libsass, удалил компас, вытащил стили и оставил. слишком много зависимотей в sass :(
11:04@cssunderhood можно было бы и как npm пакет использовать github.com/Igosuki/compas… но у меня что-то не полетело :)
11:04Добавил в gruntfile time-grunt github.com/sindresorhus/t…
Прикольная штука, показывает на что больше всего времени уходит.
Недавно добавил grunt-eslint, пока работает в тестовом режиме. Выдал в первый раз мне 4000+ erros :D
11:08@cssunderhood у нас наоборот. почти не верстаем, ангуляр эксплуатируем.
У нас с нуля верстать практически тоже не приходится) twitter.com/vladimore/stat…
11:09@cssunderhood уверен нормальный же код получается?
Не уверен) я к другим не лез еще :) twitter.com/a_lithium/stat…
11:10@cssunderhood весь современный фронтенд - это решение проблем, созданных самими разработчиками12:23
@cssunderhood Сейчас светлая Тумарроу: github.com/sapegin/code-s…12:24
@cssunderhood для работы стоя ) pic.twitter.com/VXn0MpNjmM12:25
@cssunderhood Говорят, джависты очень Ангуляр любят :-/
Наверное, или просто здравый смысл :) 1. много информации 2. легче найти сотрудника 3. много готовых решений twitter.com/sapegin/status…
12:27@sapegin @cssunderhood ict-books.com/books/testing/… так и не читал ее. Коллега дал, но мне лень :) "Clean Code" мне была гораздо полезней :)12:27
@monogeeza Она самая: ikea.com/ru/ru/catalog/… ;-) @cssunderhood
Да, стол мне понравился ;) twitter.com/sapegin/status…
12:28для Eslint'a используем Airbnb JavaScript Style Guide() github.com/airbnb/javascr…
12:30@cssunderhood в ближайшее время надо свести все ошибки на нет, добавить плагин для ангуляр npmjs.com/package/eslint…
12:32@cssunderhood параллельно переписываю по методологии #b_
структура css примерно такая gtalk.kz/verstka/css-ro…
До конца года надо всё привести в нормально состояние + начать покрывать тестами :)
Много работы. не считая других задач по работе :)
@cssunderhood на работе так pic.twitter.com/VfKPWtsr2S12:35
@cssunderhood дома так pic.twitter.com/6zIEu46DCN
Если используете 2 монитора, то берите одинаковые ;) twitter.com/AndreyBerezhno…
12:36@cssunderhood использовали github.com/corysimmons/lo… ?
Нет, я уже писал, что postcss используем на уровне автопрефиксера :)
Есть мысль добавить lint на postcss twitter.com/koderhan/statu…
Я попал в удачное время: редизайн проекта. Время обновить и/или выкинуть старое, прикрутить что-то новое :)
12:39Что посоветуюете интересно?)
12:39@cssunderhood у меня так pic.twitter.com/cUv9ax4P9g
Ну это разве работа?!)) twitter.com/akella/status/…
12:43@cssunderhood Дома работаю на балконе: либо с макбуком в гамаке ^^, либо за компьютером, если работы много pic.twitter.com/AZlUhKFGxm
Круто!) но разве в гамаке удобно?) twitter.com/brainsapiens/s…
13:09@cssunderhood Рабочее место гораздо прозаичнее pic.twitter.com/nC0a7YUjaY13:09
@cssunderhood а у меня раскладной столик и кресло - ставлю где нужно и работаю на ноутбуке)
главное, чтобы удобно было ;) я привык иметь своё место. Хочу себе напарника - фронтенд-кактус :D twitter.com/denysdovhan/st…
13:10@cssunderhood на работе Jira, GitLab. На своих проектах Trello, GitHub/Bitbucket. На прошлой работе Redmine, Bitbucket.13:10
@li_rian @sapegin @cssunderhood естественно :) у нас есть свободные джойстики, присоединяйся ;)
Go! @akella создал :D twitter.com/akella/status/…
13:12@cssunderhood Труба зачетная!
На которую сфотографировал?!))
Нокиа для работы ;) twitter.com/alexdanilov/st…
Под наше обсуждение на хабре появилась статья: 50 лучших инструментов для разработки CSS и JavaScript habrahabr.ru/post/270705/
13:14В последнее время приходится прототипы набрасывать, кто что использует?!
посл раз попробовал getuikit.com
@cssunderhood Axure и только Axure! :) У нас в компании его используют для создания очень проработанных прототипов, которые в последствии →
Pc or Mac :( twitter.com/a_novok/status…
14:06@cssunderhood есть какойто у вас готовый миксин для подключения шрифтов в сасс???
Нет, такого у нас) подключайте Google Fonts или вот так github.com/sapegin/grunt-… twitter.com/trolizmaslom/s…
14:07@cssunderhood для небольшой работы - да, под пледом очень уютно и мотивирует работать, особенно осенью :) Основной объем делаю за компом14:08
@cssunderhood в sublime какие плагины используете ? Как работаете с git ?
Немного, вот были такие gtalk.kz/verstka/sublim… +- парочка еще) про гит отдельный твит twitter.com/koderhan/statu…
14:09@cssunderhood Ну я пропустил момент, когда ты сделал свой каминг-аут про линукс. :) Аудитория не сильно плевалась?
Нет) с чего вдруг?!)
Мне пока нравится. потом посмотрим. Если что на мак перееду :) twitter.com/a_novok/status…
@cssunderhood да, но лучше не ставьте свое рабочее место зимой под окно в крыше :) это совет14:56
@cssunderhood В основном так pic.twitter.com/TBEUGrMUGD14:56
Работа с гитом обычная: 1 человек отвечает за мастер, dev ветка для работы. Комиты на русском, если тикет из jira, добавляешь id таска
15:03@cssunderhood Мне нравится ninjamock.com для быстрых прототипов: есть паттерны, большой набор компонентов, линковка, легко шарить15:03
Когда я говорил о прототипапах я имел ввиду полноценную верстку, чтобы пощупать и показать начальникам :)
15:05@a_novok @cssunderhood Аналогично. Перешли на Axure, и больше ничего не хотим :) Раньше использовали Pencil.15:16
@cssunderhood начальник потом скажет- выпускаем в продакшн и как ты ему докажешь, что это всего лишь прототип и надо время на его переделку?
Поэтому нужен хороший CSS Фреймворк ) twitter.com/dshster/status…
15:20@cssunderhood Там всегда что-то «не летит»: сначала были проблемы с compact, потом еще и еще… В итоге один вариант – перебрать руками :)
Я так и сделал) всё работает) twitter.com/moskwin/status…
15:20@cssunderhood Почему один человек? Номер таска руками добавляете?
Да, руками( ответственный за проект так сказать twitter.com/sapegin/status…
15:22@WasilisaFish @cssunderhood в большинстве случаев мне кажется устроят статичные прототипы, из того же Axure15:22
Сколько программистов надо, чтобы собрать мебель из Икеа?!)) в общем, статус: grunt build pic.twitter.com/IfwAlGjtki
15:24@cssunderhood ребят, помогите найти такого же годного верстальщика в маленькую компанию?
Верстальщик, тебя ищут) twitter.com/i_mif/status/6…
15:48@cssunderhood Мы это недавно автоматизировали: gist.github.com/sapegin/08a5fd…15:50
Пацаны, вам нужен Senior Solutions Architect.17:02
Иначе ваш стол получится слишком монолитным. twitter.com/cssunderhood/s…
.@jsunderhood стол оказался шкафом :)
17:02.@trolizmaslom путём практики я оставил для себя такой вариант gist.github.com/talgautb/a9d20…
17:05@cssunderhood А зачем TTF? И куда делся WOFF2? @trolizmaslom
Мобилки андроида если правильно помню ) twitter.com/sapegin/status…
17:11Вот она - жизнь стартапов.17:11
Строили стол, оказался шкафом... twitter.com/cssunderhood/s…
.@jsunderhood никто про стол не говорил 😄 вот Так и людей обманывают ))
17:12Четверг - Спортивный день, играем в футбол. Поэтому надо собираться :) а вы во что играете?)
17:13Это не обман, это communication issues. Спеки нет, видения нет, есть только мокап, сфотканый на айфон... twitter.com/cssunderhood/s…17:37
@dshster @cssunderhood о, мы так calendar.mail.ru делали. Менеджеры просто решили, что наш прототип более не прототип, а бета.17:39
@ilnurkhalilov @moskwin @cssunderhood за инструменты нужно платить, я считаю.17:50
Axure очень хорош для прототипов, когда есть отдельный →
@ilnurkhalilov @moskwin @cssunderhood аналитик-прототипировщик. Верстальщику он не нужен. Это больше UI/UX, ну и дизайн, конечно.
Мне необходима основа, которую можно легко перенести в продакшн ) twitter.com/a_novok/status…
17:50@a_novok @moskwin @cssunderhood, я в компании и за фронтендера и за проектировщика интерфейсов. Искал инструмент для работы и выбрал Webflow17:50
Вот небольшой список моего будущего CSS фреймворка, и можно менять темы :) pic.twitter.com/RgsI6yJtUC
17:52Normalize.css как инструмент в последнее время не нравится :(
Он не сбрасывает стили, а делает красиво, но надо ли ?!
Wunderlist - ещё один крутой инструмент, лучший которым я пользовался 😊 pic.twitter.com/t9S3ODQ16L
17:54@cssunderhood В велосипед и тренажёрный зал :)
Велосипед интересно, но много хлопот, малый период использования :( у нас не такой уж и приятный климат😊 twitter.com/kipruss/status…
17:57@cssunderhood Есть один интересный проект -hansoftx.com написан на mtetorjs. Правда он скорее для командной работы и пока без приложений.
Не серьёзно)
90% времени я пользуюсь приложением :) twitter.com/dezeter/status…
@cssunderhood для меня Google Keep на все случаи жизни :)18:00
Вот эта картинка описывает климат в Астане 😊
Добро пожаловать !) pic.twitter.com/5gBAEqWxmO
@ilnurkhalilov @moskwin @cssunderhood это не инструмент для прототипирования, это конструктор (весьма неплохой, наверное). IMHO :)21:12
@cssunderhood дооо.использую для планирования задач на след день, идей, рецептов и ежемесячных напоминалок.21:12
@cssunderhood @talgautb Моментжс кажется будет поддерживать казахскую локаль в наступающем релизе
github.com/moment/moment/… by nultan
Да, потому что это мы делали ;)
При чем на моём проекте 😊 twitter.com/iamstarkov/sta…
@cssunderhood А какие альтернативы normalize.css ты рассматриваешь?
Ещё не изучал вопрос, что посоветуете?!
Думаю свой набросать twitter.com/ierhyna_web/st…
@trolizmaslom @cssunderhood миксин font-face для sass gist.github.com/gatilin222/f05…
Зачем столько шрифтов?!) twitter.com/gatilin2222/st…
21:26@ierhyna_web @cssunderhood А я верстаю с компасом и иногда это использую compass-style.org/reference/comp… как альтернативу normalize.css
Никогда! Слышите!? никогда не используйте компас, он мёртв! twitter.com/weblegko/statu…
21:26@weblegko @cssunderhood я отказалась от компаса. Пока беру древний reset.css и немного меняю под проект, но может есть варианты лучше?21:26
@cssunderhood @talgautb вы крутые
Так мило)) ждём moment.js 2.10.7 в этом релизе будет казахский ;)
Спасибо, передам автору) twitter.com/iamstarkov/sta…
@cssunderhood стоит ли писать по #b_ в проектах с bootstrap ?
Не стоит смешивать) будет хуже, за нас уже постарался @iamstarkov 😉 github.com/iamstarkov/bem… twitter.com/koderhan/statu…
21:31@cssunderhood @talgautb я тоже его жду. они починят строгий парсинг в славянских локалях21:31
@cssunderhood Почему, кстати?
Уже писал) 1. Медленный 2 не обновляется 3 руби twitter.com/iamale_ru/stat…
21:33@cssunderhood @bourbonsass не пробовал ?
Руби, сразу нет)
Мы за npm пакеты, однородность, удобно ;) twitter.com/main_loner/sta…
Статья про то, что eslint хорош 😊 smashingmagazine.com/2015/09/eslint…
21:37@cssunderhood @koderhan Не будет. Но скорее всего просто Бутстрап не нужен.
В бутстрап есть !important
А значит будут проблемы) придётся делать каскады или что-нибудь эдакое, не по #b_ 😄 twitter.com/sapegin/status…
Бутстрап отлично подходит для админки, когда его делают бэкендщики, можно даже не вмешиваться))
21:41@cssunderhood Хорошую админку бэкендщики не сделают :-/
Надо им на листочке нарисовать 😉 пусть играются 😄 twitter.com/sapegin/status…
21:44Первичный прототип делаю на а4, в самодельном блокноте: скрепляете а4 как раздаточный материал спиралью и вуаля, удобно 😊
21:46Не grunt'om едины, скринкаст про wepback от автора Ильи Кантор learn.javascript.ru/webpack-screen…
21:58@cssunderhood ох довелось видеть верстку бекендщиков как раз на bootstrap и в админке, не дай Бог еще увидеть:)
Помылись после, я надеюсь?!) twitter.com/s_martynuk/sta…
21:59Всё никак руки не дойдут, попробовать react.js + wepback и бесплатный учебник есть (англ) github.com/survivejs/webp…
22:02@cssunderhood @talgautb дома и на работе pic.twitter.com/AE2l5KT61322:02
@cssunderhood Всё-таки не надо их так вот сравнивать :-/
Я не сравнивал) я к тому, чтобы попробовать что-то новое, присмотреться ;)
Мне больше gulp нравится пока twitter.com/sapegin/status…
@cssunderhood админка - единственный нормальный юзкейс для Bootstrap22:04
@cssunderhood Отличная книжка, тоже её всем советую.22:04
@cssunderhood у меня пунктик насчет разделения зон ответственности и в т.ч фронтенда и бекенда
Не надо разделять ;) надо общаться, объяснять, мучить, учить и бить по рукам 😊
Мы за одно, а не по разные стороны ;) twitter.com/s_martynuk/sta…
@cssunderhood а я пока MEAN stack учу
Если что mean.io
Но лучше будем про вёрстку говорить) js оставим для @jsunderhood 😉 twitter.com/pollyglot/stat…
# Пятница 141 твит
@cssunderhood про компасс twitter.com/itsmisscs/stat…5:35
@ierhyna_web @cssunderhood можно sanitize css, только я его правило :root убираю5:37
@a_novok @ilnurkhalilov @cssunderhood Полностью соглашусь. И да, у нас его использует именно проектировщик/дизайнер :)5:39
@cssunderhood Может кто-нибудь посоветовать более менее качественный шаблон для админки с графиками?
Многие готовые решения сложно под себя настраивать :( шаг в право, шаг влево и геморрой 😄 twitter.com/meuwka/status/…
5:42Смотрите, что я качаю в телефон 😊 Firefox web browser by Mozilla
appsto.re/kz/-LZ_6.i pic.twitter.com/ObLhoNvFzf
@cssunderhood на вебките :)
Потому что apple по-другому не разрешает :(( и по этой же причине его так долго не было на iOS ) twitter.com/bayevn/status/…
6:09@cssunderhood воу-воу, верстальщик найден, да ещё какой! За 1 день. Несколько недель на hh такого эффекта не дали. +100500 к карме🙏
Занесёте потом мне и @juwain :D
cssunderhood - connecting people ) twitter.com/i_MiF/status/6…
Пока некоторые просыпаются, советую подписаться на CSS weekly css-weekly.com и JavaScript weekly javascriptweekly.com
7:40попробовал ninjamock, надо нашим аналитикам посоветовать,они используют moqups.com а вот, что получлось ninjamock.com/s/QRZ8T
8:29@cssunderhood 5 минут и прототип опросов готов ) у нас такое обычно в документах используют :)
8:31@cssunderhood Какими static-generator'ами пользуетесь? И что посоветуете из этого обилия? staticgen.com (кроме Jekyll, я на Винде)8:52
.@PollyGlot уходите с винды) а кто чем пользуется ??
8:55Сегодня пятница 13ое, самое время поговорить о используемых вами методологий 😊
8:56Эти парни советуют использовать #b_ 😄 pic.twitter.com/GFMLLk27xV
8:57@cssunderhood кажется все пути ведут к БЭМ. Но для начала можно попробовать придумать свою кастомщину. Это помогает сильнее оценить БЭМ.
Эх, слишком наивны мы бываем) ничто не вечно 😉 twitter.com/koloskof/statu…
9:07@PollyGlot @cssunderhood jekyll и на винде нормально работает9:09
@PollyGlot @cssunderhood про галп без шуток github.com/iamstarkov/iam…9:09
@cssunderhood @PollyGlot а как на Линуксах решается вопрос с Фотошопами и Иллюстраторами? или есть полноценные замены?
Полноценных нет ) twitter.com/igordtp/status…
9:44@PollyGlot Я долго старадал с Докпадом и Хексо, но в итоге написал свой: github.com/sapegin/sweet2 ಠ_ಠ @cssunderhood9:45
@cssunderhood Уже несколько лет пользуюсь своей: nano.sapegin.ru/all/opor-metho…, ну и CSS-модулями ещё теперь.9:45
@cssunderhood недавно наткнулся на rscss.io. Понравилось.10:28
@cssunderhood авокод?
Кто прокомментирует?!Говорили, что он не плох, но не полноценная замена)хочу попробовать как будет работа с дизайном twitter.com/iamstarkov/sta…
10:36@cssunderhood расскажи, если не секрет - что для тебя в работе с убунту дает больший профит чем эти заморочки с гр. редакторами?
Мы не делаем сайты каждый месяц :)
у меня нет заморочек с графическими редакторами ;) поэтому убунту хороша) twitter.com/kakrostropovic…
@cssunderhood расскажите про CSS- модули. Много слышу про них в последнее время. Что, как, почему.
Я ими не пользовался, но идея крутая ;) сейчас подробнее twitter.com/PollyGlot/stat…
10:39@iamstarkov @cssunderhood фотошоп через вайн прекрасно работает, иллюстратор года 2 назад точно не работал.
нет, там всё также :( twitter.com/reklatsmasters…
10:39@cssunderhood сейчас мелкие поверстать делаю через assets.adobe.com/assets минусов много, но всякие расстояния, цвета и размеры шрифтов норм10:39
@cssunderhood @iamstarkov заливал на него PSD и использовал для вёрстки. Удобней, чем в фш10:40
CSS modules github.com/css-modules/cs… подробнее на англ glenmaddern.com/articles/css-m… и видео с @webstandards_ru youtu.be/f1DVxtjiBc4?t=…
10:42@cssunderhood неправда. ни там, ни там её нет. #b_10:44
@cssunderhood цсс модули автоматизируют скоупы и только
Пока это лучшее, что есть, не?! twitter.com/iamstarkov/sta…
10:45@cssunderhood для изоляции нужен @PostCSS с reset+initial
Поправь если я не прав, но CSS module основан на Postcss / cc @andrey_sitnik twitter.com/iamstarkov/sta…
10:47@cssunderhood А ты их (css модули) на боевых проектах используешь или в песочницах?
Нет, присматриваюсь. Слишком новая технология. twitter.com/SetAGE/status/…
10:49@cssunderhood И вот ещё крутой доклад Глена Маддерна: youtu.be/aIyhhHTmsXE @webstandards_ru10:50
@cssunderhood БЭМ — имитация CSS-модулей.
На имитации не уедешь далеко :)
web-components скоро надеюсь придут к нам ;) twitter.com/sapegin/status…
@cssunderhood @SetAGE Я использую, но пока чуть-чуть ;-)
Поделитесь впечатлением о CSS modules в бою :) twitter.com/sapegin/status…
10:52@cssunderhood Вы о разном говорите. CSS-модули — про уникальные классы, а не про изоляцию компонента от внешних стилей. @iamstarkov
Уникальные классы не изолируют компоненты?!) twitter.com/sapegin/status…
10:52Вот реальная задача: сверстать полоску для шапки, сделал по бэм, но эта часть шапки будет на 3х сайтах, как думаете что получилось?!)
10:54@cssunderhood Не изолируют от внешних воздействий: если где-то написано button { color: red !important }, никакие бэмы и модули не помогут.
от этого никто не застрахован :)
но какая вероятноть использования класса header в разных проектах по #b_ ?!) twitter.com/sapegin/status…
@cssunderhood Я пока не вижу в веб-компонентах большой ценности ಠ_ಠ
Придумывать свои теги - это ведь круто! еще больше вариантов выстрелить себе в ногу :) twitter.com/sapegin/status…
10:56@cssunderhood Не понимаю подвоха в задаче. Если правильно сделал, то всё будет хорошо у тебя.
Что значит правильно?! twitter.com/SetAGE/status/…
10:58@cssunderhood Проекты есть не только «побем». Изоляция полезна для сторонних компонентов.
Мне говорили, что можно брать и переносить блоки по бэм. Типа яндекс между проектами так и делает :) twitter.com/sapegin/status…
10:59@sapegin @cssunderhood если создаёте уникальные изолированные компоненты придумайте им уникальные названия классов, в чем проблема?
Проблема в человеках :)
Не лучше, чтобы эту проблему взяли на себя машины?! twitter.com/dshster/status…
@cssunderhood и что же получилось?
С первого раза не получилось) на 2х сайтах использовались одинаковые классы с моим блоком. twitter.com/antonfrolovsky…
11:01@dshster «Придумайте бла-бл-а-бла» — это костыль, CSS-модули позволяют работать с простыми именами, но дают уникальность. @cssunderhood
Вот именно!)
Сейчас приходится в бэм подмешивать извращенные (типа уникальные) префиксы к блокам :( twitter.com/sapegin/status…
@cssunderhood @andrey_sitnik @PostCSS там используется парсер от постцсс, но конечно же не все плагины
Вся функция Postcss это парсить и делать карты, не?!
А плагины уже делают с этим то, что хоят) twitter.com/iamstarkov/sta…
@cssunderhood Ну и всё-таки писать .header удобнее, чем .my-component__header.
Согласен, пока ничего лучше не придумал ) twitter.com/sapegin/status…
11:07@cssunderhood @sapegin нет, конечно. каскад всегда рад тебе об этом напомнить
Каскад из тегов?!)
исключаем стили на тегах тогда :) twitter.com/iamstarkov/sta…
@cssunderhood Не11:12
основан, а реализован как плагин (вернее набор плагинов) postcss. @iamstarkov
@cssunderhood Ты можешь что-то запретить только в своём проекте. Когда делаешь компонент для других сайтов, это бесполезно. @iamstarkov
и что же делают люди?) живут с этим? или как писал @iamstarkov обнулять стили? twitter.com/sapegin/status…
11:13@cssunderhood @sapegin каскад в полном смысле, то есть и шрифтах и в box-sizing etc11:13
@cssunderhood @sapegin избавляться от каскада, да.
А если сайт не твой?!) twitter.com/iamstarkov/sta…
11:32@cssunderhood @PollyGlot OS X. Винда - принципиально против. Линукс нет, потому что нет граф редакторов :с11:32
@iamstarkov @cssunderhood недавно на youtube , видел лекцию Как правильно использовать postcss , там как раз было про ресет через initial11:33
@sapegin @cssunderhood @iamstarkov небесполезно, если у компонента свой скоуп и локальный ресет11:33
@victoria_veles @cssunderhood @PollyGlot не уходим, куда? OS X навязывает своё дорогущее железо,на своё его не поставить, выигрыш сомнителен11:34
@cssunderhood @sapegin свои компоненты защищать от каскада из вне11:34
@dshster @cssunderhood @PollyGlot хакинтош - реально фиговая штука. Но не вижу проблемы в том, чтоб потратить чучуть больше на хороший мак.11:34
@SergeyBruhin Хочу попробовать это. @iamstarkov @cssunderhood
Если кто-то тоже хочет попробовать ;) github.com/maximkoretskiy… twitter.com/sapegin/status…
11:35@victoria_veles @cssunderhood @PollyGlot чуть чуть больше не получится. Win10 вполне себе норм, не вижу смысла переплачивать, если не фанат.11:44
@iamstarkov @sapegin @cssunderhood стандартная схема: css modules + postcss autoreset (+ initial). у нас как раз идет процесс внедрения
Подробнее, кто, куда и как?!) twitter.com/li_rian/status…
11:45@dshster Уже несколько лет использую только ноутбуки. Подключил клавиатуру, трекпад, монитор — тот же десктоп. @victoria_veles @cssunderhood
Да, посмотрите вчерашние твиты с рабочими столами :) у многих так) twitter.com/sapegin/status…
11:45@sapegin @dshster @cssunderhood мак + монитор на работе - идеальное сочетание. И лично мне трекпад MacBook намного удобней мыши11:46
@iamstarkov @sapegin @cssunderhood каскадные таблицы стилей без каскада:)
и без таблиц ) только стили, только хардкор :) twitter.com/li_rian/status…
11:47@sapegin @victoria_veles @cssunderhood @PollyGlot как сказать, спроси любого чем мак лучше - 90% ответов "нравится/удобнее/красивее", и всё.
Отвечайте, вы все любые :)
Мне кажется, мак, что мак удобнее/красивее )) twitter.com/dshster/status…
@sapegin @victoria_veles @cssunderhood @PollyGlot это и есть тренд возведённый в культ, когда все достоинства сводятся к набору ощущений.
это *nix + графические редаторы в хорошей упаковке, не идеальный, но пока не придумали лучше :( twitter.com/dshster/status…
11:49@sapegin @victoria_veles @cssunderhood @PollyGlot это субъективные причины, их не оспорить и не подтвержить, мне нравится Win10 и ок! :-)11:51
@cssunderhood делаем компоненты для последующего встраивания - там никак без полной изоляции. уже набили шишек на этом :)11:52
@dshster удобный, легкий, быстрый, идеальная среда разработки — что еще нужно? @sapegin @victoria_veles @cssunderhood @PollyGlot11:58
@dshster не вижу смысла спорить? споры для школьников, взрослые люди пользуются тем, что им удобно @cssunderhood
Ну че ты, нормально же общались :) twitter.com/gladkih_m/stat…
11:59@dshster @sapegin @victoria_veles @cssunderhood мне тоже нравится Win10 :)11:59
@cssunderhood споры есть трата времени и сил без смысла.
В спорах рождается истина ) twitter.com/gladkih_m/stat…
12:01@sapegin многим выбор для себя скучен - цель: именно навязать, переубедить, поставить себя выше! @victoria_veles @cssunderhood @PollyGlot
Никто не ставит себя выше других, просто мак лучше, на сегодня twitter.com/dshster/status…
12:03@victoria_veles @dshster @sapegin @cssunderhood вообще, я спрашивал про генераторы, а перешло в обсуждение другой темы :D ->
Вот он виновник )) twitter.com/PollyGlot/stat…
12:28@sudodoki @cssunderhood @dshster @sapegin @PollyGlot хорошее железо, цветопередача и божественный трекпад.
Это о маке, если что ;) twitter.com/victoria_veles…
12:28@cssunderhood ну вот здрасьте - чем же мак лучше? И давайте отделять буки от десктопов, 8 часов непрерывно втыкать в бук не все осилят.12:28
@cssunderhood я спорить не буду, просто покажу статистику сайтов для фронтендеров12:29
twitter.com/iamstarkov/sta…
@cssunderhood он не стоит того. Оплатил месяц, отработал. Всё равно часто запускал фш для спрайтов и @2x.12:29
@dshster а чего отделять, я вот выбрала моноблок мак. считай моник + провод, удобно капец. ненавижу груду проводов и пыли @cssunderhood12:33
Ребята, голосуем. Цифры не врут?!)
посмотри сколько тут вас)
@iamstarkov Предпочтения формируются из задач. Если ты будешь разрабатывать .NET проект на маке в виртуалке, то попаболь @cssunderhood12:35
Точнее даже так: в @cssunderhood сегодня эпплдрочество и фанатизм :\
?!
Я на убунту 14.04 LTS :D twitter.com/dcromster/stat…
@cssunderhood pic.twitter.com/Ps7fcha4mg
Что?) надо попробовать прежде чем смеяться над чем-то) вот я попробую, а потом сделаю вывод :) twitter.com/int16h/status/…
12:55@cssunderhood Что мне делать? Я и на Win и на Os X работаю попеременно
Помогайте, люди добрые :) twitter.com/brainsapiens/s…
12:56@cssunderhood моё сердце принадлежит OS X, но на работе приходится пользоваться богопротивной виндой :(12:56
@cssunderhood я вот собрал велосипед для компонентной разработки статических сайтов github.com/admdh/adm-dev-… может пригодится кому)12:56
А вот вам статья о css методологиях: БЭМ, OOCSS, SMACSS, Atomic CSS, MCSS, AMCSS, FUN habrahabr.ru/post/256109/
13:03@cssunderhood эу! мы с тобой одной крови. просто доставил крик "эпплодрочеры!" в сторону убунту-парня. pic.twitter.com/IiMi3veLu7
:D
Свои люди везде ;) twitter.com/int16h/status/…
Atomic CSS:мысль парни совсем упоролись?) acss.io
но тут Yahoo говорит,смотрите как у нас получилось haikudeck.com/atomic-css-sci…
Хакинтош,если все грамотно-вполне альтернатива.Но больше для тех,кто видео редактирует. @victoria_veles @dshster @cssunderhood @PollyGlot
видеомантажники подтянулись )) twitter.com/alexpivtorak/s…
13:09@cssunderhood знаю, что 3d-шники предпочитают Win, софт лучше и что-то с видеокартами не устраивает. каждому свое..13:20
@cssunderhood лично я выбрал mac. Даже на работе попросил выделить mac, несмотря на то что из-за специфики проектов нужна винда. виртуалка)13:38
@cssunderhood на вкус и цвет друзей нет. Главное чтоб система (машина) соответствовала личным требованиям.
Наконец-то кто-то это сказал )) я уж думал не придём к этому :) twitter.com/ADM_DESIGNHOUS…
13:39@kohgpat Лет 5-6 назад не смог нормально настроить один проект. Оказалось проще запустить его в Ubuntu. Травма. ( @iamstarkov @cssunderhood13:39
В Пн 16 ноября в 16:00 рассказываю про БЭМ в рамках geekweekconf.ru. Регистрация бесплатная, нужно пригласить трех друзей ;) #b_
Как будто секта :D
А будут книжки раздавать?!) twitter.com/tadatuta/statu…
@sapegin Запуск в виртуальной машине и в реальной — это не одно и тоже. Разработка в виртуалке — ад imho @kohgpat @iamstarkov @cssunderhood13:48
@mista_k Не надо разрабатывать «в» виртуальной машине, там только сервер, и работает это очень хорошо. @kohgpat @iamstarkov @cssunderhood13:54
@dcromster @backendsecret @cssunderhood, да, ненавижу Маки — они такие охуенные, что ничем другим потом нельзя пользоваться(14:04
@cssunderhood В офисе OS X. Дома винда.14:20
Раскрою секрет: параллельно с убунтой стоит win10, в основном, для игр :)
14:21Рабочий день подходит к своему завершению: кто чем занимается по пятницам?!)
15:43В опросе поучаствовали 80+ человек, 66% за OS X 😊
Голосование ещё актуально, твит закреплён в профиле @cssunderhood
Вчерашние сборы мебели))
Итого: по 2 программиста на шкаф 😄 pic.twitter.com/yvCC7ZolPd
@cssunderhood хороший день для убийств) особенно сегодня) можно пострелять в insurgency с супругой) или vainglory)16:10
@cssunderhood английский я знаю, учил 9 лет с репетитором. Очень помогает в современном мире IT.16:25
я вконец поехал или все нормально, продолжать в том же духе? pic.twitter.com/lyoumZV5jq16:58
.@sashamjolnir html, body какие-то капитанские классы))
В целом, ок)
Не привязывай названия класса к чему-либо, делай более абстрактными
@cssunderhood С фотошопом из под винды или под ubuntu работаешь, если из под ubu, то какой фотошоп и какая виртуальная машина?
Не работаю)
Попробуйте avocode ;)
Полноценно работать в виртуалке с фш неудобно twitter.com/weblegko/statu…
@cssunderhood @sashamjolnir а для чего тэгам body, header, main и footer задавать одноимённые названия классов?
Хз, именуй как хочешь, кто тебе запретит-то?!)) twitter.com/pollyglot/stat…
17:09У меня примерно такая основа страницы получается
gist.github.com/talgautb/3be61…
@cssunderhood @sashamjolnir никто :) просто в чем разница, если можно обратится на прямую к этому тегу, а не прописывать к ним классы?
По бэм к тегам нельзя писать стили, не просто так, например header можно использовать не только для шапки сайта twitter.com/pollyglot/stat…
17:22@cssunderhood разница в specificity. Нефиг баловаться с тегами!
Теги детям не игрушка 😊 twitter.com/jsunderhood/st…
17:24В пятницу вечер никаких серьезных тем)
Всё, что не попало в эфир на выходных;
Задавайте интересующие вас вопросы, я буду ретвиты делать)
@cssunderhood кем ты станешь, когда вырастишь? ;)
Вопросы общие)) отвечаем все 😄
Может я уже вырос и стары,не?!)) twitter.com/dcromster/stat…
@cssunderhood можно ли сейчас использовать flexbox в рунете?17:32
@cssunderhood @koderhan буквально вчера посмотрел доклад с CSSconf Berlin о flexbox: youtu.be/_98SE8WUvLk17:41
@koderhan @cssunderhood не можно, а нужно jonyablonski.com/2015/flexbox-m…17:51
@cssunderhood Thank you so much for recommending CSS Weekly! I really appreciate it! <317:52
@cssunderhood какой ценный опыт можно получить работая над гос проектами? Как ты думаешь что важно учитывать работая с гос учреждениями?
Интересный опыт)
Используй любые технологии, но сделай как просят)
Идею UI сложно пронести сквозь гос чиновников) twitter.com/adm_designhous…
@li_rian @cssunderhood как на мобильниках работает ? Кто то использует flexbox на действующих, больших проектах ?
Смотри пождержку на caniuse.com twitter.com/koderhan/statu…
18:22Если вдруг вам скучно и не знаете, что делать, посмотрите какой список фронтендеров получился github.com/talgautb/front… читайте их ;)
18:25@cssunderhood мой скромный наборчик pic.twitter.com/7r8POuvE1P18:45
Сделай как просят, чтобы был фейл и попросили сделать нормально. Не продавать UI. Помогать адаптировать БП для веб twitter.com/cssunderhood/s…
В таких рамках сложней придумывать, но реально и интересней)
без рамок и ограничений как-то теряешься) twitter.com/vladimore/stat…
@cssunderhood на йогу или в бассейн 🏊
йога не пройдет в мою неделю :D twitter.com/annasafronov/s…
18:47Вот такая улица есть) на ней построили то самое Око 😄 pic.twitter.com/xOuvAueCrN
18:55@cssunderhood строго по инструкции. Я, впрочем, по русской традиции на инструкцию наплевав, собирал икеевские мебеля в одиночку.
Ну там не так сложно, оказалось в итоге)
Мне бы молоту и гвозди) я бы не глядя собрал ;) twitter.com/rimmer333/stat…
@weblegko @cssunderhood если фотошоп нужен только для вёрстки, есть ещё adobe extract, работает в браузере, и бесплатно19:14
@cssunderhood мы используем flexbox. Поддержка уже космическая19:15
кажется время убить парочку драконов ) может быть выйду из мира Скайрима ;)
Всем удачной пятницы!
Я здесь, если что, пишите
@PollyGlot @cssunderhood @sashamjolnir к тегам напрямую лучше вообще не обращаться, чтобы не утяжелять весь селекторов.19:25
@koderhan @li_rian @cssunderhood У флексбоксов, если использовать автопрефиксер, поддержка широчайшая. И без них уж никуда.19:41
@PollyGlot @cssunderhood @sashamjolnir сегодня у тебя один <header>, а завтра - пять. будет вложенность, что опять же не есть хорошо19:53
@webholt @koderhan @cssunderhood есть ещё postcss flexbubs fixes, кто-нибудь юзает?20:17
@cssunderhood теперь понятно становиться benfrain.com/breaking-up-wi… :)23:08
# Суббота 36 твитов
@cssunderhood на Sass Summit объявили, что Compass — мёртв и больше не получит больших релизов0:14
@cssunderhood скажи мнение, это бем?: div.class - block, .class tag - element, tag style="property: value" - modificator? Да/нет, почему?
Я ничего не понял 😊 twitter.com/linedia/status…
0:15@andrey_sitnik @cssunderhood А почему его (Compass) решили "убить"?0:22
@reklatsmasters @cssunderhood Автопрефиксер убил 50 % примесей, а спрайты нельзя перенести на гораздо более быстрый libsass0:22
@cssunderhood в общем случае бем можно описать как блок - див с классом, элемент - тег в этом блоке, модификатор - инлайновый стиль тега?
Если я правильно понял тебя, то нет. В бэме только классы. Не привязывайся к html, создавай бэм структуру (дерево) twitter.com/linedia/status…
0:24Голосование по ОС завершено; победила OS X (как неожиданно 😄)
14:04Мне очень нравятся флаги и когда, мне скучно я иногда делаю флаги на css в один div github.com/talgautb/vexil… их пока мало)
14:20А у вас есть какой-нибудь подобный проект для души?!)
14:20Не могу придумать как нарисовать правильную звезду для турецкого флага codepen.io/talgautb/full/… окатываю флаги на codepen
14:22Фишка проекта не в том, чтобы сделать как можно больше, а в правильном построении флагов, изучаю оф документы и историю и т.д.
14:23@talgautb @cssunderhood угугу, Астана - город моей мечты так скажем. А где именно? Если не секрет конечно?
Ого) громко сказано :)
Можете поспрашивать, я правда не сильно этот город люблю 😊
Где именно живу?!) зачем?) twitter.com/uzdesigner/sta…
@cssunderhood есть же символ звезды в unicode.
Unicode для слабаков 😎 twitter.com/abrosimov/stat…
14:29Если вдруг вам нужен логотип какой-нибудь казакстанской компании посмотри тут github.com/frontendkz/svg… логотипы в SVG
14:30Немного Астаны есть у меня в Инстаграме instagram.com/talgautb/
14:37@cssunderhood А почему они все разного размера?
Потому что соотношение сторон разные) каждая страна решает по-своему twitter.com/sapegin/status…
16:53Пацаны, а кто уже перешёл на флексбокс?
Мы (сообщество @cssunderhood ) уже переходим/перешли :D да?!) twitter.com/jsunderhood/st…
17:06@cssunderhood @jsunderhood А как вы тестируете визуально результаты работы? Отступы, цвета, анимации? Мало ли где отвалится17:07
@jsunderhood @cssunderhood мне посоветовали browserbite.com17:07
Пробовали?
@cssunderhood Даже тут не смогли договориться :-(
наверное и не надо было) twitter.com/sapegin/status…
17:07По тестированию ui можно глянуьт Gemini от Яндекса ru.bem.info/tools/testing/…
17:12@cssunderhood @jsunderhood мы пока только в паре-тройке блоков :) но уже можно меньше осторожничать
У меня пока есть более приземлённые планы :) редизайн, линты, тестирование кода, отработать стайлгайды twitter.com/thybzi/status/…
17:15А знаете ли вы, как работать с вертикальным ритмом?17:29
Используете? Great Success? pic.twitter.com/r4hYhtyQfc
@cssunderhood @jsunderhood кстати, линтер для LESS не посоветуете? Либо хотя бы для Stylus
я думаю линтить сгенерированный css с помощь postcss
для stylus можно использовать npmjs.com/package/stylint twitter.com/ThyBzi/status/…
@ThyBzi @cssunderhood я в основном юзаю scss, и соответственно scss-lint17:35
@jsunderhood @cssunderhood мы с него свалили года 2 назад по каким-то причинам, не помню уже, но обратно не хочу :))
Как сказал мой знакомый: Scss - для слабоков,которые не смогли освоить что-то сложнее CSS :D это цензурная версия ;) twitter.com/ThyBzi/status/…
17:36Ты всё ещё учишь #webdev самостоятельно? Подписывайся на @cssunderhood и @jsunderhood и узнавай секреты #css и #js у профессионалов!17:56
@jsunderhood @cssunderhood использую postcss-vertical-rhythm для сетки с вертикальным ритмом на основе высоты строки18:03
Что господа верстальщики, надеюсь у вас весело проходит субботний вечер),а мы пролжим обсуждать вёрстку,особенно то, что не успели за неделю
21:55Немного про чеклисты, какие-нибудь используете для проверки вёрстки ?!
22:10Есть html5 чеклист от @delaz github.com/delka/html5che…
22:16В большинстве случаев можно составить свой список, который приходит с опытом и с кол-вом сделанных и проверенных сайтов 😊
22:18@cssunderhood Очень весело :) Погрузился в мысли про postCSS/Autoprefixer, LibSASS & gulp ) И о том как легко соскачить с мертвого компаса.22:49
@cssunderhood Эй, это же моя идея!))
Ссылку в студию) идеи сегодня ничего не стоят :D twitter.com/endophasie/sta…
22:51@cssunderhood Сделал чеклист оптимизации скорости github.com/delka/WebPerfo… по рекомендациям Gtmetrix/Google/Мациевского-Степанищева. Send PR.23:44
На этой недели изучал доступный веб,уровня А. (базовый уровень для людей с ограниченными влзможностями). вот чеклист w3.org/TR/2006/WD-WCA…
23:59# Воскресенье 140 твитов
Думаю, надо набросать в гитхаб репозиторий ;) да?!
0:00@cssunderhood Отличная мотивация начать, поможем друг другу)
Open Source очень крутое явление :) веришь в добрых людей сразу ) twitter.com/endophasie/sta…
0:01Предлагаю начать воскресенье с обсуждения этой темы :) twitter.com/safinalexey/st…
Можно сделать совместное обсуждение :) многим (и мне) интересна эта тема ;) twitter.com/jsunderhood/st…
0:05Дизайн + флаги всё как я люблю @romanmars Why city flags may be the worst-designed thing you've never noticed ted.com/talks/roman_ma…
0:09.@jsunderhood @backendsecret я буду в качестве стороны, которая хочет/думает уехать ;)
0:10"@jsunderhood: @cssunderhood угу, ещё @backendsecret подключим. Он тоже знаток." Вот, я знаток. А то все ругают ругают ;)0:16
@cssunderhood изначально это писалось как краткий черновик сдачи проекта. И всегда рад замечаниям/предложениям в Issues и Pull Request'ам.
Мне кажеся, эта слишком тонкая и специфичная для каждого проекта тема :) Issues вряд ли помогут) twitter.com/delaz/status/6…
0:24@cssunderhood играюсь дальним приемом эфирного/спутникового тв, попытками выжать макс. уровни сигнала, перфекционистски выложенным кабелем.0:32
@cssunderhood всегда было интересно - откуда берутся стандарты, как так получается, как выбирал всё тот, самый первый, кто стандарт создал.0:35
.@delaz Стандатры каждая страна утверждает самостоятельно, обычно исторически складываются.В большинстве стран есть соответствующий документ
0:35У флага Великобритании есть свой институт флага :) flaginstitute.org/wp/
0:40@s_martynuk я имею в виду стандарты что появились сами. Например в 00-е были популярны кнопки 88х31. Почему 31,а не 30 или 32?@cssunderhood0:45
@delaz @cssunderhood вот нарыл ru.wikipedia.org/wiki/%D0%9F%D1…
Там не обясняется почему :)
я думаю, это сложилось исторически, со временем поняли как будет удобнее и красивее :) twitter.com/s_martynuk/sta…
@delaz @s_martynuk @cssunderhood потому что geocities был поп-хостингом и они ото всех требовали свою кнопу 88x31 размещать0:48
@delaz @s_martynuk @cssunderhood в общем от дизайнеров geocities я так понимаю пошло0:57
@cssunderhood webaim.org хороших сайт про веб-доступность и там онлайн чекер удобный есть.8:16
.@jsunderhood @cssunderhood Отличный доклад о продуктивной верстке - youtube.com/watch?v=tdRuZf…8:16
Коллеги, доброе утро. пора эммигрировать. для затравочки github.com/azproduction/r… @cssunderhood @jsunderhood
Доброе утро!)) начинайте собирать вещи ;) twitter.com/backendsecret/…
9:19Кстати - первейший вариант работы это девопсом в brainly brainly.co/jobs/?gh_jid=6… @cssunderhood @jsunderhood - инсайдер,окажет протекцию :)9:30
Первый вопрос: на сколько крут должен быть английский для Европы ?! Во всех странах англ нужен? @jsunderhood @backendsecret
9:33а тут уже и для фронтенда, и бекенда, и писатели и менеджеры berlinstartupjobs.com @cssunderhood @jsunderhood9:34
ну а кто стартапики не любит, то промышленные предприятия публикуют вакансии тут stepstone.de @cssunderhood @jsunderhood9:34
на уровне,что б понять задачу и объяснить,что ты делаешь. twitter.com/cssunderhood/s…9:41
@cssunderhood @jsunderhood @backendsecret чем круче ваш, тем больше шансов, что вас поймут. В Германии англ. знают даже работники U-Buhn9:41
@cssunderhood Мой не так уж крут, но хватило. Если не нужен английский, значит нужен какой-нибудь более редкий язык ;-) @backendsecret9:41
@backendsecret Ну и тут много: careers.stackoverflow.com @cssunderhood9:41
А что с самим переездом?! Компании часто помогают переехать? или надо полностью надеяться на себя? @jsunderhood @backendsecret
9:43@stewardtz В Германии с английским как раз не очень, даже в Берлине. Но сильно лучше, чем России, конечно. @cssunderhood @backendsecret9:44
не знаю. я всегда всё сам делал @cssunderhood @jsunderhood
Это не минус для компании?!
Ты еще не начал работать, а тебя уже бросили на произвол судьбы или это твой выбор?) twitter.com/backendsecret/…
А как определиться с зп? надо ведь, много вещей посчитать, как это сделать сидя в своей квартире? есть ресурсы? @jsunderhood @backendsecret
10:01@cssunderhood Лучше всего поговорить с кем-то, кто уже работает в городе, узнать, какие там зарплаты. @backendsecret10:19
какая фигня. все зарплаты известны. и тут уже только от вас зависит - к верхней или нижней границе прижмут. @sapegin @cssunderhood10:19
@cssunderhood @jsunderhood надо соглашаться на все что больше 45,на месте уже смело до 60-65 доводить.считать не просто-лучше налог.консульт
Это в тысячах, в год, в месц?) в рублях, долларах, евро?)
Я не из России если, что) сравнивать мне сложно :) twitter.com/backendsecret/…
А не сложно жить в стране, где работа на англ языке, а жизнь вокруг на другом?! @backendsecret cc @sapegin @azproduction
10:27Готовимся к собеседованию фронтендщика github.com/h5bp/Front-end…
10:33Заметки о собеседованиях для веб-разработчиков nano.sapegin.ru/all/coding-int… Наноблог @sapegin
10:37А по времени как долго длится процесс переезда (от первого собеседования до прихода на работу) в европу?! cc @backendsecret
11:02@cssunderhood @jsunderhood @backendsecret не всегда берут с знанием англ. много кто требует знание локального языка.11:11
@cssunderhood @jsunderhood @backendsecret чем меньше мы зависим от других тем лучше для нас! )))
Поддержка компании в другой стране очень поможет, мне кажется, адаптация + не знание местных особенностей twitter.com/ADM_DESIGNHOUS…
11:12@cssunderhood @backendsecret в Венгрии например месяц чтоб сделали приглашение для рабочей визы + рабочую визу где-то месяц ждать..11:13
@cssunderhood у меня доки теряли и пол года длилось. сейчас из-за нашествия голодранцев - еще дольше может быть11:22
Я не люблю обсуждать политику: из-за ситуации в целом сложнее стало попасть в Европу?! Кто в курсе? @backendsecret @jsunderhood
11:24@cssunderhood @backendsecret @jsunderhood вроде нет пока, я ехал в начале года всё было как по маслу11:35
@cssunderhood @backendsecret @jsunderhood осенью стали брать отпечатки пальцев, когда подаёшь заявление на визу, проблем нет
Это по-другой причине) ув Казакстане с того года берут отпечатки) twitter.com/medvezhopok/st…
11:36@cssunderhood @jsunderhood не сложнее но медленнее11:36
@cssunderhood @backendsecret @sapegin @azproduction я как раз живу в Израиле и как раз не знаю иврита. Жить отлично.12:06
@backendsecret @cssunderhood @sapegin @azproduction тяжело конечно. Только дом и работа. Никаких развлечений.12:06
@cssunderhood @backendsecret вообще, нужно договариваться.12:24
Компания может не предложить, но для развитых стран это ок - помогать
. @cssunderhood @backendsecret12:24Сравнить стоимость жизни в разных городах можно примерно по данным numbeo: numbeo.com/cost-of-living…
@nick_jastix @cssunderhood @sapegin @azproduction как так ? море развлечений. Море интересных мест, событий, людей.12:25
@backendsecret @cssunderhood @sapegin @azproduction без знания местного языка это море сильно мельчает.12:25
@nick_jastix @cssunderhood @sapegin @azproduction английский. Да и наши везде.12:25
@ADM_DESIGNHOUSE @cssunderhood @backendsecret если ты хороший специалист - они будут терпеть твой кривой английский, и платить будут мало :)12:25
@ADM_DESIGNHOUSE @cssunderhood @backendsecret это пока ты 5к€ за переезд не заплатишь. А ведь можно было бы на халяву!12:25
@jsunderhood @ADM_DESIGNHOUSE @cssunderhood эта помощь при переезде не халява. лучше б деньгами дали.
Потом отрабатываешь?!)
Или печенек недодают?!) twitter.com/backendsecret/…
@jsunderhood @ADM_DESIGNHOUSE @cssunderhood да и много. Я в 1000уложился12:26
@cssunderhood они свое не упустят. Надо ж понимать что бесплатного нет ни чего. Могут запретить менять работу на время либо выплачиваешь12:28
.@backendsecret почему бесплатно?! Они же себе специалиста везут :) при чем, возможно, не сильно дорогого (в первое время) :)
12:29Прелесть в том, что ты этот второй язык учишь.12:32
А новый язык и новая культура очень сильно меняет мозг! twitter.com/cssunderhood/s…
@cssunderhood о том и речь. Можно поменять работу и получить +30%12:33
@jsunderhood @backendsecret @ADM_DESIGNHOUSE @cssunderhood для Голландии я бы предпочел чтобы компания помогла с жильем и остальными делами.12:33
@dotbg @backendsecret @nick_jastix @cssunderhood ну какие-то бытовые фразы то можно выучить. Чтобы на заказ в ресторане хоть хватило :)12:51
@cssunderhood На русском github.com/h5bp/Front-end…
Я просто понадеялся, что мыжпрограммисты догадаемся пройти в папку Translations :D twitter.com/AirazoI/status…
12:52Для тех, кто пропустил, есть отличный FAQ по Берлину: github.com/ewgRa/de_faq/12:52
@korobeynikovmax @backendsecret @cssunderhood во всех развитых странах ЗП указана ДО вычета налогов, потому что каждый знает свои налоги12:53
@jsunderhood @backendsecret @cssunderhood лел. Не думаю, что здесь все знают налоги каждого из опрошенных. Мало полезности для трактористов
У нас: зп == то, что получу на руки :) twitter.com/korobeynikovma…
12:54@korobeynikovmax @backendsecret @cssunderhood12:54
Для неженатого индивида:
55к - это ~2700 на руки
65к - это ~3100 на руки
@cssunderhood Мыжпрограммисты должны и без папки «транслейшнс» справляться ;-)
В идеале да :) тем более тем кто хочет уехать ) twitter.com/sapegin/status…
12:55@cssunderhood @jsunderhood @backendsecret мы недостаточно развиты :(
Почему? просто подходы разные с учетом истории и особенности народов) нельзя говорить, что всё, что у них == true ) twitter.com/korobeynikovma…
13:00@sapegin @cssunderhood, выжпрограммисты, помогите скриптом мне.
Open Source?!) twitter.com/MichaelSkripin…
13:00@azproduction @backendsecret @nick_jastix @cssunderhood можно :) обычно они не обижаются и, что хорошо, на английском отвечают :)13:00
@korobeynikovmax @jsunderhood @cssunderhood @backendsecret в мск и спб, вроде, давно гросс.Правда, в РФ есть ещё налоги на зп с работодателя13:01
@dotbg @korobeynikovmax @jsunderhood @cssunderhood в рф налоги сплошное вранье. Половину работодатель платит13:03
@cssunderhood, нужно склонять существительное после числительного, которое генериться цмской. Поможете? @sapegin13:04
@jsunderhood @korobeynikovmax @dotbg @cssunderhood платишь ты сам. А в рф сам половину и рабдатель половину
рабдатель :D twitter.com/backendsecret/…
13:05@jsunderhood @korobeynikovmax @dotbg @cssunderhood важный момент: ноуты, телефоны, курсы, сертификаты, книги списываются с налогов13:11
кто экономит на своем профессионализме ? @jsunderhood @dotbg @korobeynikovmax @cssunderhood13:11
@z0r1k @cssunderhood @backendsecret понятно меньше, ты ж иммигрант, а значит дешевый
одевайтесь в оранжевые жилетки и в Европу :D twitter.com/jsunderhood/st…
13:50@cssunderhood @backendsecret ты знаешь, когда ты открываешь рот и бекмекаешь - это действует эффективнее жилетки :)13:51
@jsunderhood @cssunderhood @backendsecret drive.google.com/file/d/0B074mW… и drive.google.com/file/d/0B074mW…14:03
хоть не совсем про Берлин, но все же.
@nick_jastix @cssunderhood @backendsecret учти, что это брутто.14:14
65к после налогов в среднем 3100 на руки.
@nick_jastix @cssunderhood @backendsecret всё зависит от маркетинга и способностей продавать себя.14:14
На рынке жёстко демпят!
@_sashashakun @nick_jastix @cssunderhood @backendsecret я снимаю двушку 62 кв. в центре Шарлотенбурга.14:23
2 минуты до метро.
900€
@jsunderhood @_sashashakun @nick_jastix @cssunderhood @backendsecret 1250€ exclusive, средний район, около 56кв.м двушка:)14:37
А кто куда бы хотел поехать (перехать) работать !? любая страна мира на выбор :)
15:38@betstep @jsunderhood @cssunderhood @nick_jastix @backendsecret есть ли какие-то специфические ресурсы для поиска работы в it в Израиле?15:45
@cssunderhood Канада15:45
@cssunderhood Канада, Австралия, Новая Зеландия15:45
@cssunderhood Израиль, США15:46
@cssunderhood для казахстанца вопрос переезда очень сложный, т.к. почти нет вариантов быть близко к дому и часто летать домой.
Да :(
6 часов на самолете до Германии из Астаны twitter.com/bayevn/status/…
@cssunderhood для начала надо пожить в нескольких странах, имхо;)
Должны же быть каки-нибудь мысли) конечно, потом уже выбрать можно :) twitter.com/_sashashakun/s…
15:52@cssunderhood USA, UK, а старость вероятно где нибудь в тепле, Кипр вполне ок;)15:57
@cssunderhood Австралия может быть и континентом и страной, чем Марс хуже?
Тем, что на Марсе нет hr
по крайней мере пока нет :D twitter.com/int16h/status/…
@sane_ecg @nick_jastix @cssunderhood @backendsecret ну, у меня в бюджете ещё еда + транспорт + покупки16:15
@backendsecret @jsunderhood @nick_jastix @cssunderhood 2к это как-то совсем печально учитывая цены в европе16:15
@nick_jastix @sane_ecg @backendsecret @cssunderhood ну чо, наш СТО из прошлой компании будучи сениор архитектом получал 160к€.16:21
Это > 2k/мес
@nick_jastix @backendsecret @jsunderhood @cssunderhood ну это чуть больше московских зп, и на том же upwork можно легко больше получать16:22
@sane_ecg @nick_jastix @backendsecret @jsunderhood @cssunderhood про можно больше на апворке получать - это из собственного опыта ?16:22
@krasivieglaza @sane_ecg @nick_jastix @backendsecret @cssunderhood на апворке можно найти ангуляр за 50$/час.16:22
Это из личного опыта
@nick_jastix @sane_ecg @backendsecret @cssunderhood 2k в Берлине покупают больше, чем 2k в Москве, если что
В мск дороже жизнь?!) twitter.com/jsunderhood/st…
16:38@backendsecret @sane_ecg @jsunderhood @nick_jastix @cssunderhood 2k это зп джуниора, и то чистая ;)16:40
Приезжайте в Астану, тут зп не такие как в Европе, не сможете задраться 😄 @backendsecret @jsunderhood
16:44@cssunderhood конечно, Москва по ценам сравнима с Нью Йорком и Лондоном16:50
@jsunderhood @cssunderhood бред, это было в 2008 и до девальвации. Сейчас все раза в два дешевле в долларовом номинале16:51
@you_katan @cssunderhood до девальвации возможно. Но лучше вон смотри на пример Беларуси, что случается с теми, кто "держит" экономику16:51
.@olmokhov @backendsecret @jsunderhood зажраться*
это автозамена в телефоне :(
@cssunderhood @backendsecret @sapegin @azproduction не сложно. (Латинская америка: испанский и английский)
Неправильное сравнение. тогда уж Казахстан: казахский и русский. если здесь живешь, то ок twitter.com/photoindra/sta…
17:01Обсуждаем зп, а сегодня день национальной валюты Казакстана - тенге :) ну и заодно день финансистов. С праздником!) ₸ ! :)
17:03@_sashashakun @jsunderhood @nick_jastix @cssunderhood @backendsecret Я снимаю в центре города checkpoint charley 998eur. 62кв. В новом доме.17:09
@_sashashakun @jsunderhood @cssunderhood @nick_jastix @backendsecret alljobs.co.il закинь туда cv и жди тонны звонков от хэдхантов
это только для тех кто знает иврит?!) twitter.com/betstep/status…
17:16немного отдохните воскресенье же :) - Ты ж программист (Переозвучка) youtu.be/glV3pmNJV8c с помощью @YouTube
17:29.@boriscoder @jsunderhood что началось-то ?!)
да, используем bower
@cssunderhood @boriscoder да я вот пытаюсь понять, зачем бовер, если есть нпм?
Круто же в пакетном менеджере пакетный менеджер :D twitter.com/jsunderhood/st…
18:08а в действительности: зачем вам bower?!
18:09В принципе, можно и без gulp/grunt обойтись, есть ведь npm
@jsunderhood
Ты не поверишь, но и это я поддерживаю.18:12
Я бы фронт make'ом собирал, если бы коллеги вдупляли twitter.com/cssunderhood/s…
Через bower я разделая плагины для сайта и пакеты для сборки/тестирования/проверок и т.д.
Мне нравится, делигировать функции :)
@jsunderhood @cssunderhood кстати, как быть с путями к файлам(шрифты, картинки) в плагинах, при минификации и объеденении CSS файлов?18:16
@jsunderhood @cssunderhood а gulp?
Гугли плагин аля gulp rebase на подобие npmjs.com/package/gulp-c… twitter.com/timurKarshiev/…
18:22@timurKarshiev @cssunderhood смотри твит
twitter.com/jsunderhood/st…
Фе таким быть, зачем вообще что-то придумывать?!
препроцессоры для слабаков, давайте эру табличной верстки венём?! twitter.com/jsunderhood/st…
Все эти grunt/gulp/bower - сраные заплатки поверх нежелания людей учить классические тулзы!
такие идеи будут нас откатывать на несколько лет назад :( печально twitter.com/jsunderhood/st…
18:26@cssunderhood она до сих пор существует )
т.к пока таблицы с табличными данными нечем заменить.
Вы путаетесь, сударь :) twitter.com/smithua/status…
18:27@cssunderhood ты ещё скажи, что табличная вёртска не решала проблем!18:27
.@jsunderhood она создавала новые :)
18:27@cssunderhood "Тот, кто не помнит своего прошлого, обречен на то, чтобы пережить его вновь" ©
Я не говорю, что не надо учить.
Но "сраные заплатки" меня печалят :( twitter.com/jsunderhood/st…
@jsunderhood @cssunderhood Make — сраный костыль, собирать надо все руками.18:28
@cssunderhood меня тоже печалят сраные заплатки :)
Я потому и негодую!
Можно их не использовать)Я надеюсь, у вас там демократия :D
Расскажите,почему мы все с заплатками и как правильно :) twitter.com/jsunderhood/st…
@cssunderhood div {display: table;} > div {display: table-cell;} как то не очень замена.
таблицы создавались для табличных данных.
мы про вёрстку всего сайта таблицами twitter.com/smithua/status…
@cssunderhood у нас тут демократия, поэтом мы используем js и grunt/gulp.18:32
А могли бы ClojureScript/Elm и прочие прелести цивилизации...
@cssunderhood ну в том виде, она умерла, а вот для таблиц осталась… и это как то очень печалит…
Таблицы в виде таблиц - ок) twitter.com/smithua/status…
18:47@cssunderhood @jsunderhood спасибо ребята за крутую и насыщенную неделю, перечитал все, дельные холивары и темы подымались!! Спасибо ещ раз)
😊👌 twitter.com/smithua/status…
18:47@smithua @cssunderhood та нет, тут же мы готовились!
В своих аккаунтах стабильный поток отборного контента
Ну почему )))
В своём аккаунте просто своего много ;)
А тут старался по теме twitter.com/jsunderhood/st…
@cssunderhood может знаешь какие то решения как заменить табличную верстку с табличными данными?
У меня таблицы - это таблицы, можно и div если супер навороченная таблица)
В общем про table css-tricks.com/complete-guide… twitter.com/smithua/status…
@cssunderhood Смотрю, много программистов в google тоже пользуются заплатками такими же как и мы.18:52
а ссылки, которые дают @jsunderhood и @cssunderhood где-то собираются?
Да, как неделя закончится будут доступны на профильных сайтах ;) twitter.com/safinalexey/st…
19:41В воскресенье вечером я рано ложусь или не сплю до утра :)
Поэтому закругляемся ;)
Если будете в Астане, не забудьте пригласить на чашку кофе :)
19:43Для меня это очень интересный опыт, рекомендую попробовать если давно хотели ;)
Не всё, конечно, успел. остальное будет на моем аккаунте ;)
Всем спасибо! С вами всю неделю наверстывал упущенное:
twitter: @talgautb
github: github.com/talgautb
blog: gtalk.kz
;-)
# Ссылки
github.com
- https://github.com/kizu/bemto
- https://github.com/talgautb/typographic-currency
- https://github.com/talgautb/postcss-currency
- https://github.com/mr-mig/ru-it-chats
- https://github.com/airbnb/css
- https://github.com/airbnb/javascript
- https://github.com/sapegin/react-styleguidist
- https://github.com/sapegin/fontoptim
- https://github.com/talgautb/dotfiles
- https://github.com/Igosuki/compass-mixins
- https://github.com/sindresorhus/time-grunt
- https://github.com/sapegin/code-screenshots/blob/patch-1/README.md#sapegin
- https://github.com/airbnb/javascript/tree/master/es5
- https://github.com/sapegin/grunt-fontoptim
- https://github.com/iamstarkov/bem-bootstrap
- https://github.com/survivejs/webpack_react
- https://github.com/iamstarkov/iamstarkov.github.io/blob/premaster/gulpfile.babel.js
- https://github.com/sapegin/sweet2
- https://github.com/css-modules/css-modules
- https://github.com/maximkoretskiy/postcss-initial
- https://github.com/admdh/adm-dev-kit-gulp
- https://github.com/talgautb/frontender
- https://github.com/talgautb/vexillum
- https://github.com/frontendkz/svg-logos
- https://github.com/delka/html5checklist
- https://github.com/delka/WebPerformanceChecklist
- https://github.com/h5bp/Front-end-Developer-Interview-Questions
- https://github.com/ewgRa/de_faq/
- https://github.com/talgautb
www.gtalk.kz
- http://www.gtalk.kz/markup
- http://www.gtalk.kz/ikaznet/lang-code.html
- http://www.gtalk.kz/verstka/css-ror.html
- http://www.gtalk.kz/verstka/sublime-text-settings-plugins.html
- http://www.gtalk.kz/
other
- http://zero.kz/
- http://nur.kz/
- http://htmlbook.ru/samhtml
- http://htmlbook.ru/samcss
- http://htmlbook.ru/samlayout
- http://htmlbook.ru/practical
- https://developer.mozilla.org/ru/docs/Web/HTML/Block-level_elements
- http://css-live.ru/articles/obzor-inlajnovyj-kontekst-formatirovaniya.html
- https://www.youtube.com/playlist?list=PL026CCEB5125879C2
- https://www.youtube.com/user/loftblog/playlists
- https://www.youtube.com/watch?v=tdRuZfZW99A
- https://webref.ru/
- https://webref.ru/layout
- https://webref.ru/layout/diveintohtml5
- http://web-standards.ru/books/
- http://slack.web-standards.ru/
- http://css-tricks.com/sublime-text-front-end-developers/
- https://css-tricks.com/poll-results-popularity-of-css-preprocessors/
- https://css-tricks.com/complete-guide-table-element/
- http://htmlforum.ru/index.php?showtopic=50586
- http://htmlforum.ru/index.php?showforum=23
- http://krekotun.ru/test/
- https://yadi.sk/d/UEfZErPDjsJzP
- https://htmlacademy.github.io/codeguide/
- https://24ways.org/2011/front-end-style-guides/
- http://varya.me/wsd-2015/
- http://varya.me/ru/content/
- https://www.mozilla.org/en-US/styleguide/
- http://sourcejs.com/
- http://styleguide.sc5.io/
- http://tengrinews.kz/internet/dostup-k-LiveJournal-vosstanovlen-v-kazahstane-283868/
- http://massaget.kz/
- https://www.keycdn.com/blog/web-font-performance/
- http://habrahabr.ru/company/paysto/blog/268771/
- http://habrahabr.ru/post/270705/
- http://habrahabr.ru/post/256109/
- https://helloanselm.com/2015/using-webfonts-in-2015/
- https://htmlacademy.ru/blog/61
- https://ru.wikipedia.org/wiki/%D0%9A%D0%B0%D0%B7%D0%B0%D1%85%D1%81%D0%BA%D0%B0%D1%8F_%D0%BF%D0%B8%D1%81%D1%8C%D0%BC%D0%B5%D0%BD%D0%BD%D0%BE%D1%81%D1%82%D1%8C
- https://ru.wikipedia.org/wiki/%D0%9B%D0%B0%D1%82%D0%B8%D0%BD%D0%B8%D0%B7%D0%B0%D1%86%D0%B8%D1%8F#.D0.9B.D0.B0.D1.82.D0.B8.D0.BD.D0.B8.D0.B7.D0.B0.D1.86.D0.B8.D1.8F_.D1.80.D1.83.D1.81.D1.81.D0.BA.D0.BE.D0.B3.D0.BE_.D0.BF.D0.B8.D1.81.D1.8C.D0.BC.D0.B0
- http://ashleynolan.co.uk/blog/frontend-tooling-survey-2015-results
- http://stylus-lang.com/
- http://webconf.lv/ru
- https://autoprefixer.github.io/
- http://npmjs.com/package/common-bem
- http://shuvalov-anton.github.io/code-screenshots/
- https://www.atlassian.com/
- https://www.instagram.com/p/6MaqQNQhqH/
- https://www.instagram.com/p/9Fvvtbwhl-/
- http://www.ict-books.com/books/testing/neil-s-quest-for-quality-softcover-en-detail
- https://www.npmjs.com/package/eslint-plugin-angular
- https://www.npmjs.com/package/stylint
- https://www.npmjs.com/package/gulp-css-rebase-urls/
- http://getuikit.com/
- http://ninjamock.com/
- https://ninjamock.com/s/QRZ8T
- https://gist.github.com/sapegin/08a5fd004adcdbc70d48
- https://gist.github.com/talgautb/a9d204e9609898f532ec
- https://gist.github.com/talgautb/3be61a5dac98b3639095
- http://joxi.ru/l2Z694xu0k5D2J
- http://calendar.mail.ru/
- http://www.smashingmagazine.com/2015/09/eslint-the-next-generation-javascript-linter/
- https://learn.javascript.ru/webpack-screencast
- http://mean.io/
- https://appsto.re/kz/-LZ_6.i
- http://css-weekly.com/
- http://javascriptweekly.com/
- https://moqups.com/
- https://www.staticgen.com/
- http://nano.sapegin.ru/all/opor-methodology
- http://nano.sapegin.ru/all/coding-interview
- https://assets.adobe.com/assets
- http://glenmaddern.com/articles/css-modules
- https://youtu.be/f1DVxtjiBc4?t=1h14m12s
- https://youtu.be/aIyhhHTmsXE
- https://youtu.be/_98SE8WUvLk
- https://youtu.be/glV3pmNJV8c
- http://acss.io/
- https://www.haikudeck.com/atomic-css-science-and-technology-presentation-dJ0xlFjhBQ
- http://jonyablonski.com/2015/flexbox-myth-busting/
- http://caniuse.com/
- http://benfrain.com/breaking-up-with-sass-postcss/
- http://codepen.io/talgautb/full/JdOKPQ/
- https://instagram.com/talgautb/
- http://browserbite.com/
- https://ru.bem.info/tools/testing/gemini/
- http://www.w3.org/TR/2006/WD-WCAG20-20060427/appendixB.html
- https://www.ted.com/talks/roman_mars_why_city_flags_may_be_the_worst_designed_thing_you_ve_never_noticed
- http://www.flaginstitute.org/wp/
- http://webaim.org/
- http://brainly.co/jobs/?gh_jid=63665
- http://berlinstartupjobs.com/
- http://www.stepstone.de/
- http://careers.stackoverflow.com/
- http://www.numbeo.com/cost-of-living/compare_cities.jsp?country1=Germany&country2=Ukraine&city1=Berlin&city2=Kiev
- https://drive.google.com/file/d/0B074mWXwSGy9dnpnSW52cVpwYWc/view?usp=sharing
- https://drive.google.com/file/d/0B074mWXwSGy9YWNTOTFzVG0zLUE/view