Пишу про разработку вообще и в частности про: JavaScript, HTML5, CSS3, AngularJS, ReactJS, Agile.

Chrome будет блокировать рекламу не отвечающую стандартам

Начиная с 15 февраля этого года Chrome будет блокировать рекламу, которая не отвечает стандартам описанным в Better Ads Standards. Разумеется, что у хрома нет цели убить рекламу в интернете и можете быть спокойны, что реклама в результатах поиска гугла никуда не денется 🙂 Вместе с тем разработчики самого популярно браузера хотят сделать интернет лучше и, как

Колбэк по изменению размера элемента на странице – ResizeObserver

В 64 версии хрома появился новый функционал . Теперь можно реагировать на изменения размера элементов, без привязки к ресайзу окна. До этого момента нужно было хранить состояние элементов в переменной и если происходили изменения в расположении, то обновлялась переменная и как результат можно было что-то делать. Плюс новые размеры элементов можно было получить только используя

Хром меняет полиси относительно автозапуска видео на странице

С этого месяца хромом вводятся более суровые правила касательно автозапуска видео на странице. Видео по-прежнему можно будет запускать из кода, но вот звук будет по-умолчанию отключен. Есть исключения из правил, для того чтобы браузер дал проигрывать видео со звуком должен выполниться один из критериев: Пользователь как-то интерактировал со страницей (кликал мышкой, тапал и т.п.) Пользователь

Консоль хрома теперь не интерпретирует код сразу как нажали на enter

Каждый раз, как работаешь с консолью в хроме нужно помнить, что на enter жать можно только с shift’ом. Иначе код сразу подхватится и закинется в интерпретатор. Особенно это раздражало, когда ты случайно жал на enter посередине функции. Теперь это в прошлом, хром научился понимать, когда мы еще не закончили писать функцию и ждет: Да, скорее

Справляемся с CORS в хроме

Одна из самых распространенных проблем с запросами к серверу это несостыковка доменов запроса и сервера. Блок идет со стороны браузера, если сервер не дал добро на запрос, то данные не пройдут и в консоле выпадет вот такая ошибка: Разумеется, что все это рассуждение имеет смысл, только во время разработки, если такие ошибки у вас на

Вышел Chrome 61

Несколько ярких моментов: Добавлена поддержка web modues ? Появился USB API – теперь из браузера можно получить доступ к подключенным через USB устройствам ? Ссылки по теме: ECMAScript modules in browsers

Chrome 59

Выходит новая версия хрома, а с ней и новые возможности Coverage – табик, в котором показывается какая часть скриптов (css и js) используется сайтом. Скриншот всей страницы. Даже той части, которая скрыта за прокруткой. Блок адресов. Помогает проверять как ведет себя сайт, когда часть скриптов не загружена.

Debugging The Web (Chrome Dev Summit 2016)

В продолжение предыдущего поста – еще одно видео о новых фичах DevTools для хрома. К сожалению пока доступно только в канари, но в конце-концов должно оказаться и в хроме.

Chrome DevTools Masterclass

Пробежимся по основным моментам: Открываем экспериментальные возможности инструментов разработчика в хроме. Используем workspace для работы с исходным кодом прямо в хроме. Используем Command Menu для быстрого доступа к всем командам (Command+Shift+P). Network Panel – активируем Capture screenshots для записи скриншотов (иконка с камерой, на той же строчка, что и кнопка записи сетевой активности) Расширенный фильтр

Chrome extension – url-carousel

В порядке эксперимента написал плагин для хрома URL-carousel. Суть плагина достаточно простая – он в отдельном табе открывает поочередно сайты из списка. Дополнительные табы не открываются. Зачем именно так, когда есть решения, которые просто переключают открытые табы? Дело в том, что в моем случае нужно было транслировать экран через хромкаст на внешний телевизор. При этом