В какие дни недели и часы максимальная продуктивность?

Todoist прислал любопытную статистику. За 2019 год я выполнил 3045 задач. Это примерно 8 в день.

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

Что касается личной эффективности в течение суток, то очевидно, максимально погружённым в задачи я оказывался в середине дня, с 15:00 до 18:00. 

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

Теперь нужно научиться максимально чётко отделять важное от второстепенного. А подробнее про планирование, проекты и работу в Todoist будет отдельный пост.

38 место в рейтинге студий Петербурга

CMSmagazine СА-дизайн

Добавили последние работы и наконец вышли на первую страницу Рейтинга CMSmagazine. Я по-прежнему ищу крутых дизайнеров, иллюстраторов, технологов, программистов, менеджеров, маркетологов, seo-специалистов. Хотите работать вместе? Напиши мне: sa@sadesign.ru

Планы эвакуации

Когда смотришь на некоторые планы эвакуации, кажется, что их рисовали вовсе не люди и точно не для людей. Больше всего их любят импортировать откуда-нибудь из автокада: вроде как максимально точный чертёж помещения. Но подходит ли этот чертёж для того, чтобы обычный человек без специального образования понял, где он находится, как устроено здание и куда бежать?

Между тем, есть и свои тонкости. С 2010 года по ГОСТу планы эвакуации следует выполнять на фотолюминесцентных материалах. Минимальный размер планов 40 х 30 см. Высота шрифта не менее 5 мм. Символы должны быть размером от 5 до 18 мм. Указано даже то, как эти значки должны выглядеть. На деле же вообще хорошо, если повесят огрызок, напечатанный чёрно-белым принтером на листе A4, а то могут и ничего не повесить.

Ни в одном плане, что я видел не указано, как звонить пожарным с мобильного телефона. Везде только 01. У нас в офисе, например, вообще нет городского телефона. Дома я тоже не пользуюсь городским. Много ли людей знают, что с мобильного о пожаре нужно звонить по телефону 112? А из тех кто слышал об этом краем уха, многие ли вспомнят этот номер в панике, когда дорога каждая секунда?

У меня давно была мечта нарисовать план эвакуации и вот первый заход:

MyStupidDay или чем заняться на работе

Пришёл такой Олег и говорит: надо делать бомбу для офисного планктона. Фишкинет приелись, Вконтакте уже не тот, юпорн закрыт админом, башорг в печёнках сидит. Люди в офисах скучают, засыпают. Чем заняться нормальному человеку? Сколько там ещё до конца рабочего дня? А до пятницы?

Встречайте «Мой любимый день». Даст ответы на все ваши вопросы. Сайт создан с нуля за 2 дня.

MyStupidDay —  Следи за временем

От себя только добавлю, что сайт свёрстан на html5 практически без картинок: все тенюшки и градиенты сделаны на css. А если вы их не видите, то удалите ваш браузер и поставьте Файрфокс. В скором будущем: переводы на все мировые языки. Возможность отслеживать, сколько дней осталось до весны, до лета, до дня рождения, до отпуска, до зарплаты... Ждём ваших идей.

Анекдот от СЕОшников

Заходит как-то SEO-специалист в бар, ресторан, купить алкогольные напитки, клубы, лучшие бары в Санкт-Петербурге, заказать банкет в ресторан. 

Вывоз мусора, вывоз мусора.

Как правильно писать почтовый адрес

Не все знают, как правильно писать почтовый адрес. Достаточно соблюдать несколько несложных правил:
1. Всё что отправляется внутри России, подписывается по-русски. Для международных отправлений необходимо использовать латиницу.
2. Адресат пишется в правой нижней части. Отправитель — в левой верхней части.
3. Последовательность написания адреса:
  а) Кому (ФИО, организация);
  б) Улица, дом, квартира;
  в) Город, район, область, край;
  г) Страна (если в другую страну);
  д) Индекс.

Правильное написание адреса на примере одной из последних работ — фирменного стиля интернет-магазина женских аксессуаров:

Интернет-магазин женских аксессуаров

Поимённо

И только потом, по прошествии немалого времени, начинаешь ценить какие-то этапы своей жизни, которые тогда казались совсем неважными и мимолётными. Спасибо Любе и Оле за то, что когда-то заставили меня принять участие в благотворительном проекте «поимённо».
http://sadesign.ru/portfolio/poimenno/ — страница диска «Поимённо» в моём портфолио.

Рабочее. Итоги 2011

Hotel-inn - система бронирования гостиниц

Стом.ру - российский стоматологический портал

Всё ещё подводя итоги.
Весь прошлый год мы с Олегом усердно трудились над двумя большими проектами: системой бронирования гостиниц и российским стоматологическим порталом. Время покажет, но надеемся, что не зря, сайты получились хорошие. Бета-версии уже в сети. Теперь главное, чтобы владельцы их не забросили.
Освоили и успешно применяли систему контроля версий «Меркуриал», ели пиццу, играли в дартс и делали много других интересных вещей. 
Работы, выполненные за последние годы наконец появились в портфолио. Их количество, неожиданно для меня самого, увеличилось с 19 до 62.
Блог потихоньку переехал ко мне на сайт. Но, спешу всех успокоить, asanov.жж остался и никуда не денется.

Отступ в ячейке таблицы у изображений при вёрстке на html5

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

<table>
    <tr><td style="background:yellow;"><img src="0.gif" height="80" /></td></tr>
</table>

Высота ячейки 85px вместо предполагаемых 80. Откуда взялся отступ 5px?

Аналогичное явление происходит при вёрстке в режиме strict. Cтоит только сменить доктайп на классический html4 transitional, сразу всё отображается привычно. 

Я решил задать вопрос гуру. Сергей Чикуёнок, ни секунды не задумываясь, ответил, что это достаточно стандартная проблема.
<img> — инлайновый элемент, который по умолчанию выравнивается по базовой линии (которая выше, чем конец строки), поэтому и появляется отступ. Чтобы избавится от него, нужно прописать картинке display:block

Открытие портфолио в первый день лета

Свершилось: s.a.design

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

Следуя незыблемому правилу «Сапожник без сапог», много лет подряд я только и мечтал о том, чтобы у меня появилось время сделать себе нормальный сайт. Вдохновившись новейшми веяниями интернет-индустрии, я собрался с силами и обуздал HTML5, со множеством его возможностей, наподключал повсюду своих шрифтов, чтобы вы наконец смогли посмотреть, чем я занимался все предыдущие годы. Спасибо всем кто верил в меня и особенно тем, кто не верил. И конечно Олегу Григорьеву, особенно за реализацию моей кнопочки «Контакты». Как показывает практика, даже великие дизайнеры могут ошибаться, и контакты бывают не только в радиоприёмнике, но и на моём сайте.

Отдельно хотелось бы написать о том, как «повезло» пользователям Оперы. 
@font-family (подключение шрифтов), к сожалению, в этом браузере реализован настолько криво, что по сравнению с ним в рейтинге «Самый убогий браузер» злосчастный Интернет Эксплорер тихо курит в сторонке. Пришлось в некоторых местах использовать специальные хаки. Частично помогло.

Вёрстка 2010

Cтандарт HTML5, который так долго ждут разработчики, набирает обороты. Браузер IE6 теряет позиции с каждым днём. Всё логично. Добро рано или поздно должно победить зло.

На прошлой неделе Adobe добавила в Dreamweaver поддержку HTML5 и CSS3. Уже можно скачать специальный плагин для Dreamweaver CS5 — HTML5 Extension Pack и наслаждаться:

html5

Но главное, что произошло в вёрстке за последние полгода — это конечно Zen coding. Теперь даже моя бабушка верстает сайты быстрее вас! Сергей Чикуёнок и Вадим Макеев — большие молодцы. По-моему, это гениально. Посмотреть как это работает можно в этом видео:

Если коротко, то стоит написать:

div#content>ul.nav>li*5>a

И нажать Ctrl+, как вы получите:

<div id="content">
   <ul class="nav">
      <li><a href=""></a></li>
      <li><a href=""></a></li>
      <li><a href=""></a></li>
      <li><a href=""></a></li>
      <li><a href=""></a></li>
   </ul>
</div>

Страница проекта ZenCoding
Там же можно абсолютно бесплатно скачать плагины для вашего любимой программы вёрстки, в том числе для NotePad++ и Dreamweaver.

Красивый html

Верстаю конечно не каждый день, но тем не менее. Столько лет пользуюсь Дримвевером, а только вчера открыл замечательную кнопочку Apply Source Formatting, которая вмиг формирует отступы и переносы и грамотно форматирует любой код. А любой программист вам скажет, красиво написанный код — половина успеха.

Футбольное

Слава богам! На офсайте «Зенита» появилась фавиконка 
Вот теперь их можно по-человечески добавить в избранное.
А мы сейчас вновь работаем над проектом фанов краснодарской «Кубани», который по итогам 2009 года получил главный приз «Золотой паутины» в номинации «Лучший сайт болельщиков спортивной команды». Будет много футбольной статистики, больше интерактивности и других интересных штук.
Кто-то упорно продолжает глумиться над «Аланией». Сначала «Москву» отправили в лучший мир, а вслед за ними и «Крылья». Правда, скорее всего, и те и другие останутся в Премьер-Лиге и спонсоры найдутся. Но знало бы руководство владикавказцев, что перед ними замаячит, ещё бы десять раз подумали, прежде чем распродавать весь состав и выгонять главного тренера.