Это образец одного из наших живых разговоров с экспертами отрасли. Для получения дополнительной информации ознакомьтесь с нашей подборкой « Поговорите с экспертами» , доступной для членов SitePoint.
Повторное использование CodePen
На прошлой неделе мы провели наш долгожданный живой вебинар с Крисом Койером! Для тех из вас, кто может его не знать, он является одним из организаторов подкаста The Shop Talk Show, основателем CSS-трюков и соучредителем CodePen. Поскольку CodePen является одним из самых популярных инструментов для веб-разработчиков, мы были очень рады, что он присоединился к нам и показал нам, как мы можем максимально использовать CodePen со многими полезными приемами, которые могли пропустить наш радар.
Если вы не знакомы с CodePen , самое время это сделать. CodePen — это игровая площадка, которая позволяет вам писать HTML, CSS и JavaScript в вашем браузере без дополнительного программного обеспечения. Поскольку CodePen также является облачным сервисом, вы можете делиться ручками с вашей командой, другими разработчиками или между вашими устройствами — удобно! С помощью CodePen вы можете создавать полноценные приложения или просто продемонстрировать быстрое исправление ошибки, или даже просто поделиться фрагментами кода — это все на ваше усмотрение. Теперь, когда наш вебинар завершен, у вас есть новый набор трюков в вашем распоряжении CodePen, что означает, что вы можете сделать даже больше, чем вы, возможно, поняли!
Мы дадим вам образец вебинара с небольшим резюме некоторых из 24 заданных вопросов. Тем не менее, вы можете полностью погрузиться в вебинар, просмотрев резюме ниже.
Press shift question mark to access a list of keyboard shortcuts
В: Можете ли вы добавить другие плагины и расширения в CodePen?
Крис: Если вы можете сделать это на клиенте, вы можете сделать это на CodePen.
Q: Расскажите нам о новых функциях?
Крис: есть много нового! У нас большая часть нашей команды просто вздохнула с новой функцией! Подсказка: допустим, вы посещаете урок по веб-дизайну 101, и первое, чему вас научили, это как создать веб-сайт для швейной компании вашей тети или что-то в этом роде, и вам нужна индексная страница, страница контактов, и рабочая страница, чтобы показать все фотографии ее работы. Как бы вы сделали это на CodePen? Это было бы немного сложно, а? Это … вроде как.
Q: Можете ли вы написать PHP в CodePen?
Крис: Нет, вы не можете, сейчас все это на стороне клиента, ни PHP, ни Ruby, ни Python, ни какой-либо фоновый язык.
В: Какой самый простой способ просмотра / поиска существующих перьев другими пользователями?
Крис: Наш поиск чертовски хорош, и вы можете его настроить.
В: Можем ли мы ссылаться на ресурсы из CodePen в других приложениях?
Крис: Я бы сказал, я полагаю, не стесняйтесь делать ссылки на хотлинки? Я не слишком беспокоюсь о таких вещах. Просто предупреждаем, что нет версий или чего-то еще, вы можете испортить себя таким образом, если вещь, на которую вы ссылаетесь с горячей ссылкой, изменится, она просто изменится. Там нет никаких гарантий для такого рода вещей.
В: Насколько велика команда CodePen?
Крис: Нас сейчас девять человек, так вот и все? Вы можете проверить страницу команды в About CodePen .
Q: Расскажите подробнее о плане про CodePen?
Крис: В этом есть несколько классных, убедительных и интересных преимуществ. Они могут делать некоторые вещи, которые, как мне кажется, интересуют людей [например, просмотр в реальном времени в других окнах браузера или даже мобильное тестирование, например, через Xcode].
В: Как вы можете поднять ручки, над которыми вы только что работали?
Крис: Мы пытались сделать это легче за эти годы. Одна из вещей заключается в том, что если вы откроете домашнюю страницу, если вы как бы исследуете и проверяете классные вещи, есть такая вещь, как «Мои недавние ручки»… так что прямо на главной странице мы разместили ее там. Также в выпадающем меню User есть ссылка прямо на Ручки.
Ну вот и конец
Там у нас это есть, 8 из 24 вопросов. Если вам этого недостаточно, вам не нужно чувствовать, что вы пропустили. Смотрите полный вебинар, когда захотите, и когда это будет сделано, покажите нам, какие удивительные вещи вы построили на CodePen, пометив его «makethemostofcodepen».