Полезные веб-сервисы дизайнеру №10: эффектные фоны, CSS генераторы, SVG материалы

Полезные веб-сервисы дизайнеру №10 Online сервисы 

Текущий выпуск будет 10-тым по счету (юбилейным) с момента запуска рубрики статей-подборок с разными инструментами дизайнерам. Именно поэтому мы подготовили непривычно большое число обозреваемых проектов — сразу 10. Кроме того, подобных публикаций в блоге не было достаточно давно (прошлый пост датируется аж началом февраля), и за пару месяцев накопилось много чего интересного для рассмотрения. SVG Backgrounds Сервис SVG Backgrounds содержит яркие и эффектные SVG фоны для сайтов. Представленные…

Генератор паттернов в сервисе иконок Flaticon

Генератор паттернов Flaticon Online сервисы Текстуры 

При подготовке очередного набора иконок обнаружили в проекте Flaticon интересную функцию, позволяющую создавать паттерны онлайн из найденных там материалов. Фишка достаточно необычная, как нам показалось, и достойная небольшого обзора. Вы можете сразу зайти в сам генератор по адресу Pattern.flaticon.com либо увидите соответствующую кнопку в процессе работы. После клика по «Create a pattern with these icons» также попадаете на страницу данного веб-инструмента. Причем по умолчанию в качестве…

Как пошагово создать фавикон в Логастер и зачем он нужен

Сервис Логастер Online сервисы 

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

Онлайн сервисы подбора цвета для сайтов и UX-дизайна

Подбор сочетания цветов Online сервисы Веб-дизайн Инструменты 

Цвет – один из самых важных элементов в работе дизайнера. Но его, как концепцию, довольно сложно освоить: из-за множества комбинаций палитр зачастую трудно решить, каким образом лучше оформить интерфейс веб-страниц и приложений. Ранее мы публиковали обзоры инструментов по выбору сочетания цветов и генераторов палитр. А сегодня хотим расширить тему, разместив в блоге перевод статьи Essential Color Tools for UX Designers от Nick Babich. В заметке содержится список лучших сервисов подбора цвета для…

Подборка сервисов веб-дизайнеру №6

сервисы веб-дизайнеру Online сервисы 

Последняя статья с обзорами полезных сервисов вышла где-то около полугода назад, и вот, спустя некоторое время, мы решили возобновить традицию. В заметке встречаются разные по направленности ресурсы, но все они могут пригодиться на веб-дизайнерском поприще. Подробно останавливаться на каждом сайте не будем, разместим лишь краткое описание и ссылку. Coffee is the color Автор проекта Coffee is the color попытался сопоставить HEX коды цветов с английскими словами из 3-х…

Сервисы в помощь веб-дизайнеру — Сентябрь 2016

Сервисы веб-дизайнеру Online сервисы Инструменты Полезные сайты 

Последняя подборка ресурсов для веб-дизайнера была опубликована пару месяцев назад в марте. Самое время вернуться к данной теме и рассказать вам о нескольких новых полезных сервисах, упрощающих работу специалистов по веб-дизайну. Сегодня в выпуске: генераторы фавиконок и email писем, сайты для текстов, CSS и цветовой палитры. Inkbrush Inkbrush – очередной инструмент от MovableInk, позволяющий за несколько минут генерировать код эффектного, красивого электронного письма, которое можно…

CSS спрайты — создание и сервисы генераторы

CSS спрайты Online сервисы Верстка 

На современных сайтах можно встретить большое число самой разной по типу графики: изображения товаров, аватарки пользователей, картинки, формирующие дизайн страниц, кнопки, иконки, логотипы и т.д. И чем крупнее проект, тем больше графических файлов там используется. При открытии отдельной страницы сайта в браузере происходит загрузка всех ее элементов. Поэтому, когда на ней размещено слишком много графики, скорость загрузки, как правило, значительно снижается. Что, в свою очередь,…

Лучшее в Дизайн Мании за 2015

Перед тем как перейти к публикации новых статей в блоге хочу подвести небольшие итоги прошедшего года. Подборка популярных постов за 2015 поможет вам вспомнить лучшие заметки по тем или иным направлениям: шрифты, верстка, сервисы, входновение и т.п. Также вы сможете скачать классные шаблоны и материалы для работы, если до сих пор не успели этого сделать. Похожий итоговый пост за 2014 оказался весьма полезным, поэтому мы…

Как сделать закругленные углы CSS: описание + CSS генераторы

Решил на своем сайте стандартным блокам в сайдбаре сделать закругленные углы с помощью CSS3. Раньше, помнится, чтобы реализовать данную задачу рисовали отдельные картинки для каждого угла и совмещали их с помощью нескольких DIV блоков в HTML. К счастью, сейчас все это легко задается в CSS стилях. Для определенных макетов и тематик (например, женской) подобное CSS закругление выглядят намного интереснее прямых строгих линий. В общем, пришлось…

Сервисы для web дизайна — ноябрь 2015

Продолжаем знакомство с ресурсами, которые могут пригодиться веб-дизайнеру при решении разнообразных рабочих задач и вопросов. С момента публикации похожей подборки онлайн инструментов за сентябрь прошло уже более 2-х месяцев, поэтому самое время запускать новый пост. Сегодня для вас подобрал 6 сервисов web дизайна по следующим направлениями: цветовые палитры, шрифты, сжатие изображений, проверка адаптивности и т.п. Кстати, некоторые из данных проектов могут пригодиться и верстальщикам. Gridulator Gridulator…

CSS генераторы кнопок, шаблонов, рамок и других элементов сайта

При оформлении сайтов принято использовать CSS (CascadingStyleSheets), то есть каскадные таблицы стили. Это набор тегов, задающих основные параметры оформления страницы (отступы, шрифты, цвета), позволяющие создавать ключевые элементы веб-сайта, выдерживая их в определенном стиле. Для каждого элемента HTML можно определять свой стиль, это удобно, CSS обеспечивает экономию времени и усилий. Существует ряд интернет-ресурсов, являющихся своего рода CSS конструкторами и облегчающих работу вебмастера. Мы уже как-то публиковали…

Линейные градиенты в CSS и генераторы градиентов

Градиентом называют плавный переход из одного цвета к другому. Когда-то этот прием был достаточно популярен для сайтов в стиле веб 2.0. Помнится, многие дизайнеры применяли яркие градиенты для создания красочных логотипов, дизайнов сервисов и т.п. В настоящее время с помощью CSS3 данную фишку можно реализовать без каких-либо картинок, фотошопа, а используя только стили CSS. Я уже как-то писал про градиентные кнопки CSS3 сегодня поговорим про…

Подборка отличных генераторов CSS3 и HTML5

Большому мастеру, знатоку и профессионалу HTML5 и CSS3 возможно и не нужны всякого рода генераторы кода (хотя и ему они могут принести не мало пользы и сэкономить время). Новичку, любителю или человеку осваивающему данные языки они могут стать неплохим подспорьем. Сегодня я как раз я подготовил для вас подборку таких генераторов. Не смотря на то, что стандарты HTML5 и CSS3 пусть и появились достаточно давно,…