Дизайн
Функциональность важнее формы: проектируя для читателя
С ростом популярности веб-гарнитур и общедоступных сервисов по работе с ними, а также уже готовых к использованию наборов шрифтов, типографика возвращает себе титул королевы всея дизайна, графики и веб-проектирования.
Функциональность важнее формы: проектируя для читателя
С ростом популярности веб-гарнитур и общедоступных сервисов по работе с ними, а также уже готовых к использованию наборов шрифтов, типографика возвращает себе титул королевы всея дизайна, графики и веб-проектирования.
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/
Типы адаптивных макетов
С каждым днем появляется все больше сайтов с адаптивной версткой. При проектировании такого дизайна первое, о чем задумывается разработчик — это общее представление контента на устройствах с разным размером экранов. В этой статье я описал некоторые типы (layouts) адаптивных макетов. Резиновый
Типы адаптивных макетов
С каждым днем появляется все больше сайтов с адаптивной версткой. При проектировании такого дизайна первое, о чем задумывается разработчик — это общее представление контента на устройствах с разным размером экранов. В этой статье я описал некоторые типы (layouts) адаптивных макетов. Резиновый
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
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
Сглаживание веб-шрифта при помощи CSS3
Посмотреть этот фокус via http://habrahabr.ru/post/154465/
WebFont.ru — сайт со шрифтами
Webfont.ru — это сайт со шрифтами, созданный для дизайнеров и веб-разработчиков. На сайте представлено около 50 бесплатных шрифтов в 150 начертаниях, которые можно скачать или подключить на время работы над проектом. Автор сайта, являясь разработчиком и понимая потребности коллег, попытался
WebFont.ru — сайт со шрифтами
Webfont.ru — это сайт со шрифтами, созданный для дизайнеров и веб-разработчиков. На сайте представлено около 50 бесплатных шрифтов в 150 начертаниях, которые можно скачать или подключить на время работы над проектом. Автор сайта, являясь разработчиком и понимая потребности коллег, попытался
Как гибко сверстать текст на подложке?
Источник: 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
Как гибко сверстать текст на подложке?
Источник: 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
Принцип цикады и почему он важен для веб-дизайнеров
Пару лет назад я прочитал интересные факты о жизненном цикле периодических цикад. Обычно мы не видим вокруг себя много этих насекомых, потому что бóльшую часть своей жизни они проводят под землёй и тихо сосут корни растений. Однако, в зависимости от
Принцип цикады и почему он важен для веб-дизайнеров
Пару лет назад я прочитал интересные факты о жизненном цикле периодических цикад. Обычно мы не видим вокруг себя много этих насекомых, потому что бóльшую часть своей жизни они проводят под землёй и тихо сосут корни растений. Однако, в зависимости от
Brushed Metal style button in CSS3
The texture is done by using 3 repeating-gradients with different length.
Brushed Metal style button in CSS3
The texture is done by using 3 repeating-gradients with different length.
Плагин, конвертирующий стили фотошопа в код css
css3ps.com Работает как вебсервис, от того время ожидания результата работы 30 секунд. 1) Качаем плагин под нужную версию фотошопа, открываем через windows->extensions->css3ps; 2) рисуем шейп, накладываем стили, отправляем на сервер через расширение; 3) ждем 30 секунд, смотрим на результат. Естественно,
Плагин, конвертирующий стили фотошопа в код css
css3ps.com Работает как вебсервис, от того время ожидания результата работы 30 секунд. 1) Качаем плагин под нужную версию фотошопа, открываем через windows->extensions->css3ps; 2) рисуем шейп, накладываем стили, отправляем на сервер через расширение; 3) ждем 30 секунд, смотрим на результат. Естественно,