3600713-02-2012
36007
13-02-2012
Засечка (Serif) — это небольшой выступ, короткий штрих у основания и в верхней части буквы или символа. Большая группа шрифтов с засечками включает в себя шрифты старого стиля, современного стиля и египетского стиля. Подробнее об этих шрифтах и особенностях их использования можно почитать в статье Классификация шрифтов в веб-дизайне. В представленной подборке есть изысканные узкие шрифты тонкого начертания, активные классические шрифты, более всего подходящие для написания заголовков, а также откровенно декоративные шрифты с различными витиеватыми засечками.
Давайте посмотрим, какие новые приемы и способы изобрели волшебники CSS3 за последнее время и как это все выглядит на практике. Сначала вдохновимся интересным эффектом с текстом, слайдшоу со всплывающими предпросмотрами и фильтрами для картинок из галереи. Потом нас порадуют замечательный эффект для превьюшек картинок, полноразмерное слайдшоу для бэкграунда и всплывающий лайтбокс для галереи картинок. Далее следуют блюр-эффект, меню с эффектом прокрутки, объемные кнопки, эффектный таймер и виджет с текущими записями.
Работы ван Гога изначально волшебны и загадочны по своей сути. Уж не знаю, связано ли это с мистикой, окутавшей имя самого художника, или он действительно обладал тайными знаниями, позволяющими рисовать удивительные картины, которые оказывают сильнейшее воздействие на зрителя. В любом случае, цвет играет здесь немаловажную роль. Завораживающий синий, психоделический желтый, многогранный серый… Давайте посмотрим, как умная автоматика справится с картинами ван Гога, предоставив нам готовые палитры с его картин в приглушенном (dull) и ярком (vibrant) вариантах.
Давайте сегодня сделаем интерфейс календаря на текущий месяц, с активной датой и навигацией для листания по месяцам. Сначала сделаем несколько прямоугольников со скругленными краям, разные по размеру и наложенные друг на друга. Применим к ним различные стили слоя. Потом с помощью текста сделаем решетку из линий для календарной сетки. Затем напишем текст с датами месяца. После этого оформим блок с названием месяца в виде ленты, загнутой за края. И в конце напишем заголовок, применим к нему стиль слоя и сделаем стрелочки навигации.
Очередная порция текстур гранжевой направленности. На сей раз это текстуры с изображением царапин, штрихов, шумов, разводов и прочей пыли. Использовать такие текстуры хорошо как вспомогательных материал состаривания основной поверхности. Достаточно такую текстуру положить сверху перекрытием, отрегулировать прозрачность слоя, и исходное изображение приобретает неповторимый гранжевый колорит, который очень выигрышно оживляет дизайн. Ниже представленные царапины в основном имеют настенное происхождение, также есть царапины на бумаге, царапины на металлической поверхности.
Как всегда на высоте широкоформатные урбанистические фотографии в качестве фона для Твиттера, как у @av24x или @DIYphotosales. Градиентная векторная геометрия делает фон @krenskiy ярким. Очень необычный подход к украшательству Твиттера замечен у @bygari. Гранжевая ветхость на фоне @inchtwitta самодостаточна в своей текстурности, а замечательные коты от @criminal_ass создают оранжево-тыквенное настроение. Элегантно оригинален узор у @Alena_Pankina, а использование иконок у @allemiko выглядит весьма креативно. Как всегда, в тренде фентези @GamefanAleks, а классика от @KSHN явно содержит в себе тематический посыл.
Сегодня я хочу вам рассказать, как в фотошопе можно за несколько шагов сделать оригинальный фоновый узор в виде расходящихся солнечных лучей. В первом способе мы будем использовать пунктирный текст, который растрируем и растянем по всему документу. Потом применим фильтр Полярные координаты и получим симпатичные солнечные лучи. Во втором способе мы воспользуемся жесткой кистью, поменяем ей режим наложения, и потом применим фильтр Радиальное размытие линейным методом. Получившийся результат больше напоминает взрыв звезды, но, в любом случае, выглядит симпатично. 
Я обратила внимание, что в первом месяце 2012 года была значительно меньше русскоязычных твитов, что несомненно связано с нашей любимой национальной забавой — продолжительными новогодними праздниками. Зато западные блоги выдавали интересные твиты в штатном режиме. А потому смотрим очередную подборку самых интересных дизайнерских, околодизайнерских и блоггерских твитов. Как всегда большое количество подборок типа best of the best в дизайне, фотографии, иллюстрации, интервью, замечательные аналитические статьи, полезные сервисы, практические уроки.
Первую подборку нового года открывает очередная версия урока о том, как из фотографии сделать реалистичный акварельный рисунок. Далее нам наглядно продемонстрирую как можно получить раздвоение личности посредством фотошопных манипуляций. Вечная тема создания свадебных шаблонов представлена в следующем уроке. С помощью достаточно несложного урока мы научимся делать эффект старого цветного фото. Как создать натуральную каменную трещину на очаровательном женском личике мы узнаем и соответствующего видеоматериала. Ну и наконец классический урок о том, как создать эффект телевизионной развертки и как грамотно нагламурить фото.
Парад иконок открывает симпатичное ассорти из винтажных иконок с различными папками, рожицами и стилизованными буквами. Потом, как воспоминание, немного новогоднего юмора в виде прожорливого Деда Мороза. Неплохо смотрятся иконки в виде кресел занимательных конструкций. А следующая подборка это вообще бриллиант. В ней представлены логотипы большинства самых известных футбольных клубов. Далее следуют обязательные социальные иконки и анималистические иконки. Ну и в заключении, на сладкое, вкусные шоколадные иконки и замечательные рисованные иконки в мультяшном стиле.
Помимо быстроты и удобства браузер Хром обладает еще и массой полезных расширений для дизайнеров и веб-разработчиков. Многими из них я с удовольствием пользуюсь. Среди моих фаворитов расширение для распознавания шрифта, определения цвета и табличка с размерами картинки. Очень интересен инструмент линейка, позволяющий измерять объекты. Расширение проверки почты от Google очень полезно и ненавязчиво. Если нужно быстро посчитать количество символов в выделенном абзаце, то пожалуйста. есть соответствующий инструмент. Также в тему придутся укорачиватель ссылок, валидатор html кода и визуальный маркер закрытых ссылок.