Дизайн

Функциональность важнее формы: проектируя для читателя

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

/ c

Функциональность важнее формы: проектируя для читателя

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

/ c

uiFaces

Finding sample avatars for interface design can be super annoying. To use, adjust the avatar grid however you like, and take a screenshot. http://uifaces.com/

/ c

uiFaces

Finding sample avatars for interface design can be super annoying. To use, adjust the avatar grid however you like, and take a screenshot. http://uifaces.com/

/ c

Типы адаптивных макетов

С каждым днем появляется все больше сайтов с адаптивной версткой. При проектировании такого дизайна первое, о чем задумывается разработчик — это общее представление контента на устройствах с разным размером экранов. В этой статье я описал некоторые типы (layouts) адаптивных макетов. Резиновый

/ c

Типы адаптивных макетов

С каждым днем появляется все больше сайтов с адаптивной версткой. При проектировании такого дизайна первое, о чем задумывается разработчик — это общее представление контента на устройствах с разным размером экранов. В этой статье я описал некоторые типы (layouts) адаптивных макетов. Резиновый

/ c

Perfect Full Page Background Image

The goal here is a background image on a website that covers the entire browser window at all times. Let’s put some specifics on it: Fills entire page with image, no white space Scales image as needed Retains image proportions

/ c

Perfect Full Page Background Image

The goal here is a background image on a website that covers the entire browser window at all times. Let’s put some specifics on it: Fills entire page with image, no white space Scales image as needed Retains image proportions

/ c

Сглаживание веб-шрифта при помощи CSS3

Посмотреть этот фокус via http://habrahabr.ru/post/154465/

/ c

Сглаживание веб-шрифта при помощи CSS3

Посмотреть этот фокус via http://habrahabr.ru/post/154465/

/ c

WebFont.ru — сайт со шрифтами

Webfont.ru — это сайт со шрифтами, созданный для дизайнеров и веб-разработчиков. На сайте представлено около 50 бесплатных шрифтов в 150 начертаниях, которые можно скачать или подключить на время работы над проектом. Автор сайта, являясь разработчиком и понимая потребности коллег, попытался

/ c

WebFont.ru — сайт со шрифтами

Webfont.ru — это сайт со шрифтами, созданный для дизайнеров и веб-разработчиков. На сайте представлено около 50 бесплатных шрифтов в 150 начертаниях, которые можно скачать или подключить на время работы над проектом. Автор сайта, являясь разработчиком и понимая потребности коллег, попытался

/ c

Как гибко сверстать текст на подложке?

Источник: http://artgorbunov.ru/bb/soviet/20120621/ Самый компактный способ: <style> p.ap-example { font-family: Arial, sans-serif; font-size: 20px; line-height: 24px; }   .bg-1 { color: #fff; background: #8e43ff; padding: 1px 0; outline: #8e43ff solid 7px; } .bg-1 span { position: relative; } </style>   <p

/ c

Как гибко сверстать текст на подложке?

Источник: http://artgorbunov.ru/bb/soviet/20120621/ Самый компактный способ: <style> p.ap-example { font-family: Arial, sans-serif; font-size: 20px; line-height: 24px; }   .bg-1 { color: #fff; background: #8e43ff; padding: 1px 0; outline: #8e43ff solid 7px; } .bg-1 span { position: relative; } </style>   <p

/ c

Принцип цикады и почему он важен для веб-дизайнеров

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

/ c

Принцип цикады и почему он важен для веб-дизайнеров

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

/ c

Brushed Metal style button in CSS3

The texture is done by using 3 repeating-gradients with different length.

/ c

Brushed Metal style button in CSS3

The texture is done by using 3 repeating-gradients with different length.

/ c

Плагин, конвертирующий стили фотошопа в код css

css3ps.com Работает как вебсервис, от того время ожидания результата работы 30 секунд. 1) Качаем плагин под нужную версию фотошопа, открываем через windows->extensions->css3ps; 2) рисуем шейп, накладываем стили, отправляем на сервер через расширение; 3) ждем 30 секунд, смотрим на результат. Естественно,

/ c

Плагин, конвертирующий стили фотошопа в код css

css3ps.com Работает как вебсервис, от того время ожидания результата работы 30 секунд. 1) Качаем плагин под нужную версию фотошопа, открываем через windows->extensions->css3ps; 2) рисуем шейп, накладываем стили, отправляем на сервер через расширение; 3) ждем 30 секунд, смотрим на результат. Естественно,

/ c