Перейти к содержанию

L2Banners

VIP
  • Публикаций

    1093
  • Зарегистрирован

  • Посещение

  • Победитель дней

    50
  • Отзывы

    100%

Весь контент L2Banners

  1. L2Banners

    Отображение Admin Panel в SW13

    адрес сайта в админке с https прописан?
  2. Агрессивная политика против упсов, полностью поддерживаю. Мне люди писали, что они мою группу вк на сайт ставили к себе, так их упсы блочили за это. У них судя по всему негласное правило, нельзя ставить чужие банеры и мою группу..
  3. L2Banners

    Помощь с Unitpay

    Так у всех в основном стоит обычная форма максимум с js для подсчета суммы и то не могут справиться, а тут надо еще и бек прикручивать, и редиректить либо аяксом дергать сгенерированную подпись, так что теперь таких вопросов будет много..
  4. Пожалуйста Скачал, посмотрел. Судя по всему это редизайн рипа playorbis
  5. <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>
  6. Не помню такой. По теме: {link} в sw это не ссылка, а полный тег <a ... со всеми атрибутами поэтому он не может быть вставлен в href
  7. Очень похоже на мою разметку, но не под sw, что за шаблон?
  8. Вставка видео с 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
  9. L2Banners

    Темы на сайте

    Как-то мало входных данных.. Какая cms хотя бы? Если sw13 то включи дефолтную тему чтобы убедится что проблема не в шаблоне.
  10. Рекомендую. Человек пользуется моими услугами еще с первой версии анонса и заинтересован в развитии своего проекта.
  11. L2Banners

    Проблема sw13

    В настройках sw поставить адрес сайта с https...
  12. Google Page Speed Insights - это сервис от гугла, который позволяет определить производительность сайта и дает рекомендации по его оптимизации. Очень важно понимать, что это всего лишь рекомендации! Некоторые воспринимают эти рекомендации настолько серьезно, что готовы реализовать все что там написано в ущерб функционалу своего сайта, что в итоге может даже навредить. Но это довольно сложная тема с множеством нюансов, а данная статься лишь мои мысли в слух и пара замечаний самому google. Есть такая рекомендация: С этим не поспоришь, а WebP, когда я его первый раз увидел, я был потрясен. Отличное сжатие без явной потери качества. Но там же сразу можно перейти по ссылке и увидеть, какова же поддержка браузерами данного формата? На момент написания данной статьи, это всего 80%. Вполне не плохо, но еще слишком мало чтобы использовать повсеместно. И как вы думаете что делает с этой информацией сам PageSpeed Insights? Правильно, он использует PNG: Ну ладно, не то что сами рекомендуют, но почему бы не SVG? Нужно же подать пример, но зачем? А давайте проверим на оптимизацию сам сайт developers.google.com на котором находится данный сервис: Мобильная версия всего лишь 51, а вы видели эту страницу? Она практически пустая, несколько меню сверху и снизу, пара новостей и поиск: Очевидно, что они клали на эту оптимизацию, ведь оно им не надо. Они даже не попытались показать пример... Хотя можем это и есть пример? Пример того, что не нужно бездумно пытаться реализовать все рекомендации в ущерб функционалу и здравому смыслу? В общем любая оптимизация полезна, любая рекомендация имеет смысл быть, но давайте без фанатизма. Спасибо за внимание. Ссылка на оригинал статьи
  13. (15.09.2019) Актуальная информация о стоимости, акциях и скидках: - 1 репост (Именно репост с вашей группы или страницы) стоит 400 рублей, будет на первой позиции 2 часа, после чего будет опускаться по мере добавления новых новостей. Будет удален не ранее чем через 12 часов после публикации. Посты публикуются в 15.45 / 18.00 и 20.15 каждый раз в разное время по определенному алгоритму. Вы можете указать желаемое время и если будет возможность, то пост будет публиковаться приближенно к этому времени, так же на день открытия подгоняется пост до старта, по возможности в желаемое время. Теперь доступна накопительная скидка. Учитываются все посты купленные с 1-го января 2019 года: Кроме того каждую неделю рассылается информация об акционных постах с 50% скидкой. О них можно узнать, если подписаться на рассылку https://vk.com/prikolin2?w=app5748831_-32893841 "Информация о рекламе в сообществе"
  14. Привет! Меня зовут Виталий. Я 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, Figma, Adobe XD, Avocode CMS: Opencart, OctoberCMS, DLE Услуги: Верстка сайтов любой сложности по методологии БЭМ. Адаптивная, отзывчивая, кроссбраузерная, валидная. Создание интернет-магазина на движке opencart с нуля (Реализация своего шаблона на основе дефолтного согласно ТЗ и макету) Создание сайта на DLE. Корпоративный сайт, сайт визитка, сайт витрина, блог и все что угодно не требующее мощной корзины Реализация различных программ(скриптов) на языке javascript на стороне клиента. Например: Калькуляторы стоимости, всплывающие окна с анимациями, связанные табы, вывод информации на карте, Слайдер стоимости, кастомный гугл переводчик, анимированные сцены, мини игры и многое другое. Актуальные контакты и портфолио находятся на моем сайте: Get-Web.site
  15. Обновил репозиторий на github. В конфиг добавлена возможность назначить домен и код немного оптимизировал.
  16. Я переехал на новый адрес https://get-web.site Там находится актуальная информация о моих услугах, портфолио и блог.
  17. Отличные новости! В нашей группе появилась живая обложка, которая будет периодически обновляться и показывать информацию за последние 24 часа. На данный момент выводятся имена и аватарки у тех, кто написали самый популярный комментарий и самый обсуждаемый комментарий, а так же кто сделал больше всех репостов. Это не сервис, приложение написано мной и еще не совсем стабильное, но вполне рабочее и перспективное. Если у вас есть какие-то идеи или пожелания, пишите.
  18. Важная информация для рекламодателей! Вы можете подписаться на рассылку, чтобы получать уведомления об акциях, скидках и самое главное горящих местах по супер ценам.
  19. С сегодняшнего дня группа была переведена в публичную страницу. Функции паблика более подходящие для взаимодействия с пользователями и реализации планов по дальнейшему развитию группы.
  20. Анонс в лучших традициях жанра. Удобный, информативный и самое главное с живым трафиком.
  21. Это единственный аргумент в пользу ВП и то сомнительный. Тут еще хуже, большинство качественных модулей все же платные, хотя о каком качестве можно говорить при обсуждении вп Когда продажи не идут можно попиариться в чужих темах? Ах да, это же бесплатно! Был бы на вп я бы его удалил через alt+shift+del, чтобы никто и не узнал.
  22. Если взглянуть на текущую разметку, то можно увидеть что это абсолютно 2 разных шаблона. О том что я планирую написать анонс по БЭМ я писал еще год назад и наконец-то собрался и сделал, в la2on такого еще нет, но скоро будет. Большинство скриптов со старых веток выпелены и реализованы новые более гибкие, которые контролируются через отдельный конфиг. Кроме того кардинальные изменения притерла внутренняя структура шаблона, теперь реализация новых разделов, категорий и прочих страниц, делается значительно проще. Я даже заморочился с переименованием некоторых дополнительных полей, чтобы они выглядели более логичными, это может казаться мелочью, но на основе этих полей все и держится. Полностью переписаны шаблоны запросов, что в дальнейшем упростит любые модификации. Добавление сервера вообще на vue.js реализована с которым я раньше и не работал, это я сделал для практики и как оказалось не зря. Над поддержкой la2on я работаю до сих пор и реализую в нем те идеи которые закладывал и закладываю в основную ветку. Все лучшие реализации во всех шаблонах что я делал, я применяю в основной ветке. С la2on я работаю уже больше полугода и считаю его одним из лучших анонсов и естественно я много для себя почерпнул во время работы с ним, но технически la2on сильно завязан на предыдущей ветке и уже сейчас я готовлю его к полному обновлению, что не так то и просто в связи с описанными ранее причинами. Но вот после того как я его обновлю, будет значительно легче и поддерживать, дорабатывать и обновлять в том числе. Я хочу работать с людьми, которые хотят открыть качественный конкурирующий проект и на который у меня будет достаточно времени на поддержку. Даже если я продам одну копию за год мне больше удовольствия доставит, то что она кому-то нужна, а не так поигрался и слил в шару. Если бы я гнался за прибылью, я бы оставил старую цену и у меня бы уже раскупили его как горячие пирожки, но у меня другие цели. И даже если его рипнут или солью, в следующем году будет версия еще лучше, если сами не способны что-то сделать, то воруй не воруй, все равно останешься позади.
×
×
  • Создать...