Онлайн сервисы для тестирования html, css и js

Опубликовал: 6 лет назад Общая рубрика

Онлайн сервисы

Добрый день дорогие друзья!

Сегодня я хотел бы поделится с Вами очень полезными для веб-разработчика — онлайн сервисами. За частую написание кода отнимает огромное количество времени.  И очень часто случается, что нужно проверить вашу идею быстро и поделится результатом с друзьями или коллегами. Вот тут то и понадобятся наши инструменты.В этих песочницах вы запросто можете быстро протестировать ваш HTML, CSS или JS и отправить его моментально. Приступаем к обзору...

1. jsFiddle


1

jsFiddle — это пожалуй самый популярный вариант онлайн песочницы. В моем списке он тоже идет первым вариантом из за его отличного UI, Быстроты и функционала.

Плюсы:

Для меня тут просто гора плюсов:

— удобный интерфейс;

— Окно поделено на 4 части: JS,HTML,CSS и предпросмотр.

— Легкая настройка JS и CSS панели. Используйте ваши любимые инструменты;

— поддержка синтаксиса Sass SCSS и CoffeScript;

— Есть авторизация. Просмотр ваших прошлых сохраненных работ;

— Автоматическая чистка «грязного» кода;

— Быстрое подключение JS библиотек (JQuery, MooTools и т.д. )

Минусы:

Минусом является отсутствие автоматического обновления окошка предпросмотра. Это пожалуй и все=)

 

2. CSSDesk


css-deck

CSSDesk — очень простая в понимании и довольно давняя песочница для написания HTML и CSS.

Плюсы:

У этой песочницы большое количество положительных оценок. Окно поделено на три части: HTML, CSS и предпросмотр  Размеры окон легко изменяются. очень просто начать использовать. Открыли и он готов к использованию. Подсветка синтаксиса, нумерация строк.

Минусы:

Отсутствует JS. Для тру кодеров это очень важный элемент.

 

3.Tinkerbin


tinkerbirdTinkerbin — брат близнец jsFiddle.  Но в отличии от своего «старшего брата», Tinkerbin не имеет такого же функционала, которые доступны вам в jsFiddle. Но имеет несколько своих собственных хороших плюсанов.

Плюсы:

— удобный вкладочный интерфейс. HTML, CSS и JavaScript разбиты по вкладкам. И вы со спокойной душой можете работать конкретно с каждым по отдельности.

— Tinkerbin обошел jsFiddle по количеству альтернативных синтаксис вариантов. Вы можете выбрать HTML или HAML, CSS, SCSS (с Compass), SASS или LESS, JavaScript  или CoffeeScript. Этот вариант лучший для вас если вы работать будете с препроцессорами.

— позволяет увидеть Ваш код через окно «View Source».

Минусы:

Нет авторизации. Весь ваш код помещается и сохраняется по коротким ссылкам.  Область предпросмотра увы не сделать шире. Нет интеграции с Github и прочими плюшками.


Парочка интересных ссылок:

PractiCode — Используем как песочницу.

Pastebin.me - Очень рекомендую данный сервис.

Jsdo.it - Еще одна песочница.

Tryit Editor Instant — для тестирования  ваших HTML документов.

Google Code Playground — Работаете с Google Api? Тогда полезно для Вас!

JavaScript Sandbox — Песочница для JavaScript

 

Вот мы и расмотрели известные мне онлайн сервисы. Если Вы знаете другие — милости пишу в комментарии. Подписывайтесь на мой блог, комментируйте. Всего доброго. До связи!


Новая система комментариев
comments powered by HyperComments