Мысли о программировании, жизни и христианстве.

Позднее Ctrl + ↑

Как я веду этот блог или немного о «Мамочке»

Я веду этот блог по системе, которую я назвал «Мамочка» (почему, думаю, станет понятно из её описания). Это не коммерческий блог, поэтому я не загоняюсь и не рву жилы. Есть конечно напоминание в Things, которое периодически выскакивает, но именно как напоминание, а не задача. Я сознательно стараюсь не привязываться к сериям публикаций, которые завязаны на днях недели («Пятничное видео», «Почитать на выходных», «Трудный понедельник» и т. п.), чтобы не быть связанным. Но хватит слов. Итак, представляю вам систему ведения блога «Мамочка»!

Зачатие

На ум приходит очередная тема для публикации, которая рождается в процессе чтения, необходимости (часть публикаций собираюсь собрать в курсы), размышлений или сёрфинга по сайтам. Я её заношу в черновики блога и даю первичное описание того, о чём хочу написать.

Вынашивание

На этом этапе происходит сбор материала для публикации. Длится он достаточно длительный период (не 9 месяцев конечно!). Я вношу в черновик статьи ссылки по теме, куски цитат, свои мысли и другую информацию, которая поможет сформировать публикацию. На этом этапе я выбираю стиль написания, оформление и другие составляющие статьи.

Рождение

Когда я считаю количество набранного материала достаточным, я оформляю все собранные кусочки в единое целое — статью, которую опубликовываю. Стараюсь её вычитать и отредактировать. Подобрать или нарисовать иллюстрации, если они не были найдены на предыдущем этапе (если они нужны).

Воспитание

Обновления и исправления — это заключительный этап. Несмотря на мои старания при рождении статьи, проскакивают ошибки или мне не нравятся некоторые предложения. Приходится возвращаться и править. Некоторые публикации обновляются при получении новой информации. Не все «дети» в этом нуждаются, но таковые встречаются.

В принципе, при недолгой работе копирайтером я пользовался этой же методикой. Единственное различие в том, что она была жёстко привязана ко времени. Срок «вынашивания» был зафиксирован и «зачатие» происходило принудительно. Можно назвать систему при копирайтинге (барабанная дробь) «Суррогатная мамочка»!

P.S. На данный момент я вынашиваю 11 публикаций. Кто больше?

Десяток афоризмов для дизайнеров №4

  1. Лучший способ решить, чем заняться — это подумать о том, чего бы вам хотелось достичь, но ещё не сделано, и потом сделайте это. Создавайте картины, на которые вы сами хотели бы смотреть, музыку, которую хотели бы слушать, пишите книги, которые хотели бы прочитать. © Остин Клеон
  2. А в дизайне законов нет. Не было и не будет. © Артемий Лебедев
  3. Пусть клиент и король, но он точно не арт-директор. © Вон Глитчка
  4. Хорошие дизайнеры редко становятся хорошими рекламистами, поскольку они увлекаются внешней красотой и забывают о продаже продукта. © Джеймс Рэндольф Адамс
  5. Вы начинаете как копия, а затем становитесь оригиналом. © Гленн О’Брайен
  6. Лучшие идеи рождаются из шуток. Старайтесь всегда мыслить с юмором. © Дэвид Огилви
  7. Модные дизайнеры — диктаторы вкуса. © Карл Лагерфельд
  8. Если над телячьим филе полдня трудилась команда поваров это не значит, что оно вкуснее чизбургера. © Оливер Рейченстейн
  9. Я начинал как дизайнер, а дизайнер разрабатывает дизайн, упаковку, брендинг — все. И мы не пользуемся услугами консультантов. Признаюсь, я терпеть не могу консультантов. © Джеймс Дайсон
  10. Дизайн — это безмолвный представитель вашего бренда. © Пол Рэнд

Секреты статьи для пиара блога

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

  1. Переход на личности. Вы берете и начинаете наезжать на известную или спорную личность и её поступки. Тут же у ряда людей возникает своё мнение (в защиту личности или в вашу поддержку) и они начинают комментировать и пиарить вашу публикацию и блог среди друзей.
  2. Написать на злобу дня. Выбираете актуальную сейчас тему и пишите своё мнение. Мнение желательно уникальное или (при неспособности к уникальности) в пику хоть кому-то. Читаете гневные комменты обоих сторон и радуетесь посещаемости блога.
  3. Уникальность темы. Подбираете полезную для людей тему с одним условием... О ней никто ещё не писал! Дело трудное, но возможное. Труда много, но результатом таких публикаций будет стабильная и активная аудитория.
  4. Высокий слог. Это высший пилотаж! Найти свою уникальную форму изложения в публикациях, которая будет привлекать читателя.
  5. Спорная тема. Берём любую изначально спорную тему и пишем о ней. Тема может быть древней как мир, но все ещё волнующая умы читателей. Яйцо или курица?
  6. Предоставляете возможность высказаться. Многие блоги сделали себе имя будучи нейтральной площадкой для дебатов противников или предоставив возможность высказаться тому, чьё мнение замалчивалось и игнорировалось. Возьмите интервью и опубликуйте!
  7. Душа наизнанку. Ещё одна возможность привлечь читателей в том, чтобы вывернуть свою душу наизнанку. Писать то, о чем стыдливо молчат. Глубинные переживания всегда находят отклик у читателя.
  8. Серия из жизни. Популярностью пользуются блоги в которых авторы рассказывают о своей жизни. Мои путешествия. Строительство дома. Как я решил научиться ... (вставляем любой глагол).
  9. Писать по существу. (Спасибо Андрею!) Среди обилия контента привлекают публикации без лишнего словоблудия, которые дают чёткие ответы на вопросы. Не зря Чехов написал, что «краткость — сестра таланта».

P.S. Чувствую, что секретов должно быть 10. Что я забыл?

Цветовая схема для сайта

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

Paletton — конструктор цветовых схем, который имеет массу инструментов (цветовое колесо, цвета с лучшей совместимостью, триадные цвета и т. д.), чтобы помочь вам собрать цветовую схему. Есть возможность посмотреть результат на тестовой странице сайта и сохранить его в CSS, LESS, HTML и ещё куче форматах.

Design Seeds — является отличной отправной точкой для поисков. На этом проекте периодически публикуются различные цветовые схемы, которые могут пробудить ваше воображение. Вы можете искать подходящую схему по темам, цветам и другим параметрам.

Adobe Kuler — об этом инструменте уже написано многое. Добавлю только что им можно пользоваться на русском языке и есть возможность создать цветовую тему из загруженной картинки (логотипа или центральной иллюстрации с сайта).

Сolourcode — классный инструмент с интересной логикой работы. Выбираете понравившийся цвет водя курсором по экрану и строите цветовые схемы относительно его. Результат сохраняем в картинку, SCSS или LESS.

Дополнительные материалы:
Гармония цвета — основные правила сочетания цветов
(en) Four Quick Tips For Improving Color Harmony In Your Theme Customizations
(en) Best Color Tools For Web Designers — целая куча инструментов для создания цветовых схем.
Цветовые схемы в веб-дизайне: шесть советов для начинающих

Пролетевший июль и прилетевшие мысли

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

Во-первых, закон сохранения энергии никто не отменял. Чем энергичнее «отдыхаешь», тем больше устаёшь.
Во-вторых, при смене деятельности должен быть яркий контраст между делами. Поковырял сайт? Теперь иди танцуй или копай огород!
В-третьих, эмоциональная удовлетворённость от отдыха должна перевешивать все его трудности.

Я оцениваю свой отпуск на четвёрку. Почему? Потому что в его процессе я сильно переключился на иную деятельность и упустил основную. Забросил блог. Не разобрался (как планировал) с Angular.JS. Не прочитал ни одной профильной книги (одна художественная литература). А ведь постоянство и регулярность — это две ступени ракетоносителя успеха.

С другой стороны...

Первые две недели отпуска я был наставников в детском лагере. И если мне удалость вложить в пацанов хоть немного добра, любви, уважения и здоровья, то этот вклад в будущее неоценим. Оставшееся время я был у родителей и помогал им с ремонтом приобретённой квартиры. Штукатурил, ставил двери, тянул электрику и совершал кучу другой строительной деятельности. Кто сказал, что веб-работник = Шелдон? Это Россия, детка! У нас люди могут и умеют практически всё! Итак, кто же должен помогать родителям? Очевидный ответ. Конечно можно было приехать и помочь им деньгами, но ещё лучше дать денег и поработать.

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

P.S. В процессе написания возник вопрос. А как вы отдыхаете, дизайнеры и кодеры?

Десяток афоризмов для дизайнеров №3

  1. Дизайн — это трудная последовательность компромиссов. © Джоэл Спольски
  2. Креатив — не то ремесло, где ты должен оправдывать свою зарплату; это такое ремесло, где твоя зарплата оправдывает тебя. © Фредерик Бегбедер
  3. Дизайн не надо обсуждать, он является решением поставленной задачи. Обсуждать можно только одно: решена задача или нет. © Артемий Лебедев
  4. Если ваша компания не заинтересована в дизайне, она бессмысленна. Все имеет форму. И если что-то имеет форму, значит, оно имеет смысл. Вы вынуждены создавать дизайн. Но дизайн — это не только форма. Дизайн — это также функциональность, себестоимость, стиль жизни и ее продолжительность. © Кьелл Нордстрем и Йонас Риддерстрале
  5. Дизайн — это правда, любовь и красота и, главное, индикатор того, имеет ли данный бизнес сенсационную стратегию, или его подход такой же, как и у всех остальных. © Кьелл Нордстрем и Йонас Риддерстрале
  6. Хороший дизайн последователен, вплоть до мельчайших деталей. © Дитер Рамс
  7. Дизайн есть смысл. © Крис Бангл
  8. Дизайн говорит о продукте все. © Дитер Рамс
  9. Упаковка важна так же, как и продукт. Иногда даже важнее. © Джек Траут
  10. Если вы не знаете, кто вы и для чего живете или во что верите, практически невозможно заниматься творчеством. © Рэйн Уилсон

Бюджетные мониторы и дизайн сайтов

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

Исходные данные:

Нормально (немного лести) выглядевший на MacBook Pro Retina и iPad Mini Retina сайт, ужасен на на «стареньком» мониторе Acer 22″.

Причины изменений:

  • Изменение цветопередачи.
  • Увеличенная пикселизация.
  • Меньшая яркость.
  • ...

У всех же был когда-то монитор или ноутбук с бюджетной матрицей? Вспомнили?

Результаты:

  • Слова тонким шрифтом в меню смазались с фоном и стали нечитабельны.
  • Тонкие серые линии превратились в «пунктирные».
  • ...

Вот сижу и думаю, что нужно учитывать в дизайне при использовании пользователями старых или бюджетных мониторов. Может и не стоит думать?

Что скажете, дизайнеры? Не пора ли в хозяйстве бюджетный монитор заводить?

ОБНОВЛЕННО (20.01.2015): Зачем веб-дизайнеру старый монитор?

О социальных кнопках

Напрягает, когда прочитав статью тебе необходимо скролить в её начало в поиске социальных кнопок. Ещё напрягает их скрытость или отсутствие. В каком веке существует блог или ресурс?
Итак, где должны в статьях быть расположены социальные кнопки? Ответ банален. В начале статьи и в её конце. В начале для тех, кто уже уверен в том, что публикацией нужно поделиться. В конце для тех, кто прочитал публикацию и решил ею поделиться. Вариант со скользящими по странице социальными кнопками тоже подойдёт.
Какие социальные сети наиболее востребованы? Для меня это «Фейсбук», «ВКонтакте», «Твиттер» и «Гугл+». В дизайнерских блогах можно добавить возможность запинить картинки в «Принтерест» или опубликовать в «Тамблер», а в обучающих возможность отправить статью в «Покет» (хотя чаще пользуюсь приложениями к браузерам). «Однокласники» и «Мой мир», на мой взгляд, в конце списка (именно в такой последовательности).
Если вы не можете вставить кнопки взяв их с интересующих вас социальных сетей, то воспользуйтесь сервисами, которые позволяют вставить их достаточно просто. При этом выбрать нужные социальные сети и вид кнопок.

Сервисы социальных кнопок:
PLUSO
share42.com
Social Likes
AddThis
Лайкли
Ridiculously Responsive Social Sharing Buttons

P.S. Если вы знаете другие сервисы поделитесь ими.

Не будь копией!

Прочитал некоторое время назад книгу Клеона Остина «Кради как художник.10 уроков творческого самовыражения». Книга понравилась, но... Есть в опасность в слепом следовании некоторым советам из неё (как и при любом слепом следовании).

Опасность заключается в том, что некоторые так и остаются копией. Вор остаётся вором! Трудно найти ту границу, которая отделяет вас от вашего источника вдохновения. Ту, перейдя которую, вы найдёте и выразите свою индивидуальность. И хотя Остин об этом частично говорит (его книгу я воспринимаю как руководство к выходу из творческого тупика), он не делает на этом яркого акцента. А ведь копия всегда будет хуже оригинала!

«Нет ничего оригинального. Об этом было сказано еще в Библии: „Что было, то и будет; и что делалось, то и будет делаться, и нет ничего нового под солнцем“ (Экк 1:9). В любом новом проекте смешаны элементы старых идей или просто изменяется одна из них.» © Остин Клеон

Насколько я понял прочитанное, в его представлении индивидуальность — это естественный процесс, так как мы не сможем полностью воспроизвести оригинальную работу. Может у художников и так, но ⌘C и ⌘V убирают всякую индивидуальность! Я не о том, что иначе сделать невозможно. Я понимаю, что невозможно изменить алгоритмы некоторых действий и мы просто следуем за первопроходцами, но... Что мешает нам идти спиной вперёд?

Подчас мы боимся сделать что-то не так как другие. Мы начинаем использовать популярные движки, однотипные шаблоны и стандартные шрифты. И вслед за преследованием моды, мы теряем способность сделать что-то не так. Начинаем бояться самостоятельных шагов и попадаем в колею подобия привычных решений. Воспользовавшись воровством копированием один раз (даже в стеснённых обстоятельствах горящих проектов) мы можем привыкнуть к лёгкому пути достижения результатов и потерять индивидуальность. И хотя мы действительно можем не создать ничего нового под солнцем, но есть какое-то особое чувство в том, что ты можешь сказать: «Я сделал это сам!»

Десяток афоризмов для дизайнеров №2

  1. Хороший дизайн виден сразу. Отличный дизайн незаметен. © Джо Спарано
  2. Углубляйтесь дальше, чем остальные, — только так вы окажетесь впереди. © Остин Клеон
  3. Даже мирное слово «дизайнер» казалось сомнительным неологизмом, прижившимся в великом русском языке по лингвистическому лимиту, до первого серьезного обострения международной обстановки. © Виктор Пелевин
  4. Люди игнорируют дизайн, который игнорирует людей. © Химеро
  5. Сделайте хороший проект, и поместите туда, где люди смогут его увидеть. © Остин Клеон
  6. Дизайн — это не то, как предмет выглядит, а то, как он работает. © Стивен Пол Джобс
  7. Мы не знаем, что такое дизайн, но мы будем делать это в любом случае. © Токуджин Йошиока
  8. Хороший дизайнер скажет: правильное сочетание ясности, простоты и функциональности даст красивую оболочку. © Якоб Нильсен
  9. Хороший дизайн не может скрепить разваливающуюся бизнес-модель. © Джеффри Вин
  10. Красиво оформленное глупое предложение пойдет намного дальше, чем неудачно оформленная замечательная идея. © Скотт Адамс
Ранее Ctrl + ↓