Продолжаю сентябрьскую подборку новых полезных штук для веб-дизайнеров.
Сервисы и инструменты
Cut&Slice me — бесплатный плагин для фотошопа, который помогает быстро готовить элементы дизайна для различных типов устройств.
Рубрика «веб-дизайн» - 116
Новое для веб-дизайнера за октябрь 2012
2012-10-31 в 20:03, admin, рубрики: css, psd, веб-дизайн, Веб-разработка, плагины, сервисы, шрифты, метки: psd, веб-дизайн, плагины, сервисы, шрифты
анимированное облако тегов на css3
2012-10-31 в 14:21, admin, рубрики: css, CSS3 animation, livejournal, веб-дизайн, метки: CSS3 animation, livejournalЗахотелось моей половинке анимированное облако тегов в ЖЖ. Казалось бы, в сети полным-полно вариаций на эту тему: крутящихся, интерактивных, выбирай любое. Но всё это богатство либо на javascript, либо на flash. И прикрутить это к журналу нельзя (стандартный аккаунт, про платные не в курсе).
Нужно было вращающееся облако тегов, написанное на чистом css3. Сразу оговорюсь, решить задачу удалось лишь частично. Попытки что-то лучшее найти не увенчались успехом, в свое время даже публиковал вопрос на Хабре.
Читать полностью »
26 CSS-фреймворков для адаптивного веб-дизайна
2012-10-30 в 20:46, admin, рубрики: css, css-фреймворк, адаптивная вёрстка, веб-дизайн, Веб-разработка, метки: css-фреймворк, адаптивная вёрсткаЗаметил, в последнее время на любое упоминание Twitter Bootstrap, минимум один человек отмечает, что «слишком много его стало». Большинство все устраивает, но некоторым он уже приелся и они хотят чего-то нового. Поэтому решил написать статью со сборником из 26 css-фреймворков, думаю каждый сможет найти что-нибудь для себя. Заодно сделаем интернет разнообразнее.
30 CSS-фреймворков для адаптивного веб-дизайна
2012-10-30 в 20:46, admin, рубрики: css, css-фреймворк, адаптивная вёрстка, веб-дизайн, Веб-разработка, метки: css-фреймворк, адаптивная вёрсткаЗаметил, в последнее время на любое упоминание Twitter Bootstrap, минимум один человек отмечает, что «слишком много его стало». Большинство все устраивает, но некоторым он уже приелся и они хотят чего-то нового. Поэтому решил написать статью со сборником css-фреймворков, думаю каждый сможет найти что-нибудь для себя. Заодно сделаем интернет разнообразнее.
Metro User Interface: Описание и примеры Веб Дизайна
2012-10-30 в 9:38, admin, рубрики: metro ui, microsoft, Windows 8, веб-дизайн, метки: metro ui, microsoft, web-design, Windows 8 
Новый интерфейс в стиле Metro является ключевой особенностью мобильной ОС Windows Phone 7. Но не только её одной: уже сейчас ясно, что этот пользовательский интерфейс, будет используется Microsoft во всех продуктах, в том числе и во флагманской Windows 8. Таким образом, интерфейс Metro так или иначе будет существовать в течение длительного времени, и это стоит того, чтобы познакомиться с ним поближе.
В этой статье мы остановимся на интерфейсе: принципы его работы, сетка, структура и основные элементы.
Читать полностью »
Вышел Twitter Bootstrap 2.2.0
2012-10-30 в 6:33, admin, рубрики: Bootstrap, css, веб-дизайн, Веб-разработка, метки: bootstrap 
Вышла новая версия популярного CSS-фреймворка Twitter Bootstrap.
Из нового:
- Четыре новых темплейта: marketing page, форма входа, sticky-футер и карусель
- Новые компоненты для комментариев, твитов и др.
- Масштабирование типографики с помощью @baseFontSize и @baseLineHeight
- Обновленные отступа (padding) для некоторых элементов — инпутов и кнопок
- Исправлены ошибки с z-index для всплывающих подсказок и поп-оверов
- Обновление до jQuery 1.8.1
- Добавлен файл Contributing.md
- Установка с помощью Читать полностью »
Подбор типографики для сайта
2012-10-29 в 16:53, admin, рубрики: веб-дизайн, дизайн, типографика, шрифты, метки: дизайн, типографика, шрифты Выбор типографики для сайта почти настолько же важен, как сам дизайн. Он не только помогает посетителю лучше понять содержание вашего сайта, а также создает определенное настроение. Так как в этом плане подбор шрифта — вещь очень субъективная, существует много «правильных вариантов». Но на самом деле выбор типографики не так сложен, как может показаться!
Читать полностью »
Генератор CSS анимации CSSLoad.net V2 запущен
2012-10-29 в 9:28, admin, рубрики: ajax, css, css animation, jquery, веб-дизайн, Веб-разработка, загрузка, метки: ajax, css animation, jquery, preloader, загрузка 
Немало комментариев от хабра получили мы при запуске проекта CSSLoad.net. Мы обещали много и сделали практически все… Правда не сразу. Причиной тому была постоянная зачистка, доработка и добавление шаблонов наш генератор анимированных GIF и APNG для AJAX — Preloaders.net (опять же по запросам хабра). Но, собравшись с силами, мы наконец взялись и за CSSLoad.
Итак что же мы сделали:
Читать полностью »
Оранжевый цвет в веб-дизайне
2012-10-28 в 16:19, admin, рубрики: веб-дизайн, Дизайн в IT, теория цвета, цвет, метки: веб-дизайн, теория цвета, цветВ продолжение статьи о теории цвета, хотелось бы коснуться более практической части, поэтому предлагаю почитать об использовании такого неоднозначного цвета в веб-дизайне, как оранжевый.
Использовать оранжевый цвет при разработке дизайна сайта необходимо очень осторожно: при неправильном применении или при переизбытке цвета дизайн будет «резать глаз» пользователя. Однако также можно расставлять необходимые акценты и обращать внимание пользователя на важные элементы сайта. Ниже представлены некоторые советы по использованию оранжевого цвета в веб-дизайна с хорошими примерами.Читать полностью »
Сравнение адаптивных CSS фреймфорков: Bootstrap, Foundation и Skeleton
2012-10-28 в 0:28, admin, рубрики: Bootstrap, css, Foundation, веб-дизайн, Веб-разработка, метки: bootstrap, Foundation 
Недавно Brian Haveri в блоге vermilion.com сделал отличное наглядное сравнение популярных CSS-фреймворков (статья), которые можно использовать для разработки адаптивных сайтов.
За последний год мне удалось поработать со всеми этими фреймворками: Bootstrap, Foundation и Skeleton, и могу сказать, что в свое время такая табличка спасла бы кучу времени. Поэтому я перевел ее на русский язык, добавив немного своих комментариев. Надеюсь будет полезноам.Читать полностью »