Хегей! Всем привет!
Следующие 7 дней с вами буду я - Денис Довгань (@denysdovhan)!

Занимаюсь фрилансом, open source, поднимаю украинский ИТ с колен в @codeguida, перевожу на украинский воркшопы @nodeschool.

Но самое главное - я студент, соответственно на этой неделе будет много дерьма в адрес вузов и системы образования вообще.

На этой неделе будет много об ит-образовании, типографике, open source и конечно верстке!

И да, чтобы не возникало вопросов: я "учусь" в Chernivtsi National University на компьютерной инженерии. Черновцы, Украина.

@cssunderhood окей, с чего начнём?

Начнем с пожалуй с основного - рабочего пространства верстальщиков. @Sigiller

Какой редактор вы используете для верстки? Sublime Text? Atom? Vim? etc?

Я долгое время (около 5 лет) пользовался Sublime Text и был доволен как слон. Но два месяца назад сделал switch to Atom.

Еще месяц назад таки дошли руки до Vim и теперь у меня Atom + vim-mode. Хочу сказать, что Sublime Vintage Mode намного лучше atom-vim-mode.

@cssunderhood Атом посмотрел, использовал бы его, если бы не тот факт, что Sublime уже настроенный, а тут надо подбирать все эти плагины

Я считаю, Atom немного нелепо сравнивать с Sublime, в атома другая модель. Самое необходимое в нем build-in, для большего - модули @Sigiller

Очень часто встречаюсь с вопросами: "А чем Atom от Sublime отличается? На вид одно и то же." Хочется объяснить разницу.

Во первых, Atom модульный - можно собрать с него все, что угодно (в разумных рамках). Есть куча модулей: atom.io/packages.

Очевидно, модули можно отключать: если вас бесит, например, Tree view - отключили, или заменили на другой и уже не бесит.

Во вторых, Atom open source и поддерживается @github - интеграция с репозиторием и локальным и отдаленным build-in.

В третьих, Atom бесплатный. Он не будет бесить рекламой, или просьбой купить + совесть ваша будет чиста.

Четвертое, в Atom есть родной apm (atom package manager) - это вам не сторонний прилепленный менеджер.

Пятое, сделано на веб-технологиях, поэтому написать новый модуль не будет большой проблемой.

Можно продолжать еще долго, но думаю этого достаточно. Главная идея в модульности и гибкости.

@cssunderhood почему "учусь", а не учусь?

Потому, что я ничего нового не узнаю. Технологии устаревшые, поощряется гавнокодинг - об этом поговорим в среду-четверг. @kostyandrew

В догонку к теме Atom: советую всем прочитать коротенький Atom Flight Manual. Там найдете много полезных шорткатов и поймете саму идею.

@cssunderhood я до сих пор сижу на ST3, потому что Atom еле вывозит большие проекты и файлы =_(

здесь github.com/atom/atom/issu… обещали до конца месяца улучшить производительность и исправить много багов. @apostololeg

Сори, совсем забыл добавить ссылку на Atom Flight Manual: atom.io/docs/v1.0.5/

Чуть не забыл: со мной еще можно поговорить о худ. литературе, особенно постмодернизме, и музыке.

@apostololeg @cssunderhood он просто какбэ намекает - много кода это плохо и показывает наглядно своими тормозами (:

Лента твитера теперь интереснее с появлением @jsunderhood @cssunderhood @backendsecret @rubyunderhood @iamspacegray. Спасибо вам.

В продолжение к разговору о редакторах: какую тему используете в редакторе/терминале? Светлую/темную?

У меня на саблайме была Monokai Extended (github.com/jonschlinkert/…) - это как обычный Monokai, только с плюшками для css/less/sass/md/js.

С переходом на Atom оставил стандартную One Dark UI (github.com/atom/one-dark-…) и One Dark Syntax (github.com/atom/one-dark-…). Доволен.

Что касается холивара "темная/светлая", то для меня только темная. Пробовал светлые, но глаза очень быстро устают - слишком ярко.

Может на Retina это не так заметно, но на обычных экранах действительно глаза быстро устают.

@cssunderhood темную. Spacegray. На солнышке светлую, конечно.

Кто еще такое практикует? Можете объяснить в чем плюсы? @7rulnik

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

Теперь начинаю понимать, но сам дискомфорта от переключения никогда не чувствовал. @iamstarkov @akrekotun

@cssunderhood у меня болели от переключения между светлым браузером и темными редактором с терминалом

@cssunderhood порекомендуй сервисы, сайты, которые помогают тебе в работе

coveloping.com/tools - часто пользуюсь этим. Здесь тулзы на любой вкус и цвет. Начиная от конвертеров и заканчивая генраторами. @Bizi

cssstats.com - анализатор css. Скармливаем ссылку и на выход получаем развернутую статистику - помогает оптимизировать css. @Bizi

searchcode.com - это незаменимая вещь - Google только для кода. Умеет искать код, сниппеты на разных хостингах. Есть фильтры. @Bizi

gridzzly.com - суперполезный сервис - помогает печатать листы в клеточку/линеечку/точечку. Удобно, когда нужно нарисовать макет.

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

js2.coffee - ковертер coffee --> js и наоборот. Упрощает жизнь, когда нужно разгребать чужой coffee код.

type-scale.com - конечно же TypeScale для нормальной типографики. Использует проверенный годами алгоритм.

slides.com - шикарнейшый сервис для верстки и хранения презентаций. Есть удобный редактор. Презентации на html+css+js.

makerbook.net - архив самых разных стоков. Есть все, начиная от фото и заканчивая аудио.

svgporn.com - архив scalable лого разных сервисов, библиотек и фреймворков в svg.

devtoolstips.com - здесь архивчик интересных приемов в chrome dev tools.

Думаю на этом пока остановлюсь)) Есть еще много вкусного. Если забуду - напомните пожалуйста))

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

@cssunderhood реквестирую сервис для кастомизации/создания иконочных шрифтов.

Где-то уже такое видел, но не припомню. Может кто-то из сообщества знает? @_toydestroyer

@_toydestroyer @cssunderhood вроде такого? fontello.com

@cssunderhood вот, кстати, что из этого получилось. vimeo.com/105752439

@andrey_sitnik @cssunderhood это сильно плохо? Много кто из сообщества их использует, интересно? Я использую.

@_toydestroyer icomoon.io/app/ или нормальный — github.com/sapegin/grunt-… @cssunderhood

Кстати, еще о редакоорах, что вы используете для ускорения верстки? Emmet еще в моде?

Я долго использовал Emmet, но после перехода на atom нашел легкую альтернативу - selector-to-tag: atom.io/packages/selec…

Давайте делиться вашими dotfiles! Если кто не знает что это, то загляните сюда: dotfiles.github.io

Хочу поделиться своими dotfiles: github.com/denysdovhan/do…
Вдохновлялся и многое позаимствовал у @sapegin (спасибо Артем!).

Если кто не понял, идея в том, чтобы собирать свои настройки с файлов типа .bashrc, .gitconfig, .jshint, .zshrc и делиться ими.

@cssunderhood самое любимое шорткат для npm — `n gulp` вызовет локальный node_modules/.bin/gulp github.com/ai/environment…

После дня хардкода так приятно посидеть на газоне перед домом, на прохладном воздухе, и почитать стихи.

А вообще очень важно уметь разгружать сознание после тяжелой умственной роботы.

@cssunderhood с этим вообще самый большой геморрой. столько идей, книг, видосиков, курсов — всё некогда :-(

Из-за такого случаются "выгорания". Стоит находить время для отдыха. @Devgru

@cssunderhood кстати, как ты отвлекаешься от работы? Может спорт? Хобби? Интересно было бы узнать у кого какие есть хобби :-)

Хотел эту тему оставить На выходные, но так и быть)) @Bizi

Я вообще много чем занимаюсь: читаю, выступаю на квартирниках, играю на гитаре, занимаюсь боевыми искусствами. @Bizi

Ну и не стоит забывать, что я студент, а значит есть еще пары сутра)) @Bizi

@cssunderhood даже пиво никогда не пил? /@IlyaMarble

Я понимаю, что это ломает шаблон, но я действительно НИКОГДА не пил никаких крепких напитков. @Bizi @IlyaMarble

Люди часто удивляются, но на самом то деле нет ничего особенного. Вы же не удивляйтесь, что никогда не ели тараканов. @Bizi @IlyaMarble

@cssunderhoodВ Atom'е есть нормальный плагин для vim, с какой-нибудь поддержкой .vimrс, хотя бы с поддержкой биндов

Скорее всего нет. Я и сам очень жалуюсь на реализацыю vim-mode в атоме. Есть вот плагин ex-mode: github.com/lloeki/ex-mode/ @adinvadim

@cssunderhood @Bizi @IlyaMarble Я тоже не употребляю. Вообще фронтенд это сам по себе тяжёлый наркотик :)

@cssunderhood youtu.be/jkmn1T7U3dI?t=…

С вами был студент-айтишник Денис Довгань — @denysdovhan!

Логаут.

Решил вести нечто вроде списка полезных ссылок от @cssunderhood Может кому пригодиться. github.com/skriming/cssun…

Крутейшая идея! @mr_skriming

@cssunderhood постараюсь и от предыдущих авторов добавить. для новых буду постоянно обновлять. как говориться: фэворитте и пулл реквестите)

@cssunderhood @adinvadim А вообще за Vim что скажете? Я пару раз пробовал, но в браузер тестить - мышь, в PSD - мышь и т.д. Смысл теряется.

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

Я объясню: в 13 лет я попал в одну военно-патриотическую организацию, где запрещалось курить/пить. @operatino @Bizi @IlyaMarble

Так выработалась просто привычка и подсознательная установка, что пить запрещено. @operatino @Bizi @IlyaMarble

@cssunderhood Уже несколько лет не пользуюсь мышками: только трекпад и планшет. instagram.com/p/6MaqQNQhqH/ instagram.com/p/4PdeK0whkk/ @yustovskiy

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

Всем удачного дня и вдохновения!

И, если вы не против, могу поделиться еще несколькими полезными ссылками. ヽ（´∀｀）ノ

Кстати, в ответ на замечания о грамматических ошибках: прошу прощения, иногда может быть - я не native speaker.

@cssunderhood Активно использую gulp. Собрал своего монстра github.com/Krekotun/fabium но давно не обновлял. Хочу уйти от bower к npm.

@cssunderhood пользуешься ли GUI тулзами для верстки, по типу prepros, codekit, etc.?

Нет и не пользовался никогда. Для этого есть gulp, grunt, webpack - они делают это намного лучше + вы контролируете процесс @MikitaLisavets

Какой препроцессор вам больше всего нравиться? С каким больше всего приходиться иметь дело? less/sass/stylus/postcss[/myth] ?

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

Больше всего мне нравиться LESS, потому, что он декларативный, мало отличается от обычного css и имеет низкий порог вхождения.

Мне приходилось видеть целые программы на Sass и Stylus в таблицах стилей - это просто жуть.

CSS есть декларативный языком, а LESS есть только его расширение - и это хорошо. Императивность Sass/Stylus вносит логику в стили, ...

... которой там быть не должно. Для логики есть js.

Еще, в последнее время, очень понравился @PostCSS от @andrey_sitnik. Это действительно очень здравая мысль.

@cssunderhood тут говорят что препроцессоры умирают, пора на постпроцессоры пересаживаться. что думаешь про это?

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

Есть люди которые уж очень хотят в LESS императивности - для таких я даже написал небольшую либу, которая добавляет condition & loop mixins,

Пока только локальная, но постараюсь, если будет время, зарелизить на github.

@cssunderhood Не могу согласиться. Препроцессоры добавляют логику, которой часто не хватает в обычном CSS.

Да, это так. Я имею ввиду монструозные стили с множественными условностями, итерацыями и тд. Чуть лине ооп делают. @sapegin

В этом плане, guards в less вполне хватает для написание минимальной логики. @sapegin

@cssunderhood а в чем слабая сторона на примере?

Без четкого стайлгайда (которого, как правило, для stylus нет) стили превращаются в кашу из { }, табов, ;, :. @exdeniz

@cssunderhood Я бы чувствовал себя неуютно, если бы меня лишили всей моей препроцессорной логики: github.com/tamiadev/tamia… :-)

@cssunderhood есть и слайдеры написаные на css3. также условный оператор _ для ie

В большинстве таких туториалов делают сноску, что это только демонстрация, а в боевых условиях лучше делать js. @kostyandrew

@cssunderhood Stylus!
Postcss не пробовал, и пока не появится поддержка синтаксиса как в стайлусе не хочу 😊

@cssunderhood @andrey_sitnik @forwebdev @ymatuhin наоборот будет в ближайшем релизе

И из-за того, что логику в css пихать плохо. @kostyandrew

Честно признаться, не использовал никогда системы сборки. Расскажите в кратце, чем они мне могут помочь? @cssunderhood

Они делают за вас рутинные задачи: конкатенацию, ставят префиксы - вообщем делают все, что вы им скажете. @Bizi

Кстати, если уже зашел разговор о сист. сборки, то на чем вы собираете свои проекты? Grunt кто-то еще использует в новых проектах?

@cssunderhood Грант по-прежнему удобнее Галпа (хоть и тормозит ужасно), и плагины под него мне сильно больше нравятся (в том числе мои :-)

Это только сахар. @kostyandrew

@cssunderhood Интересно было бы узнать, какие сейчас вообще существуют подходы к сборке html, разбиения html на компоненты для фронтенда?

Есть крутое видео выступление @ebidel о веб-компонентах и @polymer youtube.com/watch?v=8OJ7ih… @LeusMaximus

А вы уже слышали о #Flyjs - github.com/flyjs/fly? Позиционирует себя как система сборки будущего. Написана на ES6 generators, promises

Я теперь только на gulp и он для меня намного удобнее. Мне кажется это субъективно. @sapegin

Конфиги там крутые. Но пока я не вижу смысла переходить на него - очень сырое.

Кто-то может другого мнения? Поделитесь впечатлениями.

@cssunderhood Я: взяли и без того развесистый и неудобный синтаксис Галпа и сделали ещё неудобнее :-)

@cssunderhood и вообще: с автоматизации каких повседневных задач стоит начать?

Сборка стилей, выставление префиксов, бандлинг js, сжатие изображений, понятие локального сервака с livereload @mr_skriming

@cssunderhood сейчас набижит толпа с транспарантами Gulp, Webpack и Browserify

А в чем, собственно, проблема? Если технология хороша, то почему бы не посоветовать и не похвалить её? @naorunaoru

Я думаю вы вкурсе, что npm@3 уже в бете? github.com/npm/npm/releas… Кто то уже использует? Есть проблемы с gulp/grunt плагинами?

Кстати добавили прогресс-бар и это имхо самое важное изменение))

@cssunderhood самое важное изменение—возможность схлопнуть зависимости для юзеров на винде в более плоское дерево;впрочем у нас не сработало

Приготовьтесь получать полезности.

github.com/ziyaddin/xampp… - если вам приходиться работать с XAMPP сервером, то это скрипт для его управления из терминала.

github.com/Pestov/essenti… - список must have пагинов для Grunt.

github.com/agis-/git-styl… - стайлгайд по работе с git. Вот еще мой перевод на украинский: github.com/denysdovhan/gi…

github.com/jlevy/the-art-… - очень крутая handbook о командной строке.

github.com/ericdouglas/ES… - репозиторий с полезностями по ES2015.

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

@cssunderhood @7rulnik думаю, что оба сборщика хороши и если все устраивает нет смысла менять :) Для разнообразия нужно будет попробовать.

Да, у обоих есть плюсы и минусы, но они крутые. @xwoody @7rulnik

@cssunderhood Есть перевод habrahabr.ru/post/262127/

Всем удачного и продуктивного дня! Сегодня будем говорить об образовании.

Я уже упоминал, что сам студент и тема образования меня болит.

Вопрос к сообществу: у кого есть законченное высшее образование и он работает по специальности?

@cssunderhood я пробовал как-то найти работу по специальности, но там всё очень плохо оказалось

@cssunderhood кпи, программная инженерия, пока бакалавр. Работаю практически по специальности)

@cssunderhood В дипломе указано Математик. Именно так, просто математик. Для себя решил, что это не специальность, а образ жизни :D

@cssunderhood у меня есть образование. Звучит как информатик-экономист. Давно впускался.

@cssunderhood студент 6 курса, конструктор. Работаю в IT со 2 курса. Тогда и стало понятно, что ВУЗ для меня - бесполезная трата времени.

@cssunderhood У меня. И совсем недавно мне пригодился мой диплом (не образование — его по сути не было).

@cssunderhood есть, но не разу не пригодилось.

@cssunderhood Есть. Пригодилось для установления контактов с людьми :-)

Субъективно, в универе пока ничего нового не научился. Все что я знаю - результат самообразования.

Теперь, собственно, проблемы высшего ит-образовагия. По крайней мере те, с которыми столкнулся я.

zachleat.com/web/compatibil…
@cssunderhood Сборник таблиц совместимости браузеров Зака Лезермана на все случаи жизни

Преподаватели, в большенстве, - люди совка, с очень абстрактным представлением о современном положении вещей.

Представьте только, что на первом курсе мы еще учили Delphi! Это вообще взрывает.

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

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

@Bizi @cssunderhood тоже математик по диплому. Образование дало хорошие фундаментальные знания. Очень помогают.

Даже при оформлении курсача требуется включать сантребования по эксплуатации ЕОМ за 80-е годы! Все эти нормы про температуру и влажность.

@cssunderhood всех под одну гребёнку и «средняя температура по палате» ;)

Я упоминал, что буду писать о том, с чем сталкиваюсь лично. @andrey_sitnik

@cssunderhood не в языке дело а в понимании его работы и как это использовать. Это понимание можно переложить на другие языки того же уровня

Да, но это если бы преподаватели сами понимали о чем речь. @A11oW

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

@A11oW @cssunderhood делфи приучает к аккуратному код-стайлу, кстати, потому что иначе просто нескомпилится)

В начале первого курса никто ни понимал зачем нужно ставить табы - получилась адская каша. О таких мелочах никто не говорил. @Sigiller

Наибольшей проблемой есть то, что в универе никто не расскажет зачем ставить индентации, писать комментарии - нет практических рекомендаций.

@cssunderhood всё это можно свести к тому, что преподаватели часто работают только в образовании, а не в той сфере которой учат

Конечно, есть крутые преподаватели, но это те, которые сами работают, или имеют собственные конторы.

@cssunderhood у нас вообще интересная ситуация получилась: начинали учить C, а тестирование было по Delphi.

Кстати о преподах: раз попался такой, что даже читать не мог нормально:
then - тхен
while - вхиле
true - труе
false - фалсе
Это был кошмар.

@cssunderhood есть, работаю нуууу типа по специальности «Информационные системы и технологии» ) было много лишнего во время учёбы

@cssunderhood Проблема скорее в программистах, которые не хотят учиться. Необходимость постоянного изучения — главное преимущество профессии

@cssunderhood я вообще считаю, что даже самый идеальный университет не молнии подготовить программиста …

@cssunderhood … в ИТ всё постоянно меняется, больше нет разделения на периоды обучения и применения знаний

Часто в универе вижу студентов, которые не понимают что они вообще там делают - родители засунули, ибо нужен диплом.

@cssunderhood Именно поэтому я и бросил в свое врямя универ и почти отказался от профессии, думал будет сложно угнаться

Соответственно желания учиться тоже нет.

@cssunderhood не вижу ошибки. Delphi — отличный универсальный язык для работы с ООП, структурами данных, низкоуровневым доступом к памяти

По-моему, для первого курса куда лучше и проще будет учить python, или другой скриптовый язык. @from_anywhere

Много есть сейчас вакансий на дельфах? Ту же С можна практически применять, а где припихнуть потом дельфи? @from_anywhere

@cssunderhood вакансии есть, но дело не в этом — есть возможность потренироваться в низкоуровневой оптимизации, потрогать производительность

Дык и в С это можно делать. Зачем учить дважды? Одно, а потом переучиваться? @from_anywhere

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

Для меня спасением был и есть open source - дает реальный шанс поработать в крутых проекта и нахвататься опыта у профессионалов.

Но тем не менее, в универе клево с нескольких причин: есть полно свободного времени, никто не долбит корпоративной этикой, ...

... пишешь что хочешь и на чем хочешь, ездишь на конфы, общаешься и занимаешься своими пет-проектами.

По этому, если уметь распоряжаться своим временем - можно горы свернуть.

@juwain @iamstarkov @adinvadim @delaz всегда интересно было узнать, каким образом выбирается следующий ведущий для @cssunderhood?

Рекомендацыями, добровольно или по приглашению. Здесь написано: cssunderhood.ru/about/ @Bizi @juwain @iamstarkov @adinvadim @delaz

@cssunderhood как ты успеваешь учиться, работать, ездить на конфы и еще делать свои пет-проекты?

Ну не знаю)) Во первых, я не работаю. Есть только учеба и пет-проекты, а конфы, как правило, летом. @Bizi

Касательно учебы, то я писал, что для меня она идет легко - я быстро учусь. @Bizi

Пет-проекты помогает делать техника помидора и собственное терпениею Технику помидора начал применять только месяца два назад. @Bizi

@cssunderhood я в 2000 году, в технаре на информатике изучал программирование на калькуляторе «Электроника»

@cssunderhood расскажи как долго привыкал к технике. Получается раздрабливать задачи на 25 минут и закрывать их за это время? и тд.

Переходил тяжело. Думаю я еще в процессе перехода. С кодингом проблем нет, но с творческой работой сложновато. @akrekotun

@akrekotun @cssunderhood имхо, не так важно дробить задачи, сколько просто делать перерыва и не отвлекаться во время помидорки

Ну и еще в универе круто, потому что мой универ - комплекс зданий поразительной красоты)) google.com.ua/search?q=chern… pic.twitter.com/HutmRTi4iw

@kudesa @cssunderhood хех, а наш препод решил в 2003 что навыки слепой печати точно не устареют и полгода нас гонял по "соло на клавиатуре")

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

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

@cssunderhood Книги, блоги, твитер, свои проекты.

@cssunderhood вся наша робота - це самоосвіта :)

@cssunderhood у тебя расписание по дням составлено? Это клёво!

Не расписание, а скорее просто отдельный todo list, чтобы не забыть что хотел обсудить @Bizi pic.twitter.com/DU9MhSJbg5

На cssunderhood.ru же рекомендуется сделать план, вон я и записую чтобы не забыть. @Bizi

Кстати, сегодня @github зарелизили GitHub Desktop - этакой гуй для работы с git/github. github.com/blog/2046-gith…

Кто-то пользуется софтом типа SmartGit, Tower, SourceTree? Или только терминал, только хардкор?

@cssunderhood в ST удобно решать сложные конфликты и делать коммит части измененных строк. Для остального есть cli

Тоже использую только терминал и утилиту gitk для отображения дерева коммитов. @rimmer333

Для коммитов выборочных строк из файла использую git add --path или с алиасами git a -p @rimmer333

@cssunderhood Вот как раз через Гитхаб-десктоп коммичу (удобно смотреть дифф, чтобы лишнего не попало). Для остального — консоль.

@cssunderhood Только терминал, только хардкор! (особенно на телефоне, хехе)
Более-менее нравится git-плагин для Brackets

@cssunderhood В GUI удобнее делать Rebase, разбивать изменения на мелкие комиты и всякие сложные штуки.

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

@cssunderhood Я использовал SourceTree ради поддержки Mercurial. Последнее время практикую Tower, он дружелюбнее для меня.

@marinintim @cssunderhood @denysbutenko согласен vstarkov.ru/autosquash/

@cssunderhood @fliptheweb @iamstarkov @denysbutenko да да) но не все его познали. Для меня пока vi это :q!

У меня тоже был страх начать, но чтобы научиться работать в Vim нужно работать Vim, и все @kuksikus @fliptheweb @iamstarkov @denysbutenko

И еще немного полезных ссылок на вечер.

github.com/jmoon018/PacVim - специально для @kuksikus - убочалка Vim в виде игры pacman. Весело и быстро учит, повышает скорость набора команд.

@cssunderhood @kuksikus @fliptheweb @denysbutenko vimtutor и тебе будет комфортно, вот и всё vstarkov.ru/vimtutor/

Кстати тоже так учил. @iamstarkov @kuksikus @fliptheweb @denysbutenko

github.com/devinhunt/type… - а-ля normalize.css но для типографики (уже упоминалось здесь).

github.com/lukehoban/es6f… - быстрый how-to по ES2015, его же используют на сайте @babeljs, здесь: babeljs.io/docs/learn-es2…

@cssunderhood я пользуюсь Version Control в IntelliJ IDEA, если чего-то нет – тогда Tower/SourceTree/etc. Но сливать удобнее всего в IDEA.

@cssunderhood yeoman генератор с поддержкой jade+stylus+jquery - есть такой?

Не знаю, посмотри здесь yeoman.io/generators/. Если нет, то напиши свой - это open source, детка) @gearmobile

@cssunderhood а существует рабочий метод отключения Reader в Safari, кроме как использования адовой несемантичной разметки?

Сори, я не safari guy. Может кто-то из сообщества поможет. @rajdee_mhm

а вам случалось пускать клич по офису «Свободный верстальщик»? /cc @cssunderhood

@cssunderhood А я вот про шрифты. Расскажите - сами покупаете, 'скачиваете', конвертите из десктопа. Ну и в целом про лицензирование шрифта.

Для шрифтов есть Google Fonts - его и использую в большенстве случаев. @exdeniz

Вообще студенты не такие обеспечение люди чтобы покупать шрифты по бешеным ценам, поэтому признаюсь - несколько раз пиратил. @exdeniz

@Sigiller @cssunderhood А почему Google Fonts? По мне это не оптимальный способ загрузки шрифта.

С гугл фонтс можна скачать и оптимизировать через систему сборки. @exdeniz @Sigiller

@exdeniz Использую бесплатные, подключаю с помощью github.com/sapegin/grunt-… @cssunderhood

@exdeniz От Гранта оно никак не зависит: github.com/sapegin/fontop… @cssunderhood

@adinvadim @cssunderhood это по личным ощущениям от сравнения с Sublime. Хотя не стоит ожидать чего-то от редактора не на православных C/C++

Не соглашусь. Electron на 75% написан на С++. Он может и будет работать быстро. @omtcyf0 @adinvadim pic.twitter.com/brdMoX7uhw

@cssunderhood @omtcyf0 @adinvadim язык программирования не влияет на скорость, в отличии от архитектуры

Вопрос к сообществу: кто-то еще использует @bower? Или все уже на npm + Webpack/Browserify?

Я же сейчас глубоко убежден, что bower мертв. Лично я в нем смысла уже не вижу.

Причина проста: есть универсальный npm для всего js. Унификация === простота === эффективность.

К тому же, какого черта мене тогда нужен npm, чтобы установить bower?! По-моему это вообще маразм.

Там легко можно прийти к мысли, что @fat написал @bower не для решения конкретных задач, а чтобы собрать звездочек на гитхабе.

@cssunderhood периодически выплывает необходимость заюзать @bower в связке с asset pipeline (.bowerrc для указания нужной папочки)

@cssunderhood @omtcyf0 @adinvadim а почему тогда PostCSS на JS в несколько раз быстрее libSass на C++?

Нет, я не нарываюсь на спор - я хочу чтобы ты объяснил, кинул чтиво, поделился опытом в этом. @andrey_sitnik @omtcyf0 @adinvadim

@cssunderhood ну, например, в UI важнее FPS, чем реальная скорость математики — главное, чтобы не было лагов и фризов …

@cssunderhood Для сайтов — по-прежнему Грант и Бовер. Для приложений — Вебпак и npm.

@cssunderhood … вспомните, например, как мы пару лет назад сидели «без тормозов» на компах в 10 раз медленнее по математике чем сейчас …

@cssunderhood … а в FPS мало реальной математики, больше микрооптимизаций. Техники will-change и translate прекрасно это показывают

@cssunderhood а для css, картинок и прочих шрифтов?

А разве Wabpack не умеет это бандлить? @maxmaximov

@cssunderhood кроме того, есть множество node-модулей не имеющих смысла на клиенте (работающих с диском, сетью, процессами)

Просто не подключайте их га фронт, используйте на сервере. @maxmaximov

@cssunderhood, имхо, Bower и npm нельзя сравнивать, т.к. их назначение несколько разнится. _Node_ пакеты и _frontend_ пакеты — разные вещи.

Что мешает держать фронт-пакеты в npm? Идея в том, что npm универсален для всего и использовать нужно только его. @lancedikson

@cssunderhood, именно поэтому npm не умеет flat tree (точнее, раньше не умел, сейчас — хз, не слежу).

Именно поэтому в npm@3 добавили плоское дерево, но это пока в бете. @lancedikson

@cssunderhood мы же npm и bower сравниваем, причём тут webpack?

При том, что webpack бандлит и шрифты, и изображения, и стили, и тд, а npm может это предоставлять. @maxmaximov

К тому же, скоро будет доступен ES2015 и SystemJS-модули, а они такое использование поощряют. @maxmaximov

Многие уже так делают через babel-loader. @maxmaximov

@cssunderhood, я лишь хочу сказать, что нет серебряной пули и порой bower гораздо удобнее npm’a.

Поэтому я и спрашиваю людей у кого как:)@lancedikson

@cssunderhood куда я должен положить пакет, состоящий исключительно из css и картинок? В npm? Мне кажется, ему там не место.

Почему-то разработчики bootstrap этого не бояться) @maxmaximov

@cssunderhood, ок, из моих суждений, уже думаю понятно, что для фронтенд-пакетов я пользую Bower, а для Node — npm.

@cssunderhood В Ноде хорошо бы, а про браузеры — этого ещё долго ждать. @maxmaximov

Ну так эту проблему и пытаюсь решать Webpack + babel-loader @sapegin @maxmaximov

@cssunderhood, моя реакция на такие твиты примерно такая, как если npm-щикам предложить отказаться вообще от npm и юзать Bower для Node :)

@lancedikson @cssunderhood Bower не делает deep tree, так как не имеет изоляцию ConmonJS, что в общем-то минус

@cssunderhood а это они идут у вас на поводу ;) с другой стороны, они и bower поддерживают

Вот это, думаю, самый правильный и универсальный подход. @maxmaximov

Если уж речь зашла о модулях, то что вы думаете о модулях/компонентах html, web-templates и вообще идеи @polymer?

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

@cssunderhood пока складывается ощущение, что индустрия быстрее решить вопросы изоляции сама — ConmonJS и CSS Modules отличные примеры

@pomidore Для просто сайтов намного проще склеивать пакеты, установленные через Бовер, с помощью github.com/sapegin/grunt-… @cssunderhood

@cssunderhood преодолел первую тысячу твиттов. юхуу!)

Я и не заметил) @mr_skriming

Хочу рассказать об одной вещи, которую начал замечать в нескольких разработчиках. Я называю это "open source снобизм".

Это касается тех разработчиков, которые ничего из себя не представляют, но обязательно должны написать собственный js-фреймворк.

И здесь дело не только в js.

Я наведу такой пример:
У нас в городе был небольшой митап. Один из лид-разрабов рассказывал о полезности gulp и grunt.

Очевидно, у слушателей появился вопрос: "В чем, собственно разница между галпом и грантом?" Но сам тот разработчик так и не смог ответить.

Это выглядело нелепо. Человек, который рекомендует инструмент, сам не понимая что и как он делает.

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

@cssunderhood как быть с чем? С пробелами в знаниях у людей? Заполнять их по возможности

Как это терпеть. Почему знакомые разработчики с местных студий просят меня, второкурсника, помочь исправить верстку? @Sigiller

Но они обязательно начинают писать свою библиотеку, чтобы быть open source guy. @Sigiller

@cssunderhood то есть правильным в ситуации на митапе было бы кому-нибудь из зала взять слово и ответить на этот вопрос

Что и сделали слушатели. @Sigiller

@cssunderhood иногда человек сходу не может сформулировать правильный ответ (внутри понимаю, но объяснить получается "бэ-мэ")

@cssunderhood @Sigiller Все зависит от цели. 1) Интересно с нуля написать некую либу. 2) Не умеют юзать готовые решения и пилят велосипед.

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

@cssunderhood Я каждый раз начинал писать, потому что имеющиеся не подходили. Не знаю, стал ли я опенсорс-гаем :-/ @Sigiller

Нет, ты немного не понял. Ты пишешь новое, совершенствуеш существующее, а они пишут лиш чтобы написать свое. @sapegin @Sigiller

Вспоминается шутка: if your js framework has define method, I'll undefine your face. @sapegin @Sigiller

@lancedikson @andrey_sitnik @cssunderhood тебе нравится писать ;(function(windows, $, undefined) {…})(windows, jquery)?

Друзья, у нас небольшой гет в 600 фолловеров!

В среду @Bizi спрашивал какие блоги я могу посоветовать. Поэтому сегодня поговорим о том, что помогает вам быть в тренде.

@cssunderhood @Bizi йоу toster.ru/q/238313

Первое и самое важное что могу посоветовать - учите английский. Новой информации на русском очень мало, даже если кажется что ее много.

Мне вот не повезло: в школе учили немецкий. Пришлось учить английский самому с полного нуля.

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

Теперь о том что читать.

Читайте css-tricks.com и в твиттере @Real_CSS_Tricks - для верстальщиков незаменимо.

На smashingmagazine.com всегда найдете полезные статьи.

Подпишитесь на тематические теги в medium.com - здесь всегда найдете что почитать.

Во-вторых, важно получать информацию с первых рук, поэтому читайте твиттеры известных разработчиков.

Здесь нам очень помогают @cssunderhood, @jsunderhood, @backendsecret, @iamspacegray , @rubyunderhood.

Обязательно подпишитесь на крутейшего @sindresorhus - он автор половины всех пакетов npm, а еще половину контрибютил.

Читайте других крутых парней:
@addyosmani
@paul_irish
@chriscoyier
@mdo
@fat
@tjholowaychuk
@ebidel
Эти люди делают современный веб.

Еще обязательно подпишитесь на @BrendanEich - создателя JavaScript.

Фоловите крутых парней и девушек из нашего сообщества: @dan_abramov, @andrey_sitnik, @sudodoki, @listochkin, @shuvalov_anton, @juwain

Фоловите крутейшего @iamstarkov - создателя @jsunderhood, и разработчика сайтов для всяческих андерхудов.

Еще @sapegin, @ki_zu, @toivonens, @denisfedosov, @freiksenet, @filipovskii - и многие другие, которых можно еще много перечислять.

Чуть не забыл о шикарном frontender.info - заходите и читайте.

Если вы украиноязычный, то заходите на codeguida.com и в твиттере @codeguida. Еще в наш неплохой чат gitter.im/codeguida/chat

@cssunderhood спасибо @SilentImp за @frontenderinfo

Также у нас есть список украиноязычных ит-ресурсов: github.com/codeguida/ua-d… @codeguida

@cssunderhood не забудь про gitter.im/dev-ua/

Такая у нас получается #followfriday)) Советуйте и вы что-то.

@cssunderhood интересны подкасты на русском, а то я знаю только два @RadioJSPodcast и @frontflip_js а они не особо частят с выпусками)

@cssunderhood Спасибо за упоминания :) @paul_irish @chriscoyier @mdo @fat @tjholowaychuk @ebidel

@cssunderhood и как ты мог забыть @LeaVerou?

@cssunderhood css-live.ru forwebdev.ru css.yoksel.ru headjs.ru

@cssunderhood sitepoint.com tympanus.net/codrops/

Должен был сегодня ехать волонтером в Одессу на конференцию по геймдеву. Но на вокзале не осталось билетов на поезд. Жаль, однако.

@shuvalov_anton @cssunderhood @rubyunderhood а есть англоязычные коллективные твиттер аккаунты ?

Расскажу о важной проблеме над которой мы думаем в @codeguida - словаре для разработчиков.

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

От этого и появлються всякие "шэдоу домы", "дата-байндинги", "бьорн-ауты" и тд.

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

И соответственно подавать нашим пользователям, чтобы они писали более грамотно.

@gladkih_m @cssunderhood словарь github.com/web-standards-…

Спасибо! Скорее всего сделаем форк и адаптируем под особенности украинского языка. Роботы теперь меньше. @iamstarkov @gladkih_m

@cssunderhood Теперь всё меньше, не только роботы :-)

Сегодня суббота, поэтому самое время поговорить о ваших пэт-проектах.

Расскажите какими проектами заняты в свободное от работы время.

@cssunderhood сейчас делаю сайт на angularjs со статистикой мужесисек и секретный проект на reactjs.

@cssunderhood планирую замутить интерактивный туториал по svg, заодно реакт попробовать в деле

Что-то не очень активно вы отвечаете. Наверное все в жесткой отключке после вечера пятницы.

@cssunderhood С ноября по апрель главным пет-проектом был поиск работы :-) А сейчас как-то не до проектов.

@cssunderhood суббота ж ) время пикников и развлечений!

А что так? Времени не хватает после работы? Нет желания? @sapegin

Кстати, если зашла речь о работе дома, каквы работаете дома? За столом, в кровати, на кухне, сидя, лежа?

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

@cssunderhood лежа быстро все затекает, и мак на диване греется и жжет коленки. А за столом самое то.

Я недавно статью читал о вредности работы с ноутбуком на коленях для мужчин. Так сказать, для "покемонончиков". @life_maniac

@cssunderhood последние пол года работаю дома, за столом стоя :)

Удобно? Линус Торвальдс вот вообще на беговой дорожке работает: youtu.be/fuS-3HSnpq4 @kqxsr

@cssunderhood никогда не пробовал работать стоя?)

Нет о_О
Никогда не пробовал. Вообще удобно? @meuwka

@cssunderhood @kqxsr работать стоя удобно

@iamstarkov @cssunderhood удобно :) Первое время уставал и это отвлекало. Потом привык, стал лучше себя чувствовать :)

Те кто работают стоя, я так понимаю вы понимаете экран на уровень глаз, верно?

@meuwka @iamstarkov @cssunderhood я такую штуку сконструировал instagram.com/p/2-_k4SjDuM/

Заинтересовался работой стоя. Сейчас нашел в интернете столики под ноутбуки - собираюсь заказывать.

@cssunderhood Чуть ниже. Я пол дня сижу, пол дня стою (электронный стол это стандарт в Финл). Очень помогло со спиной, с руками не особо.

@meuwka @iamstarkov @cssunderhood кстати, вот такой проект еще есть kck.st/1Wt59xS

Кстати лого похоже на лого @official_iojs. @kqxsr @meuwka @iamstarkov

Давайте поговорим о [не]заменимости Macbook в работе верстальщика. Много у нас в сообществе людей без маков?

Я вот уже более двух лет спокойно работаю на Ubuntu. GNOME выглядит вполне красиво. pic.twitter.com/U4lZoO1qmR

Photoshop под Wine достаточно стабильный - у меня проблем не возникало.

Хотя собираюсь зимой ехать в Штаты и покупать макбук.

@cssunderhood Плюсик в карму за Гном Три. Среди всех DE — это самая красивая.

А по теме, неделю назад пересел на макбук — очень доволен :)

@cssunderhood хоть и на маке, но считаю что для верстальщика он не обязателен. Сижу на IDEA, которая работает на всех платформах

Расскажу о минусах работы на Ubuntu.

1. Полная жуть при установке драйверов к видеокарте. Особенно если у вас АТІ.

2. Хотя Photoshop и работает под Wine без лагов, но на больших файлах чувствуется тормоза. Illustrator вообще не работает.

3. У меня, после гибернации, иногда отваливается драйвер Wi-Fi.

Больше проблем не замечал. С какими сталкивались вы?

@cssunderhood Добавляем к Linux такие инструменты, как AdobeExtact или Avocode - и вообще все прекрасно! Лучше MacOSX. И все бегает\летает.

@cssunderhood убунта + гном, idea, полёт нормальный, никакой надобности в маке не испытываю. Но я не рисую.

А вот я рисую часто, поэтому часто возможностей вайновского фотошопа нехватает. @hellbeast92

@cssunderhood Про мак расскажу: рабочий иногда не находит трекпад после долгой спячки. Спасает только перезагрузка.

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

@cssunderhood у меня Fedora с GNOME Shell на Yoga 3 Pro. Больше по идеологическим соображениям, но браузер везде одинаковый

Сегодня воскресенье, а значит время отдохнуть! Всем привет из Хотинской крепости! pic.twitter.com/Qhj9oAifiC

Сегодня решили прокатиться по крепостях в Хотин и Камянец-Подольский. А как отдыхаете от работы вы? Где ищете вдохновение?

@cssunderhood Сегодня иду на выставку Себастьяна Сальгадо (фотограф такой :–)

@cssunderhood стараюсь уехать подальше от Москвы, на природу. Иногда даже один, чтобы с мыслями собраться.

@midler @cssunderhood zencoder.ru/css/adobe-extr…, zencoder.ru/css/project-pa…. Вообще - очень доволен AbodeExtract. Пользуюсь им чаще, чем Photoshop.

Чуть не забыл, я вчера закончил редизайн своего блога: denysdovhan.com/hello-world/

Хотя по-факту это было восстановление с нуля.

Пока я жду автобуса домой, расскажу о том, что я называю "спортивными собеседованиями".

Идея вообщем в том, чтобы ходить на собеседование без цели устройства на роботу, а чтобы потренироваться и решить интересные задания.

Если вы прошли собеседование - говорите, что вы не заинтересованы в работе, если да, то ничего страшного - вы и не собирались.

К собеседованиям готовлюсь с помощью этого: github.com/h5bp/Front-end…

@cssunderhood как при таком подходе не прослыть чудиком и не заработать себе негативную репутацию?

Просто готовиться и не делать этого если чувствуешь себя не готовым. @VasyaRomashova

@cssunderhood Идея отличная, но смущает тот факт, что однажды может понадобиться реально пойти туда работать. И как-то неудобно уже)

Возможно, но у меня наоборот - говорят чтобы обращался когда понадобится работа и им такие кадры нужны. @webholt

@cssunderhood на собеседования ходить нужно раз в полгода, чтобы не оторваться от потребностей рынка. @VasyaRomashova

@cssunderhood не проще просто просматривать периодически вакансии?)

Нет, суть в том, чтобы научиться чувствовать себя уверенно и спокойно на собеседованиях. @unel86

@cssunderhood лично для меня собеседование - это стресс, даже если я не хочу там работать, всё равно буду стрессовать )

Главная идея этой затеи в том и состоит, чтобы научиться преодолевать стресс. @meuwka

@cssunderhood Я примерно то же самое советую: nano.sapegin.ru/all/coding-int…

@meuwka Собеседования — отличный способ узнать о пробелах в опыте и знаниях. @cssunderhood

@meuwka После десятка собеседований в течение нескольких месяцев мне стало гораздо легче :-) @cssunderhood

@cssunderhood а ещё, как не начать чувствовать себя никчемным после нескольких отказов?

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

Про пики. Порекомендую сервис закладок - raindrop.io и там же мою коллекцию про SVG - raindrop.io/collection/246… @cssunderhood

В догонку о своем новом блоге: загляните также в сурсы, там интересно github.com/denysdovhan/de…

И так, моя неделя подходит к концу. У меня остался Еще один час (по Киеву). Давайте коротко вспомним что было на этой неделе.

В понедельник мы говорили об рабочем окружении: Atom, Sublime, dotfiles, темы для редактора и терминала.

Во вторник говорили о препроцессорах, системах сборки и около того.

Среда ознаменовала дискуссии об образовании и его проблемах.

В четверг говорили об Open Source: Bower, npm, Polymer и словаре для разработчиков.

В пятницу говорили о там как быть в тренде, кого фоловить, что читать и где находить свежую информацию.

В субботу было о ваших пэт-проектах, системе для верстки, работе стоя.

Ну и наконец, сегодня, в воскресенье, мы говорили о вдохновении, отдыхе от работы и собеседованиях.

@cssunderhood бесплатные ресурсы типа learn.javascript.ru и купил kindle для этого.

@cssunderhood книжки, англійська, нові технології, подорожі. Ну і фізичний розвиток.

Очень не хочется с вами прощаться! Вы все чертовски крутые! Общаться с вами было невероятно занимательно и приятно!

Надеюсь наше общение продолжиться в моем оригинальном профиле @denysdovhan - я всегда рад помочь или просто поговорить))

Также заходите на мой github-профиль github.com/denysdovhan и читайте мой новый блог denysdovhan.com.

Пишу я, как правило, на английском. Иногда на родном украинском. Отвечать могу и на русском.

И пожалуйста, ответы с последних твитов с упоминанием моего профиля, чтобы я их не пропустил.

Еще раз огромнейшее спасибо!