Pug - интерполяция, фильтрация, текст

Как правильно подставлять в шаблон переменные и теги. Как управлять пробелами. Какой текст и куда можно подставлять. Как использовать различные языки программирования в шаблонах Pug.

Pug - комментарии, условия, итерации

Про миксины уже всё знаем. Здесь разбирали как определять, вызывать и прочее. Но что такое миксин? По сути это функция, а где функции там циклы, условия, итерации.

Pug — подключение файлов, блоки, миксины (includes, bloks, mixins)

Более простой в редактировании и понятный синтаксис упрощает создание и чтение и разметки, но кроме этого Pug, избавляет нас от дублирования. В Pug можно содержимое одного файла добавлять в другой, создавать шаблоны и использовать миксины. Благодаря этому мы можем выносить в отдельные файлы часто используемые блоки (футер, меню, хедер и т. д.). Генерировать схожие по разметки но разные по содержанию блоки, без повторения всей разметки блока.

Pug — синтаксис, теги, свойства, doctype

Pug, как заявлено, делает разметку более простой и читаемой. Достигается это за счёт упрощённого синтаксиса. В Pug нет закрывающих тегов, а сами теги пишутся без угловых скобок. Вложенность определяется отступами. По умолчанию текст в начале строки (или после пробела) представляет собой HTML-тег. Теги с отступом вкладываются, создавая древовидную структуру HTML.

Скрыть элемент от скринридера

Бывают ситуации когда элементы не несут никакой смысловой нагрузки и для скринридеров абсолютно не нужны. Как убрать элемент из дерева доступности? Если не брать в расчёт display:hide и атрибут hiden, которые выпиливают элементы из DOM, есть два варианта. Оба связаны с ARIA.

Как правильно прятать(ся)

Началось всё с того, что валидатор разметки, не то чтобы сильно был против, но всё же настойчиво намекал, что у каждого раздела должен быть заголовок. Ему же не объяснишь что дизайн такой. Поискав возможные варианты решения пришёл к выводу — валидатор был прав. Заголовки нужны независимо от дизайна. Даже если их никто не увидит. Вернее не увидит кому не надо. Обо всём по порядку.
Nimses 007 Oleg ср, 06/28/2017 - 12:31

После ошеломительных успехов facebook в мировом интернете и vk на постсоветском пространстве стало ясно что соц сети это дело интересное и прибыльное и пробиться теперь на этом рынке очень трудно, а без хорошей поддержки невозможно. Можно попробовать мутить узкоспециализированные сети типа «любители пива после 22:00» или «чёткий таз» хотя проще это делать на всё тех же fb и vk. Параллельно с этим youtube собрал любителей видосов а инста «фоторепортёров». Ну и куда податься бедным разработчикам жаждущим славы.

Продавец 006

Смотрел чеки разных магазинов (я о бумажных чеках офлайн магазинов хавки) и заметил интересную вещь — некоторые из них округляют сумму. Не, округляют они все, но в чеке об этом пишут только те кто округляет в пользу покупателя. Те кто округляет в свою пользу естественно ничего такого в чеке пробить не могут. А с другой стороны почему нет. Деньги то ведь получил так и пиши в чеке 50 копеек за просто так.

Утро. Саботаж 005

С некоторых пор, вставать рано перестало быть для меня проблемой. Теперь проблема —  встать во время. Обычная ситуация. Будильник заведён на шесть. Я просыпаюсь в пять, какое то время лежу, засыпаю и с трудом под звон будильника встаю в шесть. У тебя такого не бывает? Я думаю попробовать вставать сразу как только проснулся и не ждать будильник. На самом деле так себе идея. Есть вероятность что со временем начну просыпаться в четыре. Хотя попробовать стоит.