Блог

Тестируем верстку в Safari без макбука! Проверка кроссбраузерности, отладка js в macOS из под Windows

Далеко не у всех есть макбук, особенно на первых шагах обучения и практики, но рано или поздно стает вопрос, а как проверить верстку в Safari из по Windows? В целом без MacOS вы особо не развернетесь, есть различные онлайн сервисы, но в основном платные, а информации они особо не предоставляют, обычно это скриншоты с разных устройств и это гадание по фотографии, ну такое...

Удаляем собачек из группы ВК без стороннего софта и расширений (Режим полуавтоматический)


Я периодически удаляю появившихся собачек в ручную, но те собачки которые были подписаны лет 5 назад и раньше, до них я никогда не долистывал...

Кастомный виджет Яндекс.Переводчик для сайтов

yandex-translate-custom-widget


Когда-то я предложил свое решение по кастомизации виджета googleTranslate и вот недавно мне понадобилось сделать пользовательский выпадающий список с выбором языков, но уже с виджетом яндекс переводчика...

Отложенная вставка медиа ресурсов на сайт

insertmedia

Вставка видео с youtube или twitch на сайт довольно обычное дело.  Заходим на страницу с видео, нажимаем на кнопку поделиться, копируем iframe, вставляем в нужном месте и готово, видео сразу же появляется на сайте, но в этом и заключается проблема...

Лицемерие google. PageSpeed Insights


Используйте современные форматы изображений:

Форматы JPEG 2000, JPEG XR и WebP обеспечивают более эффективное сжатие по сравнению с PNG или JPEG, поэтому такие изображения загружаются быстрее и потребляют меньше трафика.

С этим не поспоришь, а WebP, когда я его первый раз увидел, я был потрясен. Отличное сжатие без явной потери качества. Но там же сразу можно перейти по ссылке и увидеть, какова же поддержка бразуерами данного формата?

Поддержка WebP
На момент написания данной статьи, это всего 80%. Вполне не плохо, но...

Методология БЭМ на примере стикеров в opencart

Поскольку я предпочитаю методологию БЭМ, начав работать с opencart, я сразу же столкнулся с ужасными для меня вещами, это вложенные селекторы. Они повсюду! Начиная от шаблона по умолчанию, заканчивая практически всеми модулями и авторскими шаблонами. Почему так? Мне кажется тут ряд причин..

Кастомный виджет google Translate для сайта

Перед тем как преступить к написанию данной статьи, я решил посетить страницу где генерируется Google Translate Widget, чтобы узнать о возможных изменениях и увидел данное сообщение:

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

Как будет выглядеть наш пример: