Онлайн-инструменты для кодеров

в 18:51, , рубрики: css, Веб-разработка, Программирование

Онлайн-сервисы становятся все популярнее, постепенно усложняя возможности и улучшая интерфейсы. В этой подборке представлены онлайн-инструменты для кодеров.

Cloud9

«Это Google Docs, только для кода» — так говорят о проекте. Облачный сервис вырос из Mozilla Bespin. Основные фишки: SSH, drag-and-drop и возможность разработки оффлайн.

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

Koding (публичная бета)

Koding.com — среда разработки с предустановленным веб-сервером и элементами социальной сети. Этот сервис уже представляли на хабре, топик даже вызвал хабраэффект и нашествие троллей. Сервис до сих пор находится в стадии публичной беты.

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

CodePen

Инструмент для фронт-энд разработки, позволяющий легко оперировать с CSS/HTML/JS-конструкциями, позволяет подключать js-библиотеки: jQuery, MooTools и т.д. Авторы — Alex Vazquez, Tim Sabat и небезызвестный Chris Coyier.

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

JSFiddle

Один из самых популярных инструментов для работы с JavaScript/HTML/CSS/SCSS. Прост, удобен, умеет подключать дополнительные библиотеки.

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

Dabblet

Аналог предыдущего сервиса с достаточно приятным интерфейсом.

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

Pastebin.me

Сервис для настоящих любителей минимализма — никаких лишних элементов в интерфейсе, только самое нужное, только хардкор.

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

CSSDesk

CSS-песочница с приятным и удобным интерфейсом.

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

jsdo.it

Кодинг-сообщество для фронт-энд разработчиков. Подходит для экспериментов с HTML5, WebGL, JavaScript и многим другим — функционал впечатляет.

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

Tinker

Простая JS/HTML/CSS-песочница.

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

Tinkerbin

Еще одна простая аналогичная песочница.

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

SQL Fiddle

Инструмент для работы с SQL-базами от разработчиков с Аляски.

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

ReFiddle

Сервис для работы с регулярными выражениями на Ruby, JavaScript и .NET.

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

CSSDeck

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

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

JS Bin

HTML/CSS/JS плюс консоль.

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

Thimble

Разработка от Mozilla, код и его результат отображается на одной странице в режиме реального времени.

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

Liveweave

Очень простой в использовании — никакого логина, шаринга, только окна с кодом и результатом.

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

Google Code Playground

Сервис для работы с Google API.

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

Compilr

Полноценная среда разработки, интерфейс реализован с использованием всеми любимого фреймворка — Twitter Bootstrap.

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

Знаете еще подобные сервисы? Пишите в комментарии — добавлю.

Автор: grokru

Источник

* - обязательные к заполнению поля


https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js