» » Подборка полезных сервисов для веб-разработки

Подборка полезных сервисов для веб-разработки

Подборка полезных сервисов для веб-разработки
CSS Type Set — сервис позволяющий применить к тексту CSS свойства и посмотреть как это будет выглядеть.
Все изменения моментально отражаются на примере, а сгенерированный CSS код можно скопировать и использовать в дальнейшем.
Панель настроек выглядит достаточно удобной и имеет все необходимые настройки, применяемые к тексту.


Snipplr — хранилище кода
Подборка полезных сервисов для веб-разработки
Snipplr — сервис, где вы можете хранить различные куски кода, которыми вы пользуетесь каждый день. Однако главный плюс сервиса в том, что вы можете делиться своими примерами с другими разработчиками, а также использовать чужие примеры.


Typetester — подбираем шрифт
Подборка полезных сервисов для веб-разработки
Typetester — бесплатный сервис для сравнения отображения различных шрифтов на экране монитора. Этот сервис поможет веб-разработчикам, в частности веб-дизайнерам, с легкостью подбирать шрифты и значительно упростит вашу работу. С появлением новых шрифтов, список шрифтов используемых на сервисе будет обновляться.
Для работы Typetester у вас должен быть включен javascript.

Font Tester
Подборка полезных сервисов для веб-разработки
Еще один подобный бесплатный сервис — Font Tester. Font Tester позволяет легко подобрать и сравнить различные шрифты, попутно применяя к ним различные CSS стили.
Помимо различных свойств для форматирования текста, Font Tester имеет встроенную таблицу символов, которые вы можете использовать в тексте. Сервисы подобные Font Tester действительно могут оказаться очень полезными и сэкономить ваше время.


RoundedCornr — бесплатный сервис создания элементов с закругленными уголками
Подборка полезных сервисов для веб-разработки
RoundedCornr — сервис создания элементов с закругленными уголками, что очень популярно в наше время, т.к. является визуальной составляющей web 2.0. Сервис позволяет настраивать различные параметры, такие как: фон элемента, радиус уголков, градиент, высота и угол градиента, цвет и ширина рамки и многие другие.


Kotatsu — генератор таблиц
Подборка полезных сервисов для веб-разработки
Kotatsu — простой и удобный генератор таблиц. Функционал очень прост. Добавляете нужное количество строк и столбцов, а сервис сгенерирует HTML код. Можно также указать классы для строк и колонок.


Code Beautifier — CSS оптимизатор
Подборка полезных сервисов для веб-разработки
Code Beautifier — это оптимизатор кода основанный на csstidy 1.3. Code Beautifierr поможет вам сделать загрузку ваших страниц более быстрой, что несомненно станет преимуществом для вас и для посетителей вашего ресурса.
Сервис имеет 4 автоматических режима и пользовательский режим, при котором вы сами можете настроить параметры оптимизации. И надо сказать, там есть что настроить.


CSS Creator — сервис создания шаблона страницы
Подборка полезных сервисов для веб-разработки
Если у вас под рукой нет редактора кода или вы просто не хотите в очередной раз тратить время на создание шаблона для очередного сайта, вам на помощь приходят различные бесплатные сервисы, которые с легкостью сделают это за вас. Одним из таких является CSS Creator.
Вы можете отметить какие именно ключевые блоки включить в структуру, например «шапку» сайта или «подвал». Есть возможность указать ширину сайта и отдельных блоков в различных единицах измерения (px, em, %). Также можно задать цвет фона для каждого блока. Все изменения сразу отображаются в блоке предварительного просмотра.


Insta-Select — генератор элементов select
Подборка полезных сервисов для веб-разработки
Предлагаем вашему внимаю еще один сервис, который позволит сэкономить ещё немного времени — Insta-Select. Данный сервис позволяет вставить список слов или фраз и преобразовать их в элемент Фотошоп


JotForm — редактор форм
'Подборка
JotForm — это бесплатный WYSIWYG редактор HTML форм. Интуитивный drag&drop интерфейс делает создание формы увлекательным занятием. Используя JotForm, вы сможете создавать формы и спокойно интегрировать их в свой сайт.

Cервисы CSS оптимизации
Clean CSS
CSS Cascading Style Sheet Optimiser
CSS Formatter and Optimiser
CSS Compressor

Accessibility color wheel — доступные цвета
Accessibility color wheel — сервис подбора цветов для фона и текста.
Ни для кого не секрет что цвета фона и текста должны быть такими, чтобы текст был удобочитаем, а также не вызывал затруднений у пользователей с ограниченными способностями.
Accessibility color wheel поможет выбрать оптимальную пару цветов. В интерфейсе присутствует панель, имитирующая 3 вида цветовой слепоты.

Screen Size Tester: тестируем сайт при различных разрешениях
'Подборка
онлайн сервис — Screen Size Tester. Сервис позволяет протестировать сайт без установки дополнительных программ. Единственным минусом может стать небольшой перечень допустимых разрешений.

HTML-Ipsum: текстовые заготовки для макетов страниц.
'Подборка
Сервис HTML-Ipsum выполняет одну простую задачу. На одной странице ресурса содержатся различные HTML элементы с текстом, готовые к использованию в шаблонах и макетах страниц.
Также на сайте есть ссылки на различные десктопные утилиты, выполняющие ту же задачу.

ColoRotate: управляй цветом в 3D
'Подборка ColoRotate — бесплатный онлайн сервис для работы с цветом в 3D. Вы можете просматривать палитры цветов, создавать свои и делиться ими с другими пользователями.
Используя ColoRotate, вы можете быстро увидеть многогранную природу выбранных цветов, понять взаимосвязь цветов относительно того, как глаза и мозг воспринимают их, быстро изменить нужный цвет, сочетать два цвета вместе, изменить всю палитру, используя различные параметры.
ColoRotate имеет интуитивно понятный интерфейс, что устраняет необходимость запоминания или записывания цветов. Более того, вы можете использовать трехмерное цветовое пространство и выбрать цветовую палитру, которая соответствует вашим потребностям. В процессе выбора, можно выявить цветовые взаимосвязи, которые привнесут в дизайн эстетический баланс.

Pictaculous: создание цветовых палитр
'Подборка
Pictaculous позволяет создавать цветовые палитры из исходного изображения. Поддерживаются изображения в формате PNG, GIF, JPG. Размер не должен превышать 500Kb.
После анализа сервис предлагает палитру с преоблажающими на изображении цветами, а также аналогичные палитры от Kuler и COLOURlovers. Результат можно сохранить в формате aco для использования в Photoshop.





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

КОММЕНТАРИИ

Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
Быстрый вход: 

ВОЗМОЖНО ВАС ЭТО ЗАИНТЕРЕСУЕТ

  • Подбираем цвета
    Подборка инструментов позволяющих определить контрастность различных комбинаций цветов. Это во многом влияет на удобочитаемость текста и восприятие различных элементов на странице.
  • Фотосервис: Фишап
    Fishup (мы произносим это как Фишап) – это совершенно новый сервис, который создан для того, чтобы Вы могли поделиться мгновениями своей жизни с родными, друзьями и даже незнакомыми Вам людьмиДля
  • Picnik - редактируем фото
    Очередной онлайн редактор изображений picnik , обладает всеми базовыми функциями редактирования. Сервис бесплатен, и не требует регистрации. Как заявляют разработчики сервиса, он должен работать в
  • Geni - Семейное дерево
    Geni — интерактивный сервис позволяющий создавать генеалогическое древо онлайн с помощью простого и красивого интерфейса. Есть возможность приглашать ваших родственников присоединиться к вашей ветке.
  • Графический калькулятор онлайн
    fooplot сервис для построения и расчета графиков онлайн. Можно стоить как 2-ух мерные так и 3-ех мерные графики. На сервисе есть различные функции. После построения графиков можно сохранять их в
Информация
Комментировать статьи на сайте возможно только в течении 90 дней со дня публикации.