Генератор CSS градиентов

Want create site? Find Free WordPress Themes and plugins.

Градиент можно сделать конечно же в Photoshop, но иногда можно обойтись и CSS. Сервис предлагает пользователю в режиме онлайн создать необходимый ему градиент, после вам необходимо будет всего-лишь скопировать код и применить его к своему элементу.

Есть несколько причин, которые могут оттолкнуть использовать данный способ создания градиентов, перечислю:

  • Не все браузеры адекватно понимают сгенерированный код. IE к примеру может вообще его не отобразить. На браузерах Opera, Safari, Firefox, Chrome работает отлично — проверено.
  • CSS градиент имеет большой размер кода. Согласитесь, лучше порезать картинку и прописать всего одну строку кода, чем вставить десять строк, однако быстрота реализация в CSS градиента выше.
  • Градиент-картинку можно использовать в спрайтах — это очень удобно, если вас заботит скорость загрузки сайта.
  • CSS градиент работает и на событиях hover, но опять таки увеличивается объем кода — это огромный минус для некоторых.

В целом в своих проектах я часто использую именно CSS градиенты. Прошло время старых браузеров, а для тех, кто пользуется IE 7 лучше повесить заглушку и сообщить человеку, что он отстал от времени :)

Генерировать градиенты можно с помощью сервиса — www.colorzilla.com/gradient-editor/

Пример генерируемого кода:

Did you find apk for android? You can find new Free Android Games and apps.
Want create site? Find Free WordPress Themes and plugins.

Правда крутая превьюшка? Мне тоже нравится! Недавно захотел в своем портфолио для наглядности показать как выглядят некоторые эффекты в верстке и сразу понял, что я не умею делать gif’ки. Немного погуглил — решение нашлось!

Did you find apk for android? You can find new Free Android Games and apps.
03.09.2016
Want create site? Find Free WordPress Themes and plugins.

За долгое время работы вебдизайнером, накопилась небольшая коллекция полезных для начинающих дизайнеров, верстальщиков коллекция порой необходимых сервисов, чем собственно и хочу поделиться с новичками в этом деле.

Did you find apk for android? You can find new Free Android Games and apps.
13.11.2014
Want create site? Find Free WordPress Themes and plugins.

Задача: сделать блоки одинаковой высоты, не используя таблицы, кучу лишнего кода. Чтобы было кроссбраузерно, просто и адаптивно.

Did you find apk for android? You can find new Free Android Games and apps.
06.04.2017
Want create site? Find Free WordPress Themes and plugins.

ACF — плагин для добавления дополнительных произвольных полей в удобном формате. На базе этого плагина можно создавать фильтры записей и множественные настройки шаблона.

Did you find apk for android? You can find new Free Android Games and apps.
01.12.2014
Want create site? Find Free WordPress Themes and plugins.

Задача с виду очень простая, но я покажу как отобразить только подкатегории и подстраницы родительского пункта без использования стандартного меню. В некоторых проектах — это просто необходимо.

Did you find apk for android? You can find new Free Android Games and apps.
17.11.2014