Архив тега: сервисы для верстки

На странице собраны все публикации по тегу «сервисы для верстки».

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

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

1 комментарий

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

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

Нет комментариев

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

Последняя статья с обзорами полезных сервисов вышла где-то около полугода назад, и вот, спустя некоторое время, мы решили возобновить традицию. В заметке встречаются разные по направленности ресурсы, но все они могут пригодиться на веб-дизайнерском поприще. Подробно останавливаться на каждом сайте не будем, разместим лишь краткое описание и ссылку. Coffee is the color Автор проекта Coffee is the color попытался сопоставить HEX коды цветов с английскими словами из 3-х или 6-ти букв. При этом для некоторых символов «O», «I», «S», «T» он использовал цифры […]

Нет комментариев

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

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

Нет комментариев

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

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

Нет комментариев

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

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

Нет комментариев

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

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

комментария 4

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

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

Нет комментариев

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

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

Нет комментариев

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

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

Нет комментариев

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

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

1 комментарий