Почему не стоит использовать сброс стилей (reset.css, обнуление стилей CSS)
Тестируем верстку в Safari без макбука! Проверка кроссбраузерности, отладка js в macOS из под Windows
![](/uploads/posts/2022-11/1668907793_1668907747265.png)
Удаляем собачек из группы ВК без стороннего софта и расширений (Режим полуавтоматический)
![](/uploads/posts/2022-01/1643477643_wallpapper.jpg)
iDaBuilder — Сборка Gulp + PostCSS
![iDaBuilder](/uploads/posts/2021-12/1639344527_idabuilder.jpg)
Кастомный виджет Яндекс.Переводчик для сайтов
Когда-то я предложил свое решение по кастомизации виджета googleTranslate и вот недавно мне понадобилось сделать пользовательский выпадающий список с выбором языков, но уже с виджетом яндекс переводчика...
Unitpay ajax form с генерацией подписи
![unitpay-ajax-form](/uploads/posts/2020-12/1607890506_unitpay-ajax-form.jpg)
Отложенная вставка медиа ресурсов на сайт
![insertmedia](/uploads/posts/2020-03/1585357823_insertmedia.jpg)
Вставка видео с youtube или twitch на сайт довольно обычное дело. Заходим на страницу с видео, нажимаем на кнопку поделиться, копируем iframe, вставляем в нужном месте и готово, видео сразу же появляется на сайте, но в этом и заключается проблема...
Категория: JavaScript / seo
Как создать Youtube API KEY v3
![YouTube Data API v3](/uploads/posts/2020-01/1579294602_youtube-data-api-v3.jpg)
Чтобы создать API KEY для Youtube необходимо иметь аккаунт Google и если у вас его нет, то создаем его. Заходим в Google API Console и в панели...
Лицемерие google. PageSpeed Insights
Используйте современные форматы изображений:
Форматы JPEG 2000, JPEG XR и WebP обеспечивают более эффективное сжатие по сравнению с PNG или JPEG, поэтому такие изображения загружаются быстрее и потребляют меньше трафика.
Форматы JPEG 2000, JPEG XR и WebP обеспечивают более эффективное сжатие по сравнению с PNG или JPEG, поэтому такие изображения загружаются быстрее и потребляют меньше трафика.
С этим не поспоришь, а WebP, когда я его первый раз увидел, я был потрясен. Отличное сжатие без явной потери качества. Но там же сразу можно перейти по ссылке и увидеть, какова же поддержка бразуерами данного формата?
![Поддержка WebP](/uploads/posts/2019-10/medium/1571566158_webp.jpg)
На момент написания данной статьи, это всего 80%. Вполне не плохо, но...
Методология БЭМ на примере стикеров в opencart
![](/uploads/posts/2019-06/1561134910_vlozhennost-mem.jpg)
Кастомный виджет google Translate для сайта
Перед тем как преступить к написанию данной статьи, я решил посетить страницу где генерируется Google Translate Widget, чтобы узнать о возможных изменениях и увидел данное сообщение:
Не сложно догадаться какой браузер имеет ввиду Google, но речь не об этом. Самое главное, что плагин все также остается рабочим и мы можем им пользоваться. Кроме того, за неимением возможности генерировать виджет, данная тема становиться еще более актуальной, ведь потребность в машинном переводе никуда не исчезла, а Google Translate, на мой взгляд, один из самых мощных инструментов для этого.
Как будет выглядеть наш пример:
Получить доступ к переводчику сайтов больше нельзя. Это никак не отразится на тех, кто уже установил соответствующий плагин.
Советуем пользователям переводить веб-страницы с помощью браузеров, имеющих встроенную функцию перевода.
Советуем пользователям переводить веб-страницы с помощью браузеров, имеющих встроенную функцию перевода.
Не сложно догадаться какой браузер имеет ввиду Google, но речь не об этом. Самое главное, что плагин все также остается рабочим и мы можем им пользоваться. Кроме того, за неимением возможности генерировать виджет, данная тема становиться еще более актуальной, ведь потребность в машинном переводе никуда не исчезла, а Google Translate, на мой взгляд, один из самых мощных инструментов для этого.
Как будет выглядеть наш пример:
![](/uploads/posts/2019-06/1560799705_translate-demo.gif)
Категория: Блог / JavaScript
Нулевой пост
![](/uploads/posts/2021-06/1624185900_profil-mem-2020.jpg)