Как автоматизировать преобразование фоновых изображений, заключённых в теге в HTML с помощью GULP в формат WebP и самого HTML?

К сожалению данный вариант не подходит, так как планируется посадка страниц на CMS Jekyll, данная проверка осуществляется на клиенте с помощью JS, то есть к body добавляется дополнительный класс WebP или в случае, если устройством не поддерживается данный формат, то создаётся класс no-WebP. Нужно, чтобы GULP формировал HTML с содержанием исходных картинок и картинок в формате WebP в теле style со свойством background-image.

Как лучше сверстать список на скриншоте?

Сделай, как у Bootstrap, укажи жёстко в media ширину при которой они будут складываться, пропиши grid-breakpoints

Тебе сюда

Как автоматизировать преобразование фоновых изображений, заключённых в теге в HTML с помощью GULP в формат WebP и самого HTML?

Спасибо, за кусочек кода) Про конвертацию-то понятно.

Задача чуть в другом состоит, чтобы GULP автоматически прописывал строки в HTML, как в случае с плагином gulp-webp-html, что-то в этом роде:

// Input
<img src="/img/tmp/catalogImage.jpg">
 
// Output
<picture>
    <source srcset="/img/tmp/catalogImage.webp" type="image/webp">
    <img src="/img/tmp/catalogImage.jpg">
</picture>

Но для свойства background-image) в самом HTML

NOD32 блокирует подключение внешних устройств к созданному browser-sync серверу по локальной сети. Как устранить блокировку?

Леонид, В том то и дело, что ты даже не проверял и не знаешь что у тебя на компе. У меня залетали, причём это был компонент одной достаточно известной и распространённой программы, пришлось попрощаться с программой. Как залетали, неизвестно — не посещаю сторонние сайты ноунеймы, а так же не ставлю левое ПО. Не видел что-то я, что кто-то крутит рекламу, даже впервые слышу о таком. Да и по поводу рекламы, вот антивирусы как раз её и блокируют, вот к примеру сейчас в карантине сидит яндекс советник, который мне не нужен от слова совсем. А то что можно виртуалку запустить и песочницу настроить это мне известно,

NOD32 блокирует подключение внешних устройств к созданному browser-sync серверу по локальной сети. Как устранить блокировку?

Ошибочное мнение. Винда защищена относительно хорошо, но она стоит у большинства людей на планете, так что хацкеры давно уже её оприходовали. Антивирусы всего лишь уменьшают количество жерт этих хацкеров и они гораздо быстрее развиваются, чем отдел безопасности в Микрософте.

NOD32 блокирует подключение внешних устройств к созданному browser-sync серверу по локальной сети. Как устранить блокировку?

У меня с ним проблем не было, раньше всё работало и винда летает. Просто он блокирует весь сетевой трафик внутри локалки. Раньше этот трафик блокировал брандмауэр, проблема решалась установкой одной галочки в его настройках. Наверняка кто-то сталкивался уже с такой же проблемой, те кто часто работают с npm и в частности с модулем browser-sync.

Использование Bootstrap в проекте это плохо или хорошо?

Да это я понимаю, но он ещё тянет за собой и jquery. Вот в чем смысл, оптимизация ресурсов.

Какой сервис использовать для блокировки ботов на сайте?

Язык R и PowerBI в тандеме смогут вычислить и отсечь любого бота, бота легко вычленить из данных статистики, хоть они и рандомныне, но тем не менее не могут полностью эмулировать человека.

Как создать аккаунт в Microsoft Azure (разработчику из России)?

vantoo, нужно быть максимально открытым с поддержкой, максимально подробно описать, для каких целей будет использоваться Azure. Мне лично понадобился Bot framwork, я это им и объяснял. Позже меня перевели на русскую поддержку, там я оплатил абонентскую плату и получил доступ. Сейчас мне доступны виртуальные машины и т.д. Короче все зависит от целей.

Как в России попробовать сервисы AZURE?

Это я знаю, но активировать службу в России не удастся, так как наш регион не поддерживается. Только что общался с поддержкой Майкрософт, сказали, что в течении трёх дней примут решение о предоставлении доступа к данному сервису. Жду результата.

Что выбрать для веб-сервиса, PHP или Node.js?

OnYourLips, я бы так не сказал, если так оно и было, то Google был бы в заднице со своими нововведениями, но он почему-то лидер. Требования к рядовым сотрудникам растут и свято место пусто не бывает, если говорить уж о корпоративном секторе. На фрилансе, когда заказчику нужен сайт визитка или магазин на WP, то абсолютно согласен, там требования невысоки. В студиях так же, но не в корпорациях. Соответственно и оплата труда гораздо ниже и нестабильнее в таких студиях и на фрилансе, если брать за длительный период при тех же усилиях труда, чем в крупной корпорации. Достаточно взглянуть на Samsung, когда их сайт упал из-за нагрузки почти в самый ответственный момент, оказалось - чуть-чуть не рассчитали нагрузку. Простые задачи решаются - легко, достаточно загуглить, сложные требуют гораздо больше сил и времени на реализацию.

Что выбрать для веб-сервиса, PHP или Node.js?

OnYourLips, Тоже спорный вопрос, node также прекрасно работает с логикой и под одну кнопку можно напихать кучу вариантов исполнения в зависимости от условий, только я бы не использовал if в своём проекте, циклы сильно тормозят, а делал бы константы и прерывание, переход на другую строку кода при несоответствии константы и по окончанию прохождения, по совпавшим и отработанным константам выполнял бы свой сценарий из совпавших констант. Получается один запрос на сервер за исходником, отработка алгоритма на стороне клиента и соответственно отработка сценария выполнения задач в зависимости, что выбрал клиент. Правда это относится ближе к js, но в связке с node в случае сложной логики, когда отрабатывается множество операций на один клик, опять же желательно чтобы они выполнялись на стороне клиента, чтобы пока он думает все модули сценария были уже загружены на его сторону. Тем более под каждую отдельную задачу можно написать свой модуль node, что делается ой как легко, который можно переносить из проекта в проект. Различие существенное в выборе способа программирования СОП и ООП. Событийный способ значительно выигрывает у объектно-ориентированного программирования. Отсюда и прекрасная масштабируемость до невероятных размеров, достаточно взглянуть на ряд браузерных игр.

Что выбрать для веб-сервиса, PHP или Node.js?

OnYourLips, Опять же соглашусь отчасти, так как задачи бывают разные, иногда приходится оптимизировать что только создал, соответственно в оптимизации участвует и сам хостинг, то есть смотришь с какой скоростью, что загружается, сколько ресурсов при этом съедается, при этом можешь узнать пиковую нагрузку которую сможет выдержать сайт, конечно же это не для новичков. Опять же весомый аргумент в пользу node.js, это прежде всего сам javascript благодаря которому можно вести разработку не только для веба, но и для различных устройств. Сегодня развитие идёт к тому, что постепенно все окружающие нас устройства потихоньку засасываются во всемирную паутину, например автомобили, умные дома, измерительные приборы, наружная реклама и т.д. и т.п.. Опять же одним JS не обойтись, но благодаря расширяемости node.js многое невозможное становится возможным. А вообще достаточно взглянуть на рейтинг, разница в цифрах незначительна, но видно стремительное падение в развитии PHP за крайний десяток лет https://tiobe.com/tiobe-index

Что выбрать для веб-сервиса, PHP или Node.js?

OnYourLips, В чём-то ты прав, да ему это и не нужно знать его - зачем нужен PHP, всё можно реализовать на готовых модулях node, а что не возможно - дописать парой строчек кода на другом языке, в том числе и на приоритетном JS. Та статья древняя, как мамонт, развитие не стоит на месте. В node только одна проблема - он всё превращает в кашу, в один единый поток цифры и когда возникает ошибка, то к примеру среди тысячи возвращённых запросов слитых в одну трубу иногда сложно отыскать, что работает некорректно, где произошёл отказ. Больше в нём минусов нет. PHP при такой задаче просто заткнётся и хостеры будут трахать за нагрузку, даже при ТОП железе, но зато стабильность "ССУКО". Сам node всего лишь ускоряет разработку почти под любые задачи, что немаловажно сегодня. Где можно встретить PHP - Facebook к примеру или Wordpress, только благодаря им он всё ещё держится на плаву, а это примерно аудитория 70% жителей на планете. Ради прикола попробуй загрузить страницу Facebook на PC, только потом отпишись, успел ли ты выпить кружечку кофе или чая, пока дождался её полной загрузки.

Что выбрать для веб-сервиса, PHP или Node.js?

OnYourLips, старая статейка https://habr.com/ru/post/273259/ , не вижу смысла отвечать на провокации.

Что выбрать для веб-сервиса, PHP или Node.js?

OnYourLips, с чего бы это?@OnYourLips, с чего бы это? PHP кроме обращения к серверу и генерации страниц в браузере вообще ничего не может. У него даже само название за себя говорит - Personal Home Page, а node.js это продолжение js в пакетном варианте, то он уже имеет готовые модули для выполнения той или иной задачи, что значительно упрощает работу с самим js. Достаточно посмотреть как работает gulp, webpack, grunt на худой конец, более того, ........ Node или Node.js — программная платформа, основанная на движке V8 (транслирующем JavaScript в машинный код), превращающая JavaScript из узкоспециализированного языка в язык общего назначения. Node.js добавляет возможность JavaScript взаимодействовать с устройствами ввода-вывода через свой API (написанный на C++), подключать другие внешние библиотеки, написанные на разных языках, обеспечивая вызовы к ним из JavaScript-кода. Node.js применяется преимущественно на сервере, выполняя роль веб-сервера, но есть возможность разрабатывать на Node.js и десктопные оконные приложения (при помощи NW.js, AppJS или Electron для Linux, Windows и macOS) и даже программировать микроконтроллеры (например, tessel и espruino). В основе Node.js лежит событийно-ориентированное и асинхронное (или реактивное) программирование с неблокирующим вводом/выводом. НЕ ВИЖУ СМЫСЛА ПЕРЕНОСИТЬ ТО, ЧТО КОМУ-ТО ЛЕНЬ ПРОЧИТАТЬ ХОТЯ БЫ В ВИКИПЕДИИ, я даже не говорю о самом сайте Node.js.

Что выбрать для веб-сервиса, PHP или Node.js?

Вот пример такого холодильника четырехлетней давности https://blog.ubuntu.com/2015/05/11/iot-canonical-a...

Какие форматы шрифтов используются на сайте?

Я это тоже находил, статья написана в 2012 году, сегодня 2019, сомневаюсь, что актуальна сегодня.

Какие форматы шрифтов используются на сайте?

Moskus, как они туда попадут интересно?, если каждый шрифт с отдельным расширением подключается отдельно, собственными ручками. Хочется избавиться от лишней работы, не перегонять через конвертер ненужные шрифты, не писать лишние строки. В частности в mixin font-face прописываешь код для каждого отдельного расширения, пока прописаны oet, woff, ttf. Вот и пытаюсь разобраться стоит ли дописывать остальные.

@mixin font-face($font-family, $file-path, $weight: normal, $style: normal, $asset-pipeline: false )
	@font-face
		font-family: $font-family
		font-weight: $weight
		font-style: $style

		@if $asset-pipeline == true 
			src: font-url('#{$file-path}.eot')
			src: font-url('#{$file-path}.eot?#iefix') format('embedded-opentype'), font-url('#{$file-path}.woff') format('woff'), font-url('#{$file-path}.ttf') format('truetype')
		@else
			src: url('#{$file-path}.eot')
			src: url('#{$file-path}.eot?#iefix') format('embedded-opentype'), url('#{$file-path}.woff') format('woff'), url('#{$file-path}.ttf') format('truetype')

Вот в этом и сеть сложность, всё остальное не подключается, если не пропишешь.

Как настроить и оптимизировать SEO, если сайт полностью выполнен на JS?

Проблема в том, что сайт выполнен с помощью THREE.JS, то есть vue.js ну никак не воткнёшь в сцену.