В этой статье собраны ссылки на веб сервисы, которые могут помочь WEB-разработчику в создании и разработке сайтов.

Иконки

iconfinder.com - сервис для поиска иконок.
iconsearch.ru - сервис для поиска иконок на русском языке.
icomoon.io - большое количество иконок.
iconizer.net - поисковик и генератор иконок.
findicons.com - сервис для поиска иконок на русском языке.
iconza.ru - сервис для подбора иконок на русском.

favigen.com - сервис генерации favicon.ico для сайта.
favicon.ru - сервис на русском языке для генерации favicon.ico.

Онлайн справочники

htmlbook.ru - удобный справочник по CSS и HTML

Оптимизация

csscompressor.com - компрессор CSS. Помогает уменьшить вес файла, вырезать лишние пробелы, вырезать комментарии, оптимизировать код. Степень компрессии настраивается.
closure-compiler.appspot.com - компрессор JavaScript. Позволяет оптимизировать JavaScript файлы. Внимание, будте аккуратнее, если не разбираетесь с js лучше не лезть.
compressorrater.thruhere.net - js-компрессор
excssive.com - онлайн компрессор CSS
kraken.io - онлайн оптимизатор изображений

Совместимость с веб-браузерами

ipinfo.info/netrenderer - просмотр сайта в различных версиях IE
browsershots.org - просмотр сайта в различных версиях браузеров под разными операционными системами
quirktools.com/screenfly - онлайн сервис для проверки внешнего вида сайта на разных устройствах

Генератор прелоадеров

ajaxload.info
preloaders.net
loadinfo.net
chimply.com
webscriptlab.com

Шрифты

texthandler.com Конвертер регистра - очень полезный сервис при написании языковых файлов.
artlebedev.ru еще один конвертер регистра
typetester.org - подбор шрифтов
riddle.pl - калькулятор относительных едениц
cufon.shoqolate.com - генератор Cufon-шрифтов
fontsquirrel.com - генератор Font-face-шрифтов
typograf.ru - web-типограф
shublog.ru - очистка текста от мусора

Здесь вы найдете инструменты для работы с шаблонами, CSS, графикой, цветом, тенями, формами, кнопками, сжатием скриптов, созданием спрайтов и многое другое полезное, ускоряющее труд и повышение качества веб проекта.
alvit.de/handbook/#csslayouts
efimov.ws/main/services/95-rusursov-razrabotchiku.html
ruseller.com/service.php

Онлайн генераторы CSS, HTML кода

Генераторы кнопок

css-tricks.com/examples/ButtonMaker - Сервис для генерации красивых кнопок в стандарте CSS3. С помощью ползунковых регуляторов настраиваем размеры кнопки и текста, а также скругление углов кнопки; с помощью кнопок задаем цвета, а с помощью селектора выбираем семейство шрифтов для текста; результат всех изменений виден сразу; если результат нас устраивает, нажимаем на готовую кнопку и получаем готовый код стиля. Этот код вставляется в файл стилей шаблона.
cssbuttongenerator.com
css3buttongenerator.com
cssbutton.me
super.hubspot.com/buttons

css3.me - онлайн сервис для создания стилей CSS3. Позволяет настраивать скругление углов, отбрасывание тени, градиент фона и прозрачность. Результат всех изменений виден сразу; если результат нас устраивает, нажимаем на кнопку GET THE CODE! и получаем готовый код стиля. Этот код вставляется в файл стилей шаблона.

phpform.org - онлайн генератор форм pForm
3d-pack.com - онлайн генератор изображений 3D коробки
roundpic.com - онлайн сервис для скругления углов изображения

colorzilla.com - генератор градиентов для CSS.

csstemplater.com - генератор HTML+CSS шаблонов
bearcss.com - генератор основы CSS из HTML
roundpic.com - скругление углов изображений

spritecow.com - сервис для генерации кода CSS для вашего спрайта.
simpreal.org.ua/csssprites - онлайн генератор CSS спрайтов.Сделано очень удобно. Можно загружать несколько картинок, выделять области, задавать правила для автоматического расположения, настраивать CSS. Так же можно сохранить проект и потом применить правила к другим картинкам.
css-sprit.es - генератор спрайтов
spritepad.wearekiss.com -

3x4grid.com - онлайн генератор кода для разметки шаблона

stripegenerator.com - онлайн генератор полосок

cssload.net - онлайн сервис для генерации кода CSS индикатора загрузки

 
snippets.su Сниппеты
jster.net Примеры разных решений

Инструменты для подбора цветов, генераторы и конвертеры цветовых схем

colllor.com
colorschemedesigner.com - онлайн сервис для подбора цвета тени
colorscheme.ru - сервис для подборки цветовых схем. Поможет подобрать цвета для вашего сайта. Так же покажет какие цветовые схемы можно применить при использовании какого то конкретного цвета.
speed-tester.info/color_converter.php Онлайн-конвертер цветов из HEX в RGB и наоборот
rapid-tools.net/online-color-picker/ есть интересная информация по цветам.
cy-pr.com/tools/colors/ конвертеры цветов, перевод RGB, HEX, CMYK цветов

Проверка скорости загрузки сайта

webo.in - сервис проверки скорости загрузки сайта
pingdom.com - cервис проверки скорости загрузки сайта
gtmetrix.com - сервис измерения скорости загрузки сайта

On-line сервисы проверки уникальности текста

copyscape.com
miratools.ru
text.ru
content-watch.ru
istio.com
      Никогда не пользуйтесь только одним сервисом - лучше всего проверяйте свой текст сразу на нескольких. Результаты, конечно, будут немного отличатся, но все же это даст более обширное представление о вашем тексте.

Прочее

Сервис проверки работоспособности сайта. Через каждые 5 минут проверяется работоспособность сайта. Если сайт по какой либо причине перестает работать, администратор сайта может получать сообщения по email, sms и twitter. Есть возможность ставить до 50 сайтов на проверку.

Создание рамок

chikuyonok.ru/data-url - генератор data:URL

Онлайн коллекция мнемографики

Онлайн генератор модульной сетки для страницы

Онлайн генератор текста для заполнения шаблона

cssload.net - онлайн сервис для создания индикатора загрузки

 

Комментарии   

0 #1 AwawnPomIY 22.06.2018 15:13
bmmogdqmrd



gqrbaxvlps

http://samplifeplayslp.5nx.ru/viewtopic.php?f=2&t=3203
http://forum.obuchenie-gadaniyu.ru/viewtopic.php?f=4&t=231098
http://w88waq.com/forum/viewtopic.php?pid=56699#p56699
0 #2 papSnoreYA 22.06.2018 15:34
kclpuprnrl



yiabebikug

http://www.kuznetsova90.ru/forum/viewtopic.php?f=13&t=160738
http://grandepuntoitalia.altervista.org/forum/showthread.php?tid=1617&pid=2673#pid2673
http://www.association-manoirducrime.fr/forum/viewtopic.php?pid=386182#p386182

You have no rights to post comments

Форма входа

Яндекс.Метрика