Главная » 2020 » Март » 10 » Web-tools on-line
08:59
Web-tools on-line

Генераторы и сборники цветовых схем/палитр. Инструменты для просмотра сочетания и контраста цветов. Конвертеры HEX/RGB и RGBA. Сервисы, генерирующие цветовую гамму изображения или веб-страницы, а также сервисы подбора изображения по нужному цвету. А так же: онлайн-помощники генерации кода CSS для создания кнопок, форм, таблиц, веб-шрифтов, меню, теней, градиентов, уголков, лент, подсказок и прочих элементов сайта. Плюс несколько полезных онлайн-инструментов для работы с CSS.


https://colorsupplyyy.com/app
https://colourco.de/
https://www.materialpalette.com/
https://coolors.co/
https://colorhunt.co/?p=popular
http://www.flatuicolorpicker.com/

 

https://snook.ca/technical/colour_contrast/
https://contrastchecker.com/
https://contrast-ratio.com/

 

http://labs.tineye.com/multicolr
http://www.shutterstock.com/labs/spectrum/

 

https://cssgradient.io/
https://mycolor.space/gradient
https://www.css-gradient.com/

 

http://glvrd.ru/
https://orfogrammka.ru/
https://miratext.ru/seo_analiz_text

 

http://pr-cy.ru/unique/
http://www.antiplagiat.ru/
http://content-watch.ru/text/
http://www.topwriter.ru/comparison/
https://text-compare.com/
https://www.diffchecker.com/

 

Универсальные генераторы

    https://coveloping.com/
    http://angrytools.com/
    https://css3clickchart.com/
    http://www.generatecss.com/
    http://www.createcss3.com/
    http://css3gen.com/
    http://css3generator.com/
    http://www.cssmatic.com/

Тени

    https://brumm.af/shadows
    http://css3gen.com/
    http://www.cssmatic.com/
    http://www.themeshock.com/css-drop-shadow/
    http://www.themeshock.com/css-text-shadow/

Кнопки

    http://www.bestcssbuttongenerator.com/
    http://dabuttonfactory.com/
    http://cssgradientbutton.com/
    http://buttons.cm/
    http://unicorn-ui.com/
    https://bttn.surge.sh/

Меню

    http://cssmenumaker.com/

Центрирование

    http://howtocenterincss.com/

Текст под углом

    http://www.cssportal.com/

Уголки

    http://triangle.designyourcode.io/
    http://lugolabs.com/
    https://csstriangle.firebaseapp.com/

Ленты

    http://www.css3d.net/
    http://www.cssportal.com/

Подсказка при наведении/указатель

    http://online-html-tools.blogspot.ru/
    http://www.cssportal.com/
    http://csstooltip.com/
    http://cssarrowplease.com/

Таблицы/блоки таблицей

    http://tablestyler.com/
    http://divtable.com/generator/
    http://russellgoldenberg.github.io

Формы

    https://html-css-js.com/html/generator/form/
    https://jennamolby.com/pardot-form-style-generator/

Спрайты

    https://spritegen.website-performance.org/
    http://css.spritegen.com/

Переключатели

    https://proto.io/
    http://www.cssportal.com/

Кодировка изображений в Base64

    https://www.base64-image.de/

Градиенты

    http://www.gradient-animator.com/
    http://elrumordelaluz.github.io/
    http://www.colorzilla.com/
    http://www.css3factory.com/
    http://www.generateit.net/
    http://gradient.quasi.ink/
    http://www.gradientify.net/

Анимация

    http://tobiasahlin.com/
    http://css3gen.com/
    https://coveloping.com/
    http://www.theappguruz.com/
    http://angrytools.com/
    http://waitanimate.eggbox.io
    http://waitanimate.wstone.io/
    http://animista.net/

Фигуры

    https://coveloping.com/
    http://csshexagon.com/

Медиа-запросы, точки перелома

    http://simplecss.eu/
    http://www.responsivebreakpoints.com/
    http://giona.net/tools/

CSS фильтры

    http://www.cssfilters.co/
    http://ilyashubin.github.io/

Разное

    https://developer.mozilla.org (рамка из изображения)
    http://purecssapple.com/ (девайсы Apple на css)

Типографика

    https://typeanything.io/
    http://type-scale.com/
    http://www.gridlover.net/
    https://drewish.com/tools/
    http://www.modularscale.com/
    http://csstypeset.com/

Генераторы шрифтов @font-face

    http://jaicab.com/
    https://www.web-font-generator.com/
    https://www.flaticon.com/font-face
    http://transfonter.org/
    http://www.font2web.com/

Внешний вид кода, оптимизация и компрессия

    http://cssshrink.com/ (CSS Shrink)
    http://css.github.io/csso/ (CSSO – CSS optimizer)
    http://info.seocafe.info/tools/csspack/ (упаковка css)
    http://csscompressor.com/ (CSS Compressor)
    http://tools.w3clubs.com/ (CSS min)

Важный CSS (Critical Path CSS Generator)

    https://www.sitelocity.com/critical-path-css-generator
    https://jonassebastianohlsson.com/

Извлечение CSS из HTML

    http://extractcss.com/
    http://lab.xms.pl/

CSS Grid Generator

    http://www.gridcss.com/
    http://www.responsivegridsystem.com/
    https://cssgr.id/

Валидаторы CSS

    http://jigsaw.w3.org/
    https://www.onlinewebcheck.com/
    https://www.10bestdesign.com/dirtymarkup/ (проверка кода)

Совместимость

    http://css3test.com/ (тест браузера)
    http://caniuse.com/ (поддержка различных свойств браузерами)

 

Просмотров: 1493 | Добавил: pascal | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Виджеты на сайт