» » JsFiddle.net — отличная «песочница» для веб-разработчиков

JsFiddle.net — отличная «песочница» для веб-разработчиков

В этом посте речь пойдет о замечательном сервисе для веб-разработки JsFiddle. Данный веб инструмент позволяет производить совместную работу, тестирование для мобильных устройств, подключение стандартных и собственных библиотек. У сервиса JsFiddle имеется простой и понятный интерфейс, а так же практически идеальная среда не только для разработки и тестирования, но и для выкладывания в сеть каких-либо примеров кода для иллюстрации статей.

 

Итак, чем конкретно может похвастаться сервис? Давайте начнем по порядку:

 

Окно состоит из 4 полей

 и сайдбара с настройками.

В соответствующем поле пишем код — получаем результат. Все просто. Таких «песочниц» в интернете уйма, чем же хорош именно этот сервис?

 

Подключение javascript библиотек. Наиболие интересная функция.Разработчики встроили все распространенные библиотеки, самых разных версий. Тут и MooTools и JQuery и DoJo. Так же есть возможность подключить свой фреймворк, которого нет в списке или вашу собственную разработку.

Фреймворк может быть как javascript, так и CSS, что достаточно удобно. К тому же, есть выбор, когда загружать фреймворки:

— в head

— в body

— onDOMReady

— onload

 

 

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

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

 

Публикация и обсуждение.  

Кроме всего вышесказанного, сервис умеет не только публиковать ссылку на ваш код в популярные сервисы Twitter и Facebook, но и предоставляет возможность комментирования кода пользователями.

 

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

Ключевые теги: CSS, CSS3, HTML5, PHP, web-dev, web-developer, песочница





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

КОММЕНТАРИИ

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

    Minor888 (19 марта 2012 22:49)

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

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

  • Визуализация хеша паролей для удобства пользователей
    Специалисты по безопасности на пару с дизайнерами интерфейсов продолжают решать проблему, как повысить удобство использования паролей без ущерба для безопасности. Понятно, что для каждого сайта нужно
  • Podsnack.com — Создаем плеер для сайта
    У каждого из нас есть любимые композиции, которые мы можем слушать практически бесконечно и стараемся поделиться ими не только со своими друзьями, но и с окружающими. В настоящее время сделать это
  • Что такое HTML5 и почему про него так много говорят?
    Откуда взялся HTML5?Я не буду вдаваться глубоко в историю HTML и HTML5 — это тема для отдельного большого рассказа, но суть вопроса вот в чем.Сама история HTML имеет весьма давние корни, начиная с
  • Мониторинг сайта при помощи сервиса Pingdom
    Каждый веб мастер заинтересован в стабильности своих сайтов. Каждая минута простоя в работе вашего сайта, или почты может привести к серьезным последствиям. Особенно если ваш сайт - это источник
  • Как подготовить сайт для индексирования в поисковых системах
    Вопрос, который волнует каждого, кто создал свой сайт, - как проиндексировать его в поисковых системах, как поднять его на хорошее место (хотя бы на одну из первых страниц).
Информация
Комментировать статьи на сайте возможно только в течении 90 дней со дня публикации.