—»     —»   3 Webmaker-инструмента от Mozilla для создания сайтов
  Раздел: Инструменты   Нет комментариев  

3 Webmaker-инструмента от Mozilla для создания сайтов



Mozilla – это хороший старт для тех веб-пользователей, которые хотели бы переквалифицироваться в тех, кто создает веб. Инструменты Webmaker – это отличный источник вдохновения для разработчиков и дизайнеров, которые хотят перенести свои навыки и знания на новый уровень.

Данная статья направлена на краткое введение в три инструменты для создания сайтов от Mozilla: Thimble, X-Ray Goggles и Popcorn Maker. Эти три инструмента позволят вам научиться разрабатывать код, анализировать код на других готовых сайтах и так далее.

01. Thimble

Thimble – это лучший конструктор сайтов для новичков. Пользователи могут выбирать проекты для создания онлайн-портфолио, аватаров или веб-резюме, либо даже создать страничку собственной команды защитников интернета.

3 Webmaker-инструмента от Mozilla для создания сайтов

Редактор Thimble сильно отличается от традиционных многофункциональных редакторов. Здесь предусмотрены такие функции, как подсказки при разработке кода, проверка на ошибки, предварительный просмотр и возможность изменять размер текста. Это отличный инструмент для дизайнеров и разработчиков начального уровня.

3 Webmaker-инструмента от Mozilla для создания сайтов

Всплывающие подсказки Thimble – это отличная функция, которая будет помогать пользователям при редактировании или просмотре строк кода отдельных CSS/HTML-элементов.

Thimble также упрощает процесс публикации ваших работ и позволяет обмениваться ими с друзьями.

3 Webmaker-инструмента от Mozilla для создания сайтов

Функция публикации обеспечит вас двумя ссылками: одна для того, чтобы поделиться результатом работы с друзьями и фолловерами, а вторая для редактирования опубликованных проектов. Во всплывающем окне публикации проекта также есть вкладка, позволяющая поделиться результатом работы в Google, Twitter, Facebook, и т.д.

3 Webmaker-инструмента от Mozilla для создания сайтов

02. X-Ray Goggles

Чтобы научиться создавать хорошие проекты, иногда вам следует просматривать, как были сделаны другие профессиональные проекты. X-Ray Goggles от Mozilla Webmaker, после активации, позволяет вам инспектировать код любой страницы в интернете, будь то ваш личный блог или Google.com.

Этот инструмент работает как встроенная в браузер функция инспектирования, только оснащенная дополнительными свойствами. Установка инструмента довольно проста – вы просто кидаете его в закладки браузера. После установки вы можете воспользоваться Goggles на любом сайте, код которого вам хочется увидеть.

Чтобы воспользоваться Goggles, введите URL сайта, который вы хотите проинспектировать. Стандартный URL Goggles отображает вам простую веб-страницу с встроенным изображением.

3 Webmaker-инструмента от Mozilla для создания сайтов

Goggles также оснащен удобным встроенным редактором, так что у вас будет возможность изменять и адаптировать страницу прямо в Goggles, и тут же просматривать внесенные изменения. Goggles также позволяет публиковать ваши измененные и созданные работы в Goggles примерно тем же образом, что и Thimble. Правда, рекомендуем вам сначала убедиться в том, что проект, который вы изменяете, не защищен авторским правом.

03. Popcorn Maker

Popcorn Maker упрощает вам возможность улучшить, изменить и опубликовать медиа-файлы и видео. Запустите инструмент, введите URL видео на HTML5, Youtube, Vimeo или Soundcloud.

Именно здесь и начинается веселье! Вы можете изменять видео, добавляя элементы и медиа-свойства, представленные в боковой панели, просто перетаскивая их на нужный кадр.

3 Webmaker-инструмента от Mozilla для создания сайтов
Постовой: На этом сайте ты сможешь найти кучу информации, которая поможет тебе создать сайт самому и при желании заработать на нем. Если Вы начинающий вебмастер - желаем вам приятного обучения!
Обнаружили ошибку или мёртвую ссылку?
Выделите проблемный фрагмент мышкой и нажмите CTRL+ENTER.
В появившемся окне опишите проблему и отправьте уведомление Администрации ресурса.
Нужна органическая вечная ссылка из данной статьи? Постовой?
Подробности здесь
Вам понравился материал? Поблагодарить легко!
Будем весьма признательны, если поделитесь этой статьей в социальных сетях:

Опубликовал Design FactoRy   Прочитано (раз): 5535   |   Нет комментариев
Автор перевода — CoolWebmasters.Com ©   |   Источник материала / оригинал статьи   Распечатать
Другие статьи и новости по теме:
Добавление комментария
Уважаемые пользователи!
При добавлении комментариев на сайт Вам следует учитывать следующее - все комментарии проверяются Администрацией на предмет отсутствия спама. При обнаружении признаков спама, в оставленном Вами комментарии, сам комментарий будет незамедлительно удалён, а Ваш IP-адрес будет забанен без предупреждения! Учётные записи пользователей, рассылающих спам, блокируются/удаляются без права последующего восстановления.

С уважением, Администрация сайта.
* = поля обязательны к заполнению
Полужирный Наклонный текст Подчеркнутый текст Зачеркнутый текст | Выравнивание по левому краю По центру Выравнивание по правому краю | Вставка смайликов Выбор цвета | Скрытый текст Вставка цитаты Преобразовать выбранный текст из транслитерации в кириллицу Вставка спойлера
Вопрос : Назовите месяц October по-русски
Подтверждение кода безопасности :

Включите эту картинку для отображения кода безопасности
обновить, если не виден код


секторный затвор DMN
dmn-rus.com
Популярные публикации


















Свежие шаблоны сайтов каждый день
С миру по нитке
«    Сентябрь 2017    »
ПнВтСрЧтПтСбВс
 123
45678910
11121314151617
18192021222324
252627282930