15 февр. 2015 г.

CodePen: как показать свой код другим людям

Очень часто требуется показать свой код другому человеку. Есть очень удобный инструмент, позволяющий показывать код с помощью всего лишь одной ссылки. Это http://codepen.io. Предпреждаю, в нем многие примеры из этого учебника не работают . Кроме того, новичкам может быть непонятно как соединяются вместе HTML, CSS и JavaScript (там это скрыто).

Зайдите на сайт http://codepen.io и нажмите кнопку сверху "New Pen" (создает новый пустой шаблон для вставки кода).

Загрузится новая страница с тремя полями для кода: HTML, CSS и JS (JavaScript).

Введите в поле HTML такой код:

<button class="button" onclick="Kuku()">Нажми меня</button>

Введите в поле CSS:

.button { font-size: 30px }

Введите в JS:

function Kuku(){
  alert('ku ku');
}


В нижней части страницы будет появляться результат соединения введенных кодов.
Нажмите на созданную кнопку - появится сообщение "ku ku".

Теперь эту страничку можно показать кому угодно, скопируйте адрес сайта и отправьте:
http://codepen.io/anon/pen/MYQBew





Комментариев нет:

Отправить комментарий