Интересные дизайнерские онлайн сервисы №11: эффекты CSS, анимация, фоны

Дизайнерские онлайн сервисы Online сервисы 

Лето 2018 плавно подходит к своему завершению, а мы заметили, что за этот период так и не опубликовали ни одной подборки классных онлайн проектов. Прошлый юбилейный 10 выпуск мини обзоров был размещен достаточно давно и включал сразу 10 сайтов. Сегодня их будет чуть меньше, но хуже от этого статья не станет — поговорим о CSS скриптах, палитрах, логотипах и не только. CSS Doodle В CSS…

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

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

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

Инструменты веб-дизайнеру и не только №9 — Sketch плагины, мокапы, верстка

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

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

Подборка сервисов дизайнерам №8 — работа с лого, лендинги, CSS библиотека

Интересные сервисы дизайнерам Online сервисы 

Публикуем последнюю в текущем 2017 году подборку полезных сайтов, которые заинтересуют верстальщиков, веб-дизайнеров, иллюстраторов и подобных им специалистов. Традиционно все проекты достаточно простые по своей функциональности, выполняют буквально 1-2 задачи. Однако иногда эти решения хорошо помогают упростить вашу работу и сэкономить немного времени. Сегодня поговорим про логотипы, иконки, примеры макетов и типографику. Good Web Design Ресурс Good Web Design содержит достаточно большую коллекцию дизайнов лендингов. Для…

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

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

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

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

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

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

7 ресурсов для веб-дизайнера — Март 2016

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

Работа любого веб-дизайнера – тяжелый творческий труд. Для более продуктивной/эффективной деятельности можно воспользоваться рядом интернет ресурсов, которые значительно упростят работу и дадут приток новых идей. Обзоры таких сайтов мы стараемся регулярно публиковать — после январской подборки встречайте 7 интересных проектов за март 2016. BrandColors На сайте Brandcolors можно найти кодировки цветов всех самых популярных мировых брендов. Найдете их сразу же на главной странице: слева расположены названия,…

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

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

Сервисы TinyPNG и TinyJPG для сжатия PNG-24 и JPEG файлов

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

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

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

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

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

Эффекты и анимация на CSS

С помощью CSS разработчики могут создавать на сайтах весьма интересные эффекты и даже анимацию. Возможности нового CSS3 значительно расширили доступный набор их инструментов. В интернете имеется достаточно много разных примеров, библиотек и сервисов, где каждый может посмотреть и скачать те или иные эффекты. Про некоторые генераторы CSS3 и HTML5 мы уже писали, сегодня рассмотрим еще 2 интересных проекта. Animate.css — анимация через CSS Animate.css —…

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

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