x
 
Василий
10 августа 2017
Советы почтой каждую неделю
Пожалуйста, получите наше письмо, чтобы подтвердить свой адрес:
Вы подписаны на «Советы за неделю»:

С помощью чего собрать простой прототип на веб-технологиях?


Визивиг — сокращение от What You See Is What You Get (WYSIWIG), «что видишь, то и получаешь».

Визивиг‑редакторы в режиме редактирования показывают содержимое максимально близко к конечному результату. Самый популярный визивиг‑редактор — Ворд.

Собрать обу­ча­ю­щую ста­тью, про­мо­стра­ницу или сайт‑порт­фо­лио можно без про­грам­ми­ро­ва­ния, Гита и хостинга. Для этого подой­дут совре­мен­ные визи­виг‑редак­торы: Тильда, Реди­маг и Веб­флоу.

Визивиг — сокращение от What You See Is What You Get (WYSIWIG), «что видишь, то и получаешь».

Визивиг‑редакторы в режиме редактирования показывают содержимое максимально близко к конечному результату. Самый популярный визивиг‑редактор — Ворд.

Тильда

По моему опыту, в Тильде быстро созда­ются порт­фо­лио и про­мо­стра­ницы с поч­то­сбор­ни­ками. В Тильде авторы соби­рают стра­ницу из типо­вых бло­ков: обложки, тек­ста, изоб­ра­же­ния, гале­реи, поч­то­сбор­ника, цитаты.

Редимаг

В Реди­маге нет типо­вых бло­ков. Чтобы свер­стать в нём стра­ницу, авторы рас­кла­ды­вают виджеты — текст, кар­тинки, видео — на хол­сте‑стра­нице (почти как в Фото­шопе). Реди­маг отлично под­хо­дит для ста­тей и рас­ска­зов: сво­бод­ная вёрстка, ани­ма­ция видже­тов, пол­ный кон­троль над шрифтами.

Вебфлоу

Веб­флоу ближе всех к вёрстке и про­грам­ми­ро­ва­нию. Авторы вер­стают в нём стра­ницы с нуля: добав­ляют кон­тей­нер, раз­ме­чают шапку и под­вал, задают отступы и настра­и­вают пове­де­ние эле­мен­тов в мобиль­ной вер­сии. Сове­тую исполь­зо­вать Веб­флоу в двух слу­чаях: не хва­тило функ­ци­о­нала Реди­мага и Тильды; для изу­че­ния блоч­ной модели и пози­ци­о­ни­ро­ва­ния в ХТМЛ (об этом — в сле­ду­ю­щем совете).

Ещё по теме

P. S. Это был совет о веб‑разработке. Хотите знать всё о коде, тестах, фронтенд‑разработке, цеэсэсе, яваскрипте, рельсах и джейде? Присылайте вопросы.
Вёрстка и прототипирование — дисциплина Школы дизайнеров. Набор закрыт. Оставьте почту, и мы напишем вам, когда откроется следующий набор.
 

Поделиться
Отправить

Комментарии

Александр Рыбин
15 августа 2017

Что скажете по поводу Adobe Muse?


Цель рубрики — обсуждение вопросов дизайна всех видов, текста в дизайне и взаимоотношений дизайнеров с клиентами.

Мы публикуем комментарии, которые добавляют к уже сказанному новые мысли и хорошие примеры. Мы ожидаем, что такие комментарии составят около 20% от общего числа.

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

Вот такой веб 2.0.

Как правильно делать подчёркивание ссылок другим цветом? 6 Разработчик, который не думает, а просто делает — не нужен? 4 Что делает тег meta с атрибутом name="viewport"? Зачем его указывать? Автотесты «на пальцах» 1




Недавно всплыло

Как найти себе замену 1 Почему эспрессо стоит 100 рублей, а американо 150? 3 Хочу научиться сторителлингу 2 2