L2Banners

Так у всех в основном стоит обычная форма максимум с js для подсчета суммы и то не могут справиться, а тут надо еще и бек прикручивать, и редиректить либо аяксом дергать сгенерированную подпись, так что теперь таких вопросов будет много..

Пожалуйста Скачал, посмотрел. Судя по всему это редизайн рипа playorbis

<div class="theme"> <div class="theme__img" style="background-image: url({template}/images/favatar.png);"></div> <div class="theme__title"> {link} </div> <div class="theme__info"> <div class=" theme__author theme__author_pos"> <img alt="Gatsby " src="{template}/images/icon__person.png"><span>author:</span> {author} </div> <div class="theme__date"> <span>date:</span> {date} </div> </div> </div>

Не помню такой. По теме: {link} в sw это не ссылка, а полный тег <a ... со всеми атрибутами поэтому он не может быть вставлен в href

Очень похоже на мою разметку, но не под sw, что за шаблон?

Вставка видео с youtube или twitch на сайт довольно обычное дело. Заходим на страницу с видео, нажимаем на кнопку поделиться, копируем iframe, вставляем в нужном месте и готово, видео сразу же появляется на сайте, но в этом и заключается проблема... Когда iframe встроен непосредственно в разметку сайта, то как только начинается загрузка страницы и браузер видит iframe он начинает загружать видео и все ресурсы необходимые для работы плеера. Сайт начинает долго грузится и как не странно жутко лагать вплоть до зависания устройства с которого пользователь посетил сайт. Помимо этого анализ производительности pagespeed insights даже из-за одного видео проседает примерно на 15 пунктов и тут я с ним полностью солидарен, если на сайте стоит preloader, то пользователь вообще может не дождаться загрузки. Поскольку мне часто приходится иметь дело с такими проблемами я написал небольшой скрипт решающие основные задачи с которыми я сталкивался. Решения в интернете есть ведь идея не нова и проблема известна давно, но они достаточно топорные и сложно расширяемые. Возможно есть какие-то плагины, но к сожалению мне не попадались, да я и не искал. Скрипт написан на чистом js, так что его можно подключить к любому проекту. Demo: https://get-web.site/insertmedia.html Репозиторий на gitHub: https://github.com/get-web/insertmedia Чтобы начать использовать необходимо подключить скрипт: <script src="../src/insertmedia.js"></script> И вызвать его: document.addEventListener("DOMContentLoaded", function () { insertmedia(); }); Можно вызвать с опциями: document.addEventListener("DOMContentLoaded", function () { insertmedia({ delay: 300, // Задержка. default: 300ms immediately: true, // тип задержки true/false. Сразу или по очереди каждый "delay" милисекунд. default: true - сразу attr: 'data-insertmedia', // Атрибут с конфигурацией вставки. В блок с этим атрибутом будет вставляться наше видео или изображение. default: data-insertmedia }) }); Блоку в который будет вставляться видео мы добавляем атрибут с параметрами: data-insertmedia='{"type" : "youtube", "src" : "https://www.youtube.com/embed/6Q6cCuSvFpI", "setting" : "autoplay=1&mute=1" }' Например для вставки видео с ютуба мы можем использовать такие настройки: <div data-insertmedia='{"type" : "youtube", "src" : "https://www.youtube.com/embed/6Q6cCuSvFpI", "setting" : "autoplay=1&mute=1" }'> </div> Доступные опции: type*: тип вставляемого ресурса. На данный момент это: youtube , twitch , html5 , img src*: Ссылка на ресурс (видео,картинка..) например: https://example.com/img.jpg width: Ширина доступная для вставляемого типа ресурса height: Высота доступная для вставляемого типа ресурса setting: Настройки доступные для вставляемого типа ресурса (*) - Обязательно В общем идея достаточно проста, мы передаем тип ресурса и ссылку на него без параметров, а уже в setting передаются параметры доступные для данного типа ресурса. Например фрейм ютуба по умолчанию выглядит так: <iframe width="560" height="315" src="https://www.youtube.com/embed/6Q6cCuSvFpI" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> Мы можем вставить его таким образом (не используя setting или передавая пустую строку "setting": "") : <div data-insertmedia='{"type" : "youtube", "src" : "https://www.youtube.com/embed/6Q6cCuSvFpI" }'> </div> Но если мы, к примеру, хотим запустить видео автоматически и без звука, фрейм будет таким: <iframe width="560" height="315" src="https://www.youtube.com/embed/6Q6cCuSvFpI?autoplay=1&mute=1" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> Как вы могли заметить к ссылке были добавлены необязательные параметры ?autoplay=1&mute=1 их мы и передаем в setting при использовании скрипта: <div data-insertmedia='{"type" : "youtube", "src" : "https://www.youtube.com/embed/6Q6cCuSvFpI", "setting" : "autoplay=1&mute=1" }'> </div> То есть любые параметры описанные в документации к youtube вы можете использовать таким образом. Точно так же передаются параметры и другим типам ресурсов в зависимости от их API. Именно поэтому происходит разделение ссылки и параметров, чтобы можно было их интегрировать под любой тип и иметь возможность правильно составлять шаблоны для последующей вставки. Надеюсь я понятно объяснил и мой труд кому-то будет полезен. Если будут вопросы задавайте их тут. Пишите если что-то нужно добавить или исправить, или если хотите покритиковать. Источник: https://get-web.site/blog/javascript/43-insertmedia.html

Несколько последних работ:

Как-то мало входных данных.. Какая cms хотя бы? Если sw13 то включи дефолтную тему чтобы убедится что проблема не в шаблоне.

Рекомендую. Человек пользуется моими услугами еще с первой версии анонса и заинтересован в развитии своего проекта.

Обновлен движек DLE до версии 13.3

В настройках sw поставить адрес сайта с https...

Google Page Speed Insights - это сервис от гугла, который позволяет определить производительность сайта и дает рекомендации по его оптимизации. Очень важно понимать, что это всего лишь рекомендации! Некоторые воспринимают эти рекомендации настолько серьезно, что готовы реализовать все что там написано в ущерб функционалу своего сайта, что в итоге может даже навредить. Но это довольно сложная тема с множеством нюансов, а данная статься лишь мои мысли в слух и пара замечаний самому google. Есть такая рекомендация: С этим не поспоришь, а WebP, когда я его первый раз увидел, я был потрясен. Отличное сжатие без явной потери качества. Но там же сразу можно перейти по ссылке и увидеть, какова же поддержка браузерами данного формата? На момент написания данной статьи, это всего 80%. Вполне не плохо, но еще слишком мало чтобы использовать повсеместно. И как вы думаете что делает с этой информацией сам PageSpeed Insights? Правильно, он использует PNG: Ну ладно, не то что сами рекомендуют, но почему бы не SVG? Нужно же подать пример, но зачем? А давайте проверим на оптимизацию сам сайт developers.google.com на котором находится данный сервис: Мобильная версия всего лишь 51, а вы видели эту страницу? Она практически пустая, несколько меню сверху и снизу, пара новостей и поиск: Очевидно, что они клали на эту оптимизацию, ведь оно им не надо. Они даже не попытались показать пример... Хотя можем это и есть пример? Пример того, что не нужно бездумно пытаться реализовать все рекомендации в ущерб функционалу и здравому смыслу? В общем любая оптимизация полезна, любая рекомендация имеет смысл быть, но давайте без фанатизма. Спасибо за внимание. Ссылка на оригинал статьи

(15.09.2019) Актуальная информация о стоимости, акциях и скидках: - 1 репост (Именно репост с вашей группы или страницы) стоит 400 рублей, будет на первой позиции 2 часа, после чего будет опускаться по мере добавления новых новостей. Будет удален не ранее чем через 12 часов после публикации. Посты публикуются в 15.45 / 18.00 и 20.15 каждый раз в разное время по определенному алгоритму. Вы можете указать желаемое время и если будет возможность, то пост будет публиковаться приближенно к этому времени, так же на день открытия подгоняется пост до старта, по возможности в желаемое время. Теперь доступна накопительная скидка. Учитываются все посты купленные с 1-го января 2019 года: Кроме того каждую неделю рассылается информация об акционных постах с 50% скидкой. О них можно узнать, если подписаться на рассылку https://vk.com/prikolin2?w=app5748831_-32893841 "Информация о рекламе в сообществе"

Привет! Меня зовут Виталий. Я front-end разработчик, который любит непростые задачи. На момент создания этой темы я занимаюсь web разработкой уже 4 года и за моими плечами более 200 сверстанных сайтов, 8 интернет-магазинов на движке opencart шаблоны которых были созданы мной с нуля, а так же пара десятков Lendig page, корпоративных сайтов и сайтов визиток на движке DLE. Список основных моих знаний, которые я применяю: Навыки: HTML5, CSS3, jаvascript, JQuery, Vue.js, Node.js, Git, ajax, CSS flexbox, grid layout, Pixel-perfect, css-анимация Методология: БЭМ Сборщик: Gulp Редактор: VS Code Для работы с графикой: Photoshop, Adobe XD, Avocode CMS: Opencart, DLE Услуги: Верстка сайтов любой сложности по методологии БЭМ. Адаптивная, отзывчивая, кроссбраузерная, валидная. Создание интернет-магазина на движке opencart с нуля (Реализация своего шаблона на основе дефолтного согласно ТЗ и макету) Создание сайта на DLE. Корпоративный сайт, сайт визитка, сайт витрина, блог и все что угодно не требующее мощной корзины Реализация различных программ(скриптов) на языке javascript на стороне клиента. Например: Калькуляторы стоимости, всплывающие окна с анимациями, связанные табы, вывод информации на карте, Слайдер стоимости, кастомный гугл переводчик, анимированные сцены, мини игры и многое другое. Актуальные контакты и портфолио находятся на моем сайте: Get-Web.site

Обновил репозиторий на github. В конфиг добавлена возможность назначить домен и код немного оптимизировал.