Всем привет. На этой неделе с вами Дима Калдузов

На этой неделе я буду с вами общаться о профессиональных отношениях в команде, борьбе с прокрастинацией и опенсорсе.

Сегодня день знакомства вас со мной и мной с вами.

Сначала главном - я никогда не пользовался активно твиттером и для меня это некий эксперимент, тк я совсем не понимаю надобности в нём =)

Так что я хочу получить опыт от общения с вами, полезный фидбек и хорошее настроение. Поехали!

Расскажу о себе: HTML начал изучать в 2005, когда появился первый комп, плотно обосновался в вебе примерно с 2008 года.

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

По ночам я занимаюсь фрилансом и своими проектами, одни из них вы явно знаете - sass-scss.ru, haml.ru, fontawesome.ru, jadee.ru

Накидал планчик на эту неделю pic.twitter.com/Ixh3sXgB0G

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

Получил новый макет и вспомнил случай, когда клиент прислал макет сначала в .jpeg, потом в .doc, а в конце в .pdf

А, собственно, как людям хватает времени еще и твиттер вести?))) Работа кипит, твиттер молчит, сорри ребята...

Интересна статистика по поводу отдыха в рабочее время, что вы делаете?

Про отдых: у нас в офисе стоит тренажер, многие на нем подтягиваются, это круто, наверное, я то не подтягиваюсь...

Закончился рабочий день, теперь можно и обучалки всякие посмотреть, недавно отсмотрел курс "Шаблоны проектирования Javascript"

Сейчас у меня в работе проект с поддержкой IE8, до 15% пользователей с него. Ничего криминального, но котлы в аду можно начинать разогревать

Рабочий день начинается и, значит, можно открывать твиттер =) Сегодня будем бороться с проскратинацией, ну или сдадимся на милость ей

Итак, проскартинация - это когда вы постоянно откладываете важные дела на потом, а потом дедлайн )

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

Каждый раз пишу слово прокрастинация поразному, но правильно оно пишется так, как я написал в этом сообщении... безграмотность тоже порок =)

Пытаюсь я решить все эти проблемы тайм-менеджментом, на рабочем месте мне помогает timeStats и Pomodoro Time

timeStats - расширение для хрома, которое ведет статистику времени, которое вы уделяете тому или иному интернет-ресурсу

Pomodoro Time - приложение работающее по методу "Помидора" (vk.cc/3vF7zj).Круто помогает работать и напоминает,что пора отдохнуть

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

timeStats позволяет ОСОЗНАТЬ проблему, а Pomodoro - упорядчевает рабочий процесс и заставляет вас повысить ваш КПД (не без вашего участия)

А знаете к чему приводит прокрастинация? Если сообщение прочитали сразу, то знаете.

Совсем забыл указать "Помидорку" для винды - tomighty.org Спасибо @life_maniac за напоминание

В последнее время стал себя заставлять вести планировщик... Сложно, но зато ничего не забываешь, еще и напоминалки выскакивают...

В общем прокрастинирую официально с календарем.

Ух, закончил делать огромный плагин на js... ну теперь грех не попрокастинировать... и помодоро не указ!

Коллеги, а может кто еще какими-нить приложениями пользуется для тайм-менеджмента? Поделитесь

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

Мои советы:

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

3. Делайте перерывы в работе
Не забывайте уделять время перерывам, а вообще, рекомендуется каждые 2 часа менять задачу, чтоб убить рутину

Судя по опросу, с 3м пунктом у вас как раз-таки проблемы, господа. pic.twitter.com/PuaLF0qI1I

@cssunderhood 3й пункт - я имел ввиду пункт советов - Делать перерывы в работе

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

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

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

Отправьте свое исправление ментору и все, вы в деле. Такое вы читали, наверное, не раз.

На правах ведущего предлагаю всем желающим помогать, например, мне =) transifex.com/rusdocs/ Здесь я занимаюсь переводами

Сегодня самая животрепещущая тема - профессиональные отношения в команде.

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

Сразу скажу что все процессы не успел произвести, тк компания развалилась =) (и не потому, что я "людей называю верстаками")

Верстка или переверстка происходила без препроцессоров, без сборщиков, порой без элементарных тестов

Еще одной проблемой была частая смена состава, в общем проблем хватало

Для того, чтобы не нарушать рабочие процессы, было решено создать UI kit, в котором будут отрисованы все элементы, используемые в работе

После того, как набор элементов был отрисован, его сверстали, а все стили были написаны при помощи sass

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

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

Вчера не до конца рассказал историю. Продолжу - что удивительно, руководство было ЗА нововведения, а вот исполнители - против.

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

Собственно, ради удобства в изучении ребят я и начал переводить документацию по sass.

Еще небольшая, но все же проблема, это заставить дизайнеров в своих "дизайнах за 1 день" использовать готовые элементы.

С дизайнерами решилась проблема общим собранием с верстальщиками,где ребята уже сами друг сдругом договорились делать друг другу жизнь проще

Самое интересное оставалось, конечно, впереди, но, к сожалению, команда сложившаяся к тому времени распалась

Так как компанию забросили, а потом и вовсе продали.

Вплоть до увольнения ребята спорили, и это их выбор, конечно.Всё-таки у нас сотрудники заточены намного сильнее на деньги,чем на сам процесс

Ахахахаха, естественно, не ради удобства изучения ребят, а ради удобства изучения sass

Не могу сказать о том факте, что весь процесс был поточным и это тоже накладывало огромное обременение в развитии.

Камень в огород менеджеров тоже можно кинуть, тк их вообще не интересуют реорганизационные процессы, "нужен интернет-магазин с 1С сегодня"

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

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

Начну с того, что скажу, что верстаю в хроме, а, значит, расширения браузеров для него)

Liner - позволяет на странице добавлять направляющие, очень удобно для позиционирования и выравнивания

Page Ruler - основная задача измерение размеров элементов на странице, можно задавать размеры измеряющей области, например, для сравнения

Awesome Screenshot: Screen capture, Annotate - Все просто, скриншоты видимой, выделенной областей или вообще всей страницы

ColorZilla - все просто, тулза для определения цвета элемента

CSS Dig - позволяет исследовать стили страницы, поиск как по элементам, так и по свойствам

Dimensions - позволяет измерять расстояния между любыми элементами на странице, даже в картинке иногда разбирает расстояние

PerfectPixel by WellDoneCode - приложение для точной верстки, накладывает картинку поверх верстки на странице

YSlow - анализатор скорости загрузки страницы, описывает запросы, говорит куда стоит обратить внимание для оптимизации

Fontface Ninja - увидел на сайте интересный шрифт, сразу узнал, что это за шрифт

Font Playground - Когда вам клиент говорит "поиграйте шрифтами" - пользуйте это расширение. Позволяет на лету подменять шрифты на странице

Muzli 2 - для вдохновения, сборщик работ с дриббла, биханс, awwwards и тд. Очень крутое приложение

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

Раньше сборщиком у меня был Codekit, теперь Gulp.

Для сборки статических сайтов использую @middlemanapp и кастомный, на основе gulp, jade & sass.

Так как я люблю писать всякие спеки, доки и тд, то все чаще и чаще начинаю использовать @SourceJS. Реально круто!

Забыл о Extensions Manager (aka Switcher) - расширение, позволяющее "на фронте" управлять расширениями. Highly recomended!

А у вас есть расширения, которые реально крутые? Делитесь!

Пройдусь немного по компонентам, используемым непосредственно о фронте

Slick slider(vk.cc/2rdat9) - представлять скорее всего не нужно, один из лучших слайдеров, использую практически везде

fullPage.js(vk.cc/1TD6Bj) - отличный модуль для создания one-page приложений, быстро, просто, чисто

jQuery MultiFile (vk.cc/52YMpM) - отличный плагин для кастомизации поля загрузки файла. Раньше частенько использовал

Недавно стал использовал для контроля качества верстки Makeup(vk.cc/4QWOnD)

Если фреймворки, то UIkit и Angular (щас бомбанет =) )

А еще... я использую photoshop, illustrator и sketch... Теперь знаете все секреты xD

Далее десктопные приложения

Paste Beta(pasteapp.me) - НОРМАЛЬНЫЙ менеджер буфера обмена для mac

SnippetsLab(vk.cc/52ZNRY) - Приложение для хранения и синхронизации между устройствами ваших готовых сниппетов

Всем известный Dash(kapeli.com/dash) - оффлайн документация практически по всему, что касается web-разработки

Optima(getoptima.ru) - редактор для осмысленной работы с текстом))) Сделано приложение так, что аж глаз радуется, когда печатаешь

Люблю делать прототипы в Balsamiq(balsamiq.com), просто, удобно. Для окон тоже доступно.

С хорошими дизайнерами в работе использую Zeplin(zeplin.io) - нереально крутое приложение для совместной разработки.

Возник вопрос у меня: А что вы предпочитаете?

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

А кто-нить знает про TARS(github.com/tars/tars)? Если юзали - расскажите.

Усем хай, сегодня пройдемся по хобби? Чем занимаетесь в свободное от работы время? Если оно у вас есть... =)

Я раньше занимался музыкой, в основном электроникой, немного выступал по клубам. Сейчас скорее всего к хобби мне нечего отнести.

Кто в игрушки играет? Steam(mikaspell), Origin(mika_spell_rus) - стучитесь =)

Заметил, что в СТС любят трансформеров, на РенТВ - Блейда, а на ТНТ - Гарри поттера. Показывают раз в 2 месяца все части. =)

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

Если захотите пообщаться пишите, добавляйтесь - @mikaspell, vk.com/mikaspell

vk.com/tpzakaz - про жизнь