Быстрые помощники для создания CSS

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

1. Css Gradient Button - create css button

1. Css Gradient Button — create css button — сервис, облегчающий создание кнопок для сайта с градиентной заливкой. Множество настроек и готовые различные примеры помогут сделать вам яркие, запоминаемые и классные кнопки для вашего сайта.

Ultimate CSS Gradient Generator

2. Ultimate CSS Gradient Generator — простой универсальный генератор градиентов для ваших элементов на странице. Имеется в наборе свыше 130 готовых шаблонов с градиентами.

Generate and Create CSS from Sprite Images

3. Spritebox — Generate and Create CSS from Sprite Images — генератор css-кода для загруженного вами изображения спрайтов. Для работы, нужно просто зарегистрироваться.

Base64 Image Encoder

4. Base64 Image Encoder — простой сервис для преобразования изображения в base64. Предлагает 2 варианта готовых base64-строк для изображения и использования в CSS.

CSS3 Generator

5. CSS3 Generator — сомневался при добавлении данного генератора на сайт, т.к. он сочетает в себе множество мелких генераторов. Однако эти генераторы не на столько удобны, но решил оставить его. Здесь представлены генераторы для границ, теней, подключения шрифта, RGBA и т.д.

Border Image Generator

6. Border Image Generator — генератор рамки из загруженного изображения с простыми настройками и предварительным просмотром.

CssArrowPlease

7. CssArrowPlease — генератор окна со стрелкой-указателем. Все просто и быстро!

 

Ribbon builder

8. Ribbon builder — возможно кому-то пригодится генератор интересных таких заголовков.

Paletton - The Color Scheme Designer

9. Paletton — The Color Scheme Designer — на данном ресурсе вы сможете легко подобрать понравившуюся вам цветовую гамму для вашего сайта или другого проекта. На сайте встроены интересные функции как получение случайной гаммы и предварительный просмотр в виде html-страницы. Побаловаться можно smile

Color Supply

10. Color Supply — полезный сайт для подбора цветовой гаммы при проектировании и выборе цвета в вашем макете.

11. The super fast color schemes generator — здесь огромное множество качественных цветовых палитр для дизайнеров.

12. Transparent Textures — здесь можно выбрать понравившуюся текстуру, задав для нее цвет и скачать.

Генератор палитры цветов

13. Pictaculous — простой генератор палитры цветов. Выбираете понравившееся изображение, загружаете на сайт и получаете готовую палитру цветов, которую можно использовать при разработке дизайна сайта или сразу скачать в виде файла Photoshop, хранящего цветовую палитру. Просто и полезно!

Получилось вот такая небольшая коллекция инструментов, облегчающих жизнь при верстке сайта. В обзор не стал включать не нужные инструменты. Кто-то пользуется уже готовыми шаблонами, многие используют mixin SASS или mixin LESS. Но что мешает вам воспользоваться сервисами для создания своего удобного mixin?

Спасибо, статья еще не закончена и будет наполняться со временем.

 

Если вы нашли ошибку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.

Добавить комментарий

Сообщить об опечатке

Текст, который будет отправлен нашим редакторам: