mikaspell

11 апреля 2016, Санкт-Петербург, Россия

# Понедельник 18 твитов

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

7:02

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

7:05

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

7:05

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

7:09

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

7:10

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

7:20

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

7:21

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

7:24
@cssunderhood о борьбе с прокрастинацией в целом, пожалуйста!

Я уделю завтра целый день этой теме. В общем борьба с напастью и к чему это может привести. twitter.com/Monoryable/sta…

7:30

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

7:53

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

7:55

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

12:13

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

16:09

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

16:13

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

16:18

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

18:25

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

19:04
@cssunderhood вопрос про адаптив — есть ли стандартный список устройств и разрешений, на которых тестируется вёрстка?

Как правило это зависит от проекта и его целевой аудитории, я использую - vk.cc/524UH1 twitter.com/romankuznecov/…

19:22

# Вторник 22 твита

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

7:44

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

7:50

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

7:52

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

7:54

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

7:57

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

8:00

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

8:04

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

8:12

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

8:13
@cssunderhood я слышал что дисциплина круче поисков мотивации. Может есть рекомендации литературы ?

Все-таки у них разные задачи. Мотивация-вдохновение, цель. Дисциплина - кнут, позволяющий добиться поставленной цели twitter.com/koderhan/statu…

8:32

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

9:51

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

12:00

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

12:02

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

12:03

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

15:38

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

15:39

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

19:06

Мои советы:

19:08

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

19:09

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

19:11

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

19:20

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

19:39

# Среда 5 твитов

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

8:38

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

9:38

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

11:12

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

11:16

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

11:20

# Четверг 9 твитов

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

7:37

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

7:39

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

7:50

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

8:01

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

8:13

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

8:40

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

8:43

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

9:03

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

9:04

# Пятница 50 твитов

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

6:37

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

6:39

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

6:40

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

6:41

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

6:43

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

6:45

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

6:45
@cssunderhood А какие выводы мы должны сделать из твоей истории? Или это был, так сказать, «Плач Ярославны»?

Интересно то, что часто сотруднику проще оставаться в зоне комфорта, чем принимать, новые условия игры twitter.com/mista_k/status…

6:47

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

6:49
@cssunderhood Так ведь наличие готовых компонентов, которые как конструктор, позволяют зарабатывать проще.

Ты абсолютно прав! К моему удивлению, я заметил, что многие вообще не думают модульно, а ведь в этом мощь разработки twitter.com/webholt/status…

6:56

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

7:09

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

7:15

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

7:16

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

7:17

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

7:33

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

7:34

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

7:37

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

7:40

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

7:41

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

7:42

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

7:44

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

7:46

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

7:47

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

7:50

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

7:51

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

7:52

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

7:54

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

7:57

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

8:12

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

8:14

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

8:16

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

8:47

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

8:53

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

11:41

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

11:43

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

11:48

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

11:56

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

12:00

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

12:03

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

12:54

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

12:57

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

12:59

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

13:02

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

13:03

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

13:06

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

13:08

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

13:12

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

13:16

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

13:30

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

18:03

# Суббота 3 твита

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

10:05

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

10:06

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

13:45

# Воскресенье 4 твита

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

16:09

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

16:35

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

16:37

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

20:06

vk.cc

other