куда выложить код чтобы показать другому
Обзор сервисов для размещения фрагментов кода
Очень часто бывает нужно поделиться частью своего кода на 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, просто потому, что лично для меня они кажутся удобнее. А какие сервисы для размещения фрагментов кода испольуете вы?
10 простых бесплатных сервисов для хранения кода
Каждому программисту рано или поздно приходится стыкаться с проблемой, когда нужно где-то сохранить свой код, а на своем компьютере это по какой-то причине сделать невозможно. Или же нужно показать код другому программисту, который находится за тысячи километров, или заказчику. Для фрилансеров это очень актуальная проблема, и Freelance.Today решил подсказать вам, куда можно «закинуть» свой код на хранение.
Все веб-сервисы, которые позволяют сохранять полезный код, называются одним термином — «pastebins». Эти сервисы используют не только программисты-фрилансеры, но и продвинутые пользователи социальных сетей (например, когда нужно сохранить HTML-код видео, которым потом нужно будет поделиться). Тут можно хранить код, а потом давать ссылки на него другим пользователям.
В сети таких сервисов – хоть пруд пруди. Мы подскажем вам несколько бесплатных и с оптимальным набором функций.
Это больше, чем просто сервис для хранения кода. Он позволяет компилировать код, а также находить и исправлять ошибки. Скомпилированный код можно запустить в сети. Ideone поддерживает около 40 языков программирования. Но при всех своих плюсах сервис имеет один недостаток – зашифровать паролем код тут нельзя.
Дает возможность не только размещать текст или коды, но и указывать «срок годности» каждого отрывка, архивировать отдельные отрывки, подсвечивать строки, назначать суб-домены. Но скрыть код с помощью пароля тут тоже нельзя.
Тут можно легко сохранить код и потом делиться ссылкой на него с друзьями. Также есть возможность запаролить свой код, если вы хотите, чтобы он был доступен кому-то одному. Уже созданные отрывки можно архивировать и задавать порядок.
TinyPaste позволяет путем сохранения кода еще и немного заработать на бонусах, которые выдает система за каждое посещение сервиса.
Какие еще возможности дает TinyPaste:
1. Архивация фрагментов кода;
2. Шифрование кода паролем;
3. Подсвечивание отдельных фрагментов по желанию;
4. Назначение суб-доменов;
Разработан специально для хранения HTML страниц и разметки. Также тут можно хранить простой текст. Его можно также использовать в качестве анонимного веб-хостинга для HTML-страниц.
Это онлайн-компилятор, который поддерживает 13 самых популярных языков программирования. Тут можно не только хранить свой код, но и запускать его в сети. Один минус – защитить свой код паролем тут нельзя.
Довольно легкий и простой сервис для хранения кода. Среди полезных функций пастебина – подсвечивание кода, использование пароля. Сервис автоматически задает каждому новому отрывку версию.
Dpaste поддерживает всего несколько языков, но это один из простейших инструментов для размещения и сохранения кода в сети. Позволяет выделять отдельные фрагменты кода, а также архивировать отрывки.
Это один из самых мощных и функциональных сервисов для хранения кода. Среди возможностей, которые он предоставляет, и защита кода паролем, и возможность добавления вкладок, установка срока действия и подсвечивание отдельных фрагментов кода.
Pastebin.ca
Дает возможность размещать код, делиться им, защищать паролем, устанавливать срок истечения действия, архивировать отрывки и даже оставлять к ним комментарии. Простой, функциональный и очень удобный сервис.
Это далеко не все сервисы для хранения кода, но мы постарались собрать для вас самые удобные, простые и функциональные, для которых не требуется регистрация или оплата. Пользуйтесь на здоровье!
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 – это примитивный инструмент, который является альтернативой основным инструментам обмена. Если нужно быстро написать код и поделиться им с другими, вы можете избежать всей суеты, присущей огромным и мощным редакторам, и просто приступить к делу.
Инструмент предоставляет чистый пользовательский интерфейс с хорошей подсветкой синтаксиса. Просто настройте языки, и сервис будет делать всю тяжелую работу. Хотя это не традиционная площадка с живым предварительным просмотром, поддержкой препроцессоров и предустановленными библиотеками, однако, она остается отличным способом, чтобы написать и поделиться фрагментами кода.
Заключение
Все эти инструменты являются большим подспорьем в работе, как для новичков, так и профессиональных кодеров. Если вам нужно протестировать новую технику, поставить некоторые изобретательные трюки или просто поделиться своими фрагментами кода с друзьями, чтобы получить обратную связь или внешнюю помощь для решения проблем — лучше средства не существует. Бесплатные планы, дополнительные возможности и свобода выбора – это всего лишь вишенка на торте.
Что нужно сделать перед тем, как выложить код открытого программного обеспечения
Выложить проект с открытым программным кодом – это больше, чем выложить код в Интернете.
Интерес к программным продуктам с открытым исходным кодом растёт последние 10 лет. Linux стоит и в стиральных машинах, и в боевых дронах. Большинство программистов не могут представить свою жизнь без широкого ассортимента бесплатных и открытых инструментов в своем распоряжении.
Обратная сторона этого замечательного тренда состоит в том, что когда вы выпускаете новый проект c открытым исходным кодом, вы попадаете в зону жесткой конкуренции.
Чем вы можете помочь своему проекту, чтобы его заметили?
Перед тем, как открыть какой-либо код, я отвечаю на вопросы, которые изложил в этой статье. Но не обязательно в таком же порядке.
Вы можете следовать каждому пункту чеклиста, а можете только его части. Помните о цели – помочь другим узнать о вашем проекте, быстро разобраться, как его использовать, и принять в нём участие.
Лицензия
Доступность
Документация
Багтрекер
Инструменты
На старт, внимание, релиз!
Если на все вопросы вы ответите утвердительно, ваш проект станет очень успешным среди других проектов с открытым программным кодом. Не переживайте, если не получится сделать всё – даже маленькие шаги работают на вас.
И когда первый разработчик придет и напишет что-то в коде, не забудьте это отметить, как чувак из «Большого Лебовски»:
Только что из Иллинойса
Если вы знаете, что ещё можно добавить в этот список, напишите в комментариях к статье или в твиттер автору статьи: @radekpazdera.
Как вставить html-код: все возможные варианты
Из этой статьи вы узнаете:
Нередко неопытных пользователей вводит в ступор простая задача – как вставить html-код, к примеру, в блог, на страничку, в письмо. Вариантов того, каким образом проделать операцию, – несколько, все зависит от определенных задач, стоящих перед юзером. Html-код – широкое понятие, позволяющее разместить на странице массу полезных элементов, добавить картинку и видео, бегущую строку, счетчик, баннер. Применяя программный язык, вы можете собственноручно создать уникальный продукт, стоит лишь понять, какой вставить html-код и какие действия произвести.
Что нужно для вставки html-кода на страницу: обязательное условие
Вряд ли гостей сайта или блога привлечет обычный текст на белом поле, будь он хоть трижды полезным. Каждая деталь – цвет шрифта, визуальный эффект, расположение элементов – описывается определенным образом. Создавать структуру страницы сайта или блога может только администратор (хозяин), имеющий права редактирования. Поэтому вставить html-код человек, не обладающий доступом к админке, не сможет.
В обязанности администратора входит полный контроль над работой ресурса. Он создает темы, включает в структуру новые плагины, добавляет страницы и пр.
Для входа на сайт для управления и редактирования предусмотрена страница администратора, своеобразный пульт управления, где админ координирует любой процесс, добавляет, удаляет, создает новые элементы.
Допустим, вы решили, что для каких-либо целей нужно создать собственный портал. На пустом месте сайт не возникнет, необходимо разместить его на платформе, или движке.
Наибольшей популярностью пользуются движки:
Кроме платных платформ, есть и бесплатные, типа Wix.
Вне зависимости от выбора системы управления, каждая располагает разделом администратора для наполнения сайта контентом.
Допустим, вы администратор портала, который работает на базе WordPress. Вход в административную службу можно произвести, добавив в адресной строке браузера ссылку http://имя ресурса/wp-login.php.
В открывшемся поле нужно вставить уникальные логин и пароль, кликнуть на кнопку ввода, и откроется страничка администрирования. При внесении некорректных данных система заблокирует вход, выдав уведомление об ошибке идентификации, и попросит вторично вставить свои данные.
Так же просто попасть в систему управления сайтом на платформе Joomla. В принципе, вход в административный раздел идентичен только что описанному для движка WordPress. Ссылка для адресной строки – http://имя ресурса/administrator, после чего жмем на Enter и заполняем аналогичные окошки своими данными для регистрации. Разница лишь в том, что для администраторов Joomla предусмотрен один пароль – admin. Идентификационные данные пользователь получает от системного администратора провайдера, который руководит хостингом ресурса. При неправильном вводе пароль сбрасывается и требуется повторная идентификация.
Итак, на какой бы платформе ни базировалась ваша интернет-площадка, вставить html-код без административных прав пользователь не сумеет.
Как вставить html-код на сайт WordPress
1. Установка счетчиков и сервисов
Структура любого сайта подразумевает добавление или удаление каких-либо плагинов, html-кодов популярных сервисов, типа счетчиков посетителей, или сервисов, анализирующих интернет-ресурсы, или иных приложений для веб-аналитики (Google Analytics или, к примеру, «Яндекс.Метрика»), метатега подтверждения прав на сайт «Яндекс.Вебмастер», или любого производного кода.
В WordPress вставить html-код на страницу можно несколькими способами:
Иногда приходится вводить html-код вручную в файл темы – способ проблематичный, но в определенных случаях безальтернативный. Обновляя страницу, приготовьтесь, что процедуру придется проводить заново, потому держите под рукой копии файлов, которые пришлось изменить.
Чаще пользователи пользуются удобными и практичными плагинами.
