1030801-02-2012
10308
01-02-2012
Я обратила внимание, что в первом месяце 2012 года была значительно меньше русскоязычных твитов, что несомненно связано с нашей любимой национальной забавой — продолжительными новогодними праздниками. Зато западные блоги выдавали интересные твиты в штатном режиме. А потому смотрим очередную подборку самых интересных дизайнерских, околодизайнерских и блоггерских твитов. Как всегда большое количество подборок типа best of the best в дизайне, фотографии, иллюстрации, интервью, замечательные аналитические статьи, полезные сервисы, практические уроки.
Помимо быстроты и удобства браузер Хром обладает еще и массой полезных расширений для дизайнеров и веб-разработчиков. Многими из них я с удовольствием пользуюсь. Среди моих фаворитов расширение для распознавания шрифта, определения цвета и табличка с размерами картинки. Очень интересен инструмент линейка, позволяющий измерять объекты. Расширение проверки почты от Google очень полезно и ненавязчиво. Если нужно быстро посчитать количество символов в выделенном абзаце, то пожалуйста. есть соответствующий инструмент. Также в тему придутся укорачиватель ссылок, валидатор html кода и визуальный маркер закрытых ссылок.
Этим сценарием фотошопа я пользуюсь практически постоянно, когда создаю подборки для своего сайта. В основном это касается редактирования картинок. И в данном случае пакетная обработка существенно экономит время. Для начала нам, естественно, нужен документ фотошопа, в котором будет несколько слоев. Потом через меню мы вызываем специальное диалоговое окошко, где указываем путь сохранения картинок, префикс для названия файла, выбираем тип файла (в основном это jpg) и устанавливаем уровень качества картинки. Потом запускаем скрипт и получаем готовые картинки.
Как правило, контактная форма занимает на сайте отдельную соответствующую страничку или же скромно располагается в футере. В любом случае, контактная форма — это удобное средство коммуникации и взаимодействия на сайте. В представленных ниже уроках подробно рассказано как можно разнообразить этот важнейший элемент на веб-сайте с помощью технологий HTML5 и CSS3. Все контакт формы отличаются друг от друга количеством и содержанием функциональных полей, различным оформлением на любой вкус, ну и, конечно, степенью исполнительской сложности.
Урааа! Новый Год наступил! С Новым годом, с новым счастьем, с новыми надеждами! Поднимаю праздничный бокал за вас, мои дорогие читатели! Именно ваше внимание и поддержка дает мне силы и вдохновение вести блог и задумываться о новых горизонтах. Пусть сбудутся все ваши мечты и желания, а новый год подарит вам новые проекты, море краетива, адекватных заказчиков, финансовую стабильность и заряд бодрости и оптимизма! Еще раз с наступившим 2012! Ну а для того, чтобы разбавить кулинарное изобилие и просто для праздничного настроения вот вам очередная подборка из интереснейших декабрьских твитов. ))
Давайте опять вернемся к теме собственно веб-дизайна и креатива, поскольку книжные новинки в этой области появляются с завидным постоянством. Вот и в этой подборке я собрала 10 недавно выпущенных книжек, которые сама бы хотела прочитать. Для начала давайте попытаемся разобраться с таким понятием, как интуитивный веб-дизайн. Далее нам предлагают познакомиться со 100 основными принципами дизайна. Весьма заманчиво, особенно учитывая мою любовь к изложению информации в виде нумерованных списков. Далее по заголовкам — культура креатива, тайны иллюстраторов, история дизайна, бренды, типографика и эксперименты в дизайне.
В этой подборке я собрала наиболее популярные и востребованные шаблоны, которые достаточно массово распространены в интернете. По крайней мере, я очень часто встречаю блоги, оформленные на базе этих бесплатных шаблонов. Для того, чтобы скачать первые 11 шаблонов, жмем на картинку и переходим по ссылке. На открывшейся странице ищем интересующий нас шаблон и рядом с названием видим ссылку на превью, скачивание и описание. Чтобы скачать последние 9 шаблонов, также переходим по ссылке и на открывшейся странице ищем кнопку Download. Соответственно жмем на нее и скачиваем.
Первым среди представленных CSS мануалов в этой подборке идет очень необычный анимированный эффект с текстом. Даже не верится, что запросто можно сделать такую анимированную типографику. Далее идет вполне обычная карусель из картинок с предпросмотрами. Меню-аккордеон мне очень нравится как элемент дизайна. Здесь тоже можно посмотреть, как его сделать. Следующие на очереди два вида меню с различными эффектами и эффект навигации с кругом. Больше всего мне в этой подборке нравятся анимированные кнопки с призывам подписаться. Очень неплохо смотрятся оптический zoom для картинок и текста, а также меню с динамическим маркером-магнитом.
Последняя в этом году подборка самых интересных твитов порадует нас креативными портфолио веб-мастеров и различными смешными и просто красивыми фотографиями. Достаточно много аналитический статей и интервью, что меня всегда радует. Иногда очень полезно почитать умные фразы и согласиться с умными людьми между просмотрами всяческих вкусностей в виде картинок, постеров и скриншотов. Стараниями блоггеров не упущена и тематика обучающих статей, в частности касаемых премудростей css и вордпресса. Кстати, неожиданно много твитов, касающихся выдающихся примеров типографики.
Вплывающая подсказка (tooltip) на сайте это довольно симпатичный элемент оформления. Причем внешний вид такой всплывающей подсказки можно сделать очень даже привлекательным и нетривиальным. Во-первых, можно настроить форму всплывающего контейнера, его цвет и размер. Во-вторых, можно запросто управлять содержимым всплывающей подсказки, добавляя туда различные элементы и блоки по своему усмотрению. Ниже представлены подробные мануалы как это можно сделать с помощью технологии CSS3. Каждый урок имеет наглядное демо того, что в итоге получится.
Наконец-то я реализовала свою давнишнюю мечту о том, чтобы соединить в одном месте английские и русские термины основных команд в фотошопе. Помимо словаря здесь еще представлены и основные клавиатурные сокращения команд. Термины объединены в шесть блоков, по числу основных пунктов главного меню: Файл, Редактировать, Изображение, Слои, Выделение, Фильтр. Таблица содержит перевод не только терминов первого уровня, но и второго уровня. Один из вариантов использования словаря — это распечатать картинки по блокам и иметь под рукой, ну или повесить на стенку за монитором.