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

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

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

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

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

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

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

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

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

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

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

Началось всё с того, что валидатор разметки, не то чтобы сильно был против, но всё же настойчиво намекал, что у каждого раздела должен быть заголовок. Ему же не объяснишь что дизайн такой. Поискав возможные варианты решения пришёл к выводу — валидатор был прав. Заголовки нужны независимо от дизайна. Даже если их никто не увидит. Вернее не увидит кому не надо. Обо всём по порядку.

Файлы cookies на сайте webonlife.ru

Файл cookie представляет собой небольшой файл, обычно состоящий из букв и цифр. Этот файл сохраняется на вашем компьютере, планшетном ПК, телефоне или другом устройстве, которое Вы используете для посещения сайта. Файлы cookie широко используются владельцами сайтов для обеспечения работы сайтов или повышения эффективности работы, а также для получения аналитической информации.

Nimses 007

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