сайт для отправки кода программы
Обзор сервисов для размещения фрагментов кода
Очень часто бывает нужно поделиться частью своего кода на PHP, HTML, CSS и JS. Например, на форуме или в комментариях в блоге, или просто отправить сообщением по почте или в социальных сетях. Конечно, можно просто скопировать и вставить код, но в этом случае с большой вероятностью возникнут проблемы: движок блога или форума отрежет код из соображений безопасности, если код отпарвили просто письмом, то человеку, который его получит, будет очень неудобно разбираться в коде без подсветки и отступов. Что же делать?
На помощь придут специальные сервисы, которые позволяют разместить часть кода. Чтобы воспользоваться таким сервисом, регистрация не нужна, достаточно просто скопировать и вставить код, и можно отправлять ссылку. В этом обзоре я рассмотрю самые удобные, с моей точки зрения, сервисы для размещения кода.
Как поделиться PHP кодом?
Чаще всего бывает нужно поделиться PHP-кодом. В этом случае нам помогут два сервиса: Pastie и Codeshare.
Pastie
http://pastie.org/ 
Pastie
Чтобы разместить код на Pastie, нужно зайти на главную старницу сайта, в появившееся окно вставить код и нажать сохранить. Среди особенностей системы:
Codeshare
http://codeshare.io/ 
Codeshare
У этого сервиса главная особенность состоит в том, что вы сразу оказываетесь в области редактирования кода, для которой создается уникальный URL.
Где разместить HTML, CSS и JS код?
В размещении HTML, CSS и JS есть свои особенности 🙂 Например, сервисы JSfiddle и CSSdeck позволяют не только разместить код, но и сразу посмотреть, как он работает.
JSfiddle
http://jsfiddle.net/ 
JSFiddle
Этот сервис больше подходит для размещения JS-скриптов.
CSSdeck
http://cssdeck.com/labs 
CSSDeck
Сервис больше подходит для размещения HTML и CSS.
В целом, если нужно разместить небольшой и несложный фрагмент кода, то особой разницы между JSfiddle и CSSdeck нет.
Я чаще всего исользую Codeshare и CSSdeck, просто потому, что лично для меня они кажутся удобнее. А какие сервисы для размещения фрагментов кода испольуете вы?
Online-редакторы кода для вебразработчика
Одним из полезных решений для веб-разработчиков является возможность размещения кода прямо на сайте и редактирование его в режиме онлайн. Сегодня мы рассмотрим популярные online-редакторы кода (иногда их еще называют песочницами кода).
1. JSFiddle
Один из старых проектов для работы с HTML, CSS и JavaScript кодом.
Для HTML можно выбрать следующие стандарты: XHTML 1.0 Strict, XHTML 1.0 Transitional, HTML 5, HTML 4.01 Strict, HTML 4.01 Transitional, HTML 4.01 Frameset.
Для CSS можно выбрать в настройках SCSS.
Для JavaScript в настройках можно выбрать CoffeeScript, JavaScript 1.7, Babel или TypeScript. Поддерживается множество фреймворков и расширений.
2. CodePen
Более свежий сервис для работы с кодом в онлайн. Сайт содержит более богатый функционал: консоль для кода, быстрые клавиши, настройка рабочей среды и т.д.
Поддержка множества препроцессоров:
Существует и версия CodePen Pro, которая поддерживает совместный режим, позволяющий дополнять код в режиме реального времени.
Нельзя не упомянуть, что существует огромное сообщество разработчиков, использующих CodePen. Как следствие вы сможете легко найти примеры кода, созданного опытными разработчиками.
3. Plunker
Интернет-сообщество для создания, совместной работы и обмена идеями в области web-разработки. Сайт предлагает онлайн-редактор с полностью открытым исходным кодом под лицензией MIT. В остальном ничего особенного — создание кода в реальном времени и его предварительный просмотр, полнофункциональный и настраиваемый синтаксис редактора, совместное использование.
4. Online Compiler
Инструмент для компиляции и отладки кода в онлайн. С помощью его вы сможете скомпилировать исходный код более чем на 60 языках программирования. С несложными кусками кода вполне справится. Вполне можно использовать для внедрения кода редактора на ваш сайт.
5. JS Bin
Инструмент для эксперементов с web-языками. В частности, поддержка HTML, CSS и JavaScript (доступны также Markdown, Jade и SASS). Простой редактор для совместной работы и распространения своего кода (можно вставить редактор на свой сайт, например, для просмотра демо-кода).
6. Pastebin
На сайте вы сможете сохранять и редактировать любой код (PHP, JS, HTML, CSS, С++ и сотни других). Сервис полностью бесплатен. Здесь не найдете чего-то особенного. Обычно его используют в качестве базы для хранения кусков кода. В настройках вы можете задать дату удаления кода (по умолчанию, не удалять никогда).
7. Online regex tester and debugger
Если вы часто используете регулярные выражения и возникает необходимость поделиться ими с другими участниками, то данный сервис создан для вас. На данный момент поддерживаются следующие диалекты: JavaScript, PHP, PCRE, Python и Golang. Простые настройки, возможность поделиться ссылкой, быстрая справка и генератор кода.
8. PLAYCODE
Очередной простой редактор HTML, CSS и JavaScript. Все сделано по простому и без лишних функций. Удобно работать целиком с проектом, создав и разбив все по файлам. Для ценителей минимализма в своей работе.
9. Dabblet
Как написано на самом сайте — это интерактивная площадка для быстрого тестирования фрагментов CSS и HTML-кода. Одним из приятных моментов является то, что здесь уже используется скрипт -prefix-free (избавляет от необходимости вспоминать и перечислять префиксы свойств CSS3 для разных браузеров).
К сожалению, поддерживаются только современные версии Chrome, Safari и Firefox.
10. Codly
Размещаю еще один онлайн-редактор HTML, CSS и JavaScript кода, предложенный одним из пользователей в комментариях. Это удобный сервис визуального проектирования макета сайта и составляющих по отдельности, разработанный с целью повышения продуктивности как начинающих, так и более опытных веб разработчиков.
11. DB Fiddle
Интересный ресурс для тестирования ваших SQL-запросов. Поддерживает MySQL (от версии 5.5 до 8.0), PostgreSQL (от версии 9.4 до 10.0) и SQLite (версия 3.26). Есть возможность сохранить запрос или форкануть его. До этого сайта иногда пользовался SQL Fiddle, но последнее время он часто не работает. Так что, рекомендую!
Как можете видеть существует огромное множество редакторов кода. Какие-то имеют лишь базовый функционал, какие-то более богатый. Каким пользоваться редактором решать лично вам. Если у вас есть желание поделиться своим редактором или полезной информацией по поводу использования редакторов, то жду ваших комментариев. Спасибо, до новых встреч.
Если вы нашли ошибку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.
10 простых бесплатных сервисов для хранения кода
Каждому программисту рано или поздно приходится стыкаться с проблемой, когда нужно где-то сохранить свой код, а на своем компьютере это по какой-то причине сделать невозможно. Или же нужно показать код другому программисту, который находится за тысячи километров, или заказчику. Для фрилансеров это очень актуальная проблема, и Freelance.Today решил подсказать вам, куда можно «закинуть» свой код на хранение.
Все веб-сервисы, которые позволяют сохранять полезный код, называются одним термином — «pastebins». Эти сервисы используют не только программисты-фрилансеры, но и продвинутые пользователи социальных сетей (например, когда нужно сохранить HTML-код видео, которым потом нужно будет поделиться). Тут можно хранить код, а потом давать ссылки на него другим пользователям.
В сети таких сервисов – хоть пруд пруди. Мы подскажем вам несколько бесплатных и с оптимальным набором функций.
Это больше, чем просто сервис для хранения кода. Он позволяет компилировать код, а также находить и исправлять ошибки. Скомпилированный код можно запустить в сети. Ideone поддерживает около 40 языков программирования. Но при всех своих плюсах сервис имеет один недостаток – зашифровать паролем код тут нельзя.
Дает возможность не только размещать текст или коды, но и указывать «срок годности» каждого отрывка, архивировать отдельные отрывки, подсвечивать строки, назначать суб-домены. Но скрыть код с помощью пароля тут тоже нельзя.
Тут можно легко сохранить код и потом делиться ссылкой на него с друзьями. Также есть возможность запаролить свой код, если вы хотите, чтобы он был доступен кому-то одному. Уже созданные отрывки можно архивировать и задавать порядок.
TinyPaste позволяет путем сохранения кода еще и немного заработать на бонусах, которые выдает система за каждое посещение сервиса.
Какие еще возможности дает TinyPaste:
1. Архивация фрагментов кода;
2. Шифрование кода паролем;
3. Подсвечивание отдельных фрагментов по желанию;
4. Назначение суб-доменов;
Разработан специально для хранения HTML страниц и разметки. Также тут можно хранить простой текст. Его можно также использовать в качестве анонимного веб-хостинга для HTML-страниц.
Это онлайн-компилятор, который поддерживает 13 самых популярных языков программирования. Тут можно не только хранить свой код, но и запускать его в сети. Один минус – защитить свой код паролем тут нельзя.
Довольно легкий и простой сервис для хранения кода. Среди полезных функций пастебина – подсвечивание кода, использование пароля. Сервис автоматически задает каждому новому отрывку версию.
Dpaste поддерживает всего несколько языков, но это один из простейших инструментов для размещения и сохранения кода в сети. Позволяет выделять отдельные фрагменты кода, а также архивировать отрывки.
Это один из самых мощных и функциональных сервисов для хранения кода. Среди возможностей, которые он предоставляет, и защита кода паролем, и возможность добавления вкладок, установка срока действия и подсвечивание отдельных фрагментов кода.
Pastebin.ca
Дает возможность размещать код, делиться им, защищать паролем, устанавливать срок истечения действия, архивировать отрывки и даже оставлять к ним комментарии. Простой, функциональный и очень удобный сервис.
Это далеко не все сервисы для хранения кода, но мы постарались собрать для вас самые удобные, простые и функциональные, для которых не требуется регистрация или оплата. Пользуйтесь на здоровье!
25 полезных инструментов для хранения отрывков кода
Вероятно, вы уже когда-нибудь встречали сетевой термин «pastebins». Это такие веб-сервисы, которые позволяют вам размещать отрывки написанного полезного кода, а затем делиться им с другими людьми. Такие сервисы очень часто используются пользователями IRC, социальных сетей, блогов и так далее. Пользователи могут размещать исходный код в сервисах типа pastebins, а затем отсылать ссылки на код другим людям.
В сети вы сможете найти кучу таких веб-сервисов. Большая часть оснащена стандартным набором функций. Но разработчики некоторые явно отличились смекалкой. Мы собрали для вас подборку и лучших сервисов, и вы обязательно найдете тот, который будет полностью отвечать всем вашим требованиям.
01. CodeTidy
Данный сервис позволяет вам размещать отрывки текста, и получить ссылку на размещенный вами текст, далее вы можете поделиться ссылкой с друзьями. Вы, также, можете зашифровать код паролем, если хотите, чтобы код был доступен кому-то определенному. Вдобавок, вы также можете архивировать уже созданные отрывки или выделять порядок.
02. Ideone
Ideone не просто сервис из разряда Pastebin, но и также он-лайн компилятор и дебаггер. Он позволяет вам компилировать и запускать код в сети. Имеется поддержка более 40 языков программирования. Вдобавок, вы можете архивировать уже созданные отрывки или выделять порядок. Тем не менее, стоит сказать, что сервис не предоставляет возможности шифровки кода.
03. Pastebin.com
Pastebin.com позволяет вам размещать ваши тексты и код на выделенных серверах для дальнейшего разделения с другими людьми. Вдобавок, вы можете указывать дату истечения службы кода, архивировать отрывки, выделять отдельные части кода, а также автоматически назначать суб-домены. Здесь также нет возможности шифровки кода.
04. Mystic Paste
Mystic Paste представляет собой сервис из разряда pastebin, который бесплатно предоставляет исходный код. С помощью этого сервиса вы без труда сможете размещать свои отрывки кода и делиться им с людьми. Сервис также предлагает различные дополнительные плагины.
05. TinyPaste
TinyPaste позволяет вам с легкостью размещать тексты и коды, и к тому же, у вас есть возможность заработать на этом. Система выплачивает вам бонусы за каждое уникальное посещение вашего каталога. Вы можете зашифровать код паролем, выделить отдельные фрагменты, заархивировать его, а также назначить суб-домены. Вы также можете сразу скомпилировать код. TinyPaste предоставляет вам API и некоторые сторонние инструменты.
06. Paste HTML
Paste HTML позволяет вам размещать HTML-код, простой текст, а также и разметку. Сервис может быть использован в качестве анонимного веб-хостинга для размещения HTML-страниц. Этот сервис разработан специально для кода HTML.
07. codepad
Codepad представляет собой он-лайн компилятор, который позволяет вам запускать ваш код, и делиться им с друзьями. Инструмент позволяет вам выделять отдельные отрывки кода, а также создавать отдельные приватные элементы. Тем не менее, отсутствует поддержка защиты паролем. На данный момент приложение поддерживает 13 популярных языков программирования.
08. MathBin
MathBin позволяет вам с легкостью размещать математические уравнения. В сервисе используется форматирование LaTeX для генерации уравнений в виде изображений. Этот инструмент отлично подойдет для размещения фрагментов математических и физических задач, которые подлежат решению и обсуждению.
09. Snipplr
Snipplr – это публичное хранилище отрывков кода, которое позволяет вам размещать и делиться собственными отрывками кода. Сервис позволяет вам выделять отдельные фрагменты кода и архивировать код. Для использования сервиса, вам придется зарегистрироваться.
10. Code Upload
Code Upload – это бесплатный pastebin-сервис, который предоставляет собственный исходный код. С помощью данного сервиса вы сможете размещать отрывки кода и делиться ими с другими. Сервис также позволяет вам архивировать отрывки, закрывать их паролями и выделять отдельные фрагменты кода.
11. PASTE
PASTE позволяет вам размещать ваши коды и также текст дебаггинга. Он позволяет вам устанавливать истечение срока действия и закрывать файлы паролем.
12. Gist – GitHub
Gist – это легкий способ размещения отрывков кода. Сервис предоставляет различные функции типа выделения отдельных отрывков кода, установки пароля и так далее. Всем отрывкам автоматически устанавливается версия.
13. Codetrunk
Codetrunk представляет собой инструмент для размещения отрывков кода, который, к тому же, предоставляет еще и свой собственный исходный код. Сервис позволяет вам выделять отдельные отрывки кода, архивировать их и так далее. Сервис автоматически присваивает суб-домены для каждого отрывка кода.
14. PasteSite
PasteSite позволяет вам размещать отрывки кода, которые могут быть просмотрены посредством сайта, предварительно указав выделение отдельных отрывков кода. PasteSite позволяет вам закрывать ваши отрывки кода паролем. Вы также без труда сможете удалить любой из документов.
15. pzt.me
pzt.me представляет собой сервис pastebin, который работает в нескольких направлениях. Вы можете делиться текстом, изображениями, видео и ссылками на различные интересности в сети. Вы сможете встраивать видео со всех популярных видео-сайтов, включая YouTube, DailyMotion, Vimeo и т.д. Вы также можете использовать сервис для того, чтобы укорачивать ссылки.
16. Snipt.org
Snipt предоставляет вам легкий способ размещения отрывков кода на сайтах микро-блоггинга типа twitter. Сервис включает такие функции как подсветка отдельный фрагментов, архивирование и установка пароля. Вы сможете получить собственные отрывки кода, воспользовавшись данными авторизации на сайте twitter.
17. Clippy
Clippy – это бесплатный сервис, который предоставит вам различные функции типа защиты паролем, подсветки отдельный фрагментов, антиспама и присвоение суб-доменов. На данный момент сервис поддерживает более 50 языков программирования.
18. bin.z80.us
Максимально простейшая реализация сервиса типа pastebin. Сервис очень прост в использовании. Интерфейс состоит из поля для ввода текста и кнопки вставки.
19. dpaste
Dpaste представляет собой инструмент для размещения отрывков кода. Изначально он был разработан программистами Django для использования в IRC канале #django. Вы сможете выделять отдельные фрагменты текста, а также архивировать отрывки. Тем не менее, он поддерживает всего несколько языков программирования.
20. Slexy
Slexy – это мощный и гибкий сервис типа pastebin. Он позволяет вам добавлять вкладки в пределах вставленного текста, сохранять настройки и вставлять посредством CLI/terminal. Он также предоставляет вам возможность установки истечения срока действия, выделения отдельный фрагментов кода, а также защищать код паролем.
21. Paste-It
Paste-It представляет собой простой в использовании сервис pastebin. Сервис представляет возможность создания приватных отрывков, срок истечения, а также подсветку отдельных фрагментов. Сервис также предоставляет специальные плагины для Firefox и Chrome для более быстрого и удобного копирования.
22. PasteBin.BJETDesign.com
Еще один простой в использовании сервис pastebin. Очень похож на bin.z80.us. Сервис оснащен очень простым интерфейсом.
23. YourPaste
YourPaste позволяет вам размещать тексты, цитаты и программный код. Сервис позволяет вам выделять отдельные фрагменты кода, устанавливать ограничения и окончание срока действия кода.
24. pastebin.ca
pastebin.ca представляет собой инструмент из разряда pastebin. Он позволяет вам размещать код и делиться им с другими людьми. Сервис предоставляет функции подсветки отдельных фрагментов кода, архивирования, защиты паролем, а также присвоения суб-доменов. Он также позволяет вам устанавливать срок истечения действия, а также оставлять комментарии к отрывкам.
25. Pastie
Pastie представляет собой еще один сервис из разряда pastebin с поддержкой всех основных функций, свойственных для сервисов данного типа. Сервис поддерживает все популярные языки программирования.
Вам понравился материал? Поблагодарить легко!
Будем весьма признательны, если поделитесь этой статьей в социальных сетях:
10 мест, где можно быстро поделиться фрагментами кода
Интегрированная среда разработки (IDE) — это довольно мощный инструмент в виде онлайн-приложения для быстрого создания и совместного использования фрагментов кода посредством обычного, интуитивно понятного и удобного интерфейса. Последние приложения предлагают живой предварительный просмотр и отдельные окна для CSS, HTML и JS, а также включают в себя большое количество полезных инструментов, таких как предустановленные библиотеки JavaScript, поддержка препроцессоров языков, генератор кода, инструменты для совместной работы и другое.
Это платформы с огромным потенциалом и возможностями. Добавьте к этому свободный доступ, и вы получите фантастическую площадку, где творческие люди могут ставить интересные эксперименты, опробовать новые методы, устраивать коллективной мозговой штурм и просто показать свои умения.
Мы составили список из 10 выдающихся мест для быстрого обмена фрагментами кода. Так что если не терпится начать, достаточно выбрать лучшее средство для вас.
Codepad является новой платформой, которая хорошо подходит для разработчиков различных сфер. Если вы специализируетесь в ActionScript или C-Sharp, сервис отлично подойдет вам со своей удобной средой для написания, тестирования, сохранения и обмена фрагментами кода в режиме онлайн.
В зависимости от поставленной задачи, вы можете создавать публичные, частные и частично приватные фрагменты, а также собрать все проекты в одном месте, таким образом, составив собственную коллекцию.
Имея активной сообщество, площадка даст вам возможность следить за работой коллег, находить новые решения и вдохновляться другими творениями.
Эта площадка является одной из любимых среди разработчиков, приютившая тысячи восторженных кодеров и их изобретения. Чтобы пользоваться дополнительными преимуществами, например, частным обменом, вы должны зарегистрироваться, однако если вам нужно быстро создать фрагмент кода, вы можете просто нажать кнопку “New Pen” и приступить к работе.
Это не только отличный инструмент для прототипирования рабочих компонентов или элементов пользовательского интерфейса с помощью HTML, CSS или JavaScript, но это также отличная онлайн-галерея, где вы можете найти шпаргалки и решение ваших проблем. Помимо жизненно важных функции, инструмент готов к работе с такими препроцессорами как SASS, LESS, Stylus, SCSS, CoffeeScript и LiveScript.
Довольно похожий на предыдущий пример, GitHub Gist так же является одним из предпочтительных выборов среди девелоперов, когда дело доходит до создания проектов с открытым исходным кодом. Вы можете создать открытый или секретный гит, сопроводить каждый фрагмент кода документацией или инструкцией, и обновлять его, когда вам нужно. Более того, любой желающий может прокомментировать или добавить в избранное ваш код.
С более чем 40 000 зарегистрированных пользователей, CSSDeck является ведущей платформой для написания и обмена исходным кодом. Хотя название площадки и говорит о том, что она концентрируется на CSS, тут вы можете создавать концепции сосредоточенные на HTML и JavaScript. Вам не нужно иметь учетную запись, чтобы приступить к делу. Тем не менее, если вы хотите получить все преимущества, то лучше создать аккаунт, что является совершенно бесплатным.
Codeshare еще один фронтенд редактор, не требующий регистрации, предлагающий разработчикам удобную площадку с интуитивно понятным интерфейсом и небольшим набором полезных инструментов. Просто напишите или вставьте код, поделитесь ссылкой с коллегами, обсудите и решите проблему сообща. Кроме того, инструмент имеет видео-чат, работающий по технологии WebRTC, для совместной работы в реальном времени. Единственным недостатком является то, что проект исчезнет с сервера через 14 дней.
jsFiddle будучи одним из первых в этой области, уже давно высек нишу для себя. Тут нет приветственной страницы, которая подчеркивает особенности площадки или показывает работы других, однако сервис делает то, что надо делать – обеспечивает кодера смарт-доской, чтобы смешивать и сочетать различные технические приемы для достижения желаемого результата. Сайт разбит на четыре раздела, где можно писать в HTML, CSS и JavaScript, а также увидеть эффект в режиме реального времени. Площадка имеет несколько особенностей, таких как:
С сильной поддержкой таких известных инструментов, как Bootstrap, Foundation, Materialize, SemanticUI, Skeleton и другие, Codeply является отличным местом для изготовления отзывчивого дизайна, виджетов и комплектующих для этих фреймворков. Вы можете использовать готовые макеты, фрагменты и элементы прямо из редактора, чтобы улучшить свои проекты. Также имеется онлайн-галерея с работами участников.
Dabblet — это великолепный инструмент, когда дело доходит до разбивания задачи на отдельные части и индивидуальной визуализации результатов. Есть пять различных типов предварительного просмотра – «CSS и результат», «HTML и результат», «CSS, HTML и результат», «JS и результат» и все вместе. Они улучшают рабочий процесс с разных точек зрения. К сожалению, список возможностей, не столь впечатляющий, как на сайте Сodepen. Однако, вы можете исправить это путем добавления вручную всех требуемых библиотек.
LiveWeave предлагает девелоперам:
Четыре аккуратно расположенных поля разрешают написание HTML, CSS и JS кода отдельно, а затем посмотреть на результаты их совместной работы в окне предварительного просмотра. Более того, если вам надоела стандартная темная тема интерфейса, вы можете переключиться на светлую.
Pastie – это примитивный инструмент, который является альтернативой основным инструментам обмена. Если нужно быстро написать код и поделиться им с другими, вы можете избежать всей суеты, присущей огромным и мощным редакторам, и просто приступить к делу.
Инструмент предоставляет чистый пользовательский интерфейс с хорошей подсветкой синтаксиса. Просто настройте языки, и сервис будет делать всю тяжелую работу. Хотя это не традиционная площадка с живым предварительным просмотром, поддержкой препроцессоров и предустановленными библиотеками, однако, она остается отличным способом, чтобы написать и поделиться фрагментами кода.
Заключение
Все эти инструменты являются большим подспорьем в работе, как для новичков, так и профессиональных кодеров. Если вам нужно протестировать новую технику, поставить некоторые изобретательные трюки или просто поделиться своими фрагментами кода с друзьями, чтобы получить обратную связь или внешнюю помощь для решения проблем — лучше средства не существует. Бесплатные планы, дополнительные возможности и свобода выбора – это всего лишь вишенка на торте.