От автора: новая функция Chrome, получившая название «Blink LazyLoad», предназначена для резкого повышения производительности через отложенную загрузку изображений ниже сгиба и сторонних iframe. Целями этого смелого эксперимента являются улучшение общей скорости рендеринга контента, отображаемого в окне просмотра пользователя (также известного как контент выше сгиба), а также сокращение объема сетевых данных и использования памяти. Ленивая загрузка изображений и iFrame может дать ...

От автора: азы CORS, CSP, HSTS и всех акронимов веб-безопасности для веб-разработчиков! Существует много причин узнать про веб безопасность больше: Вы обеспокоенный пользователь, который боится кражи своих персональных данных Вы заинтересованный веб-разработчик, который хочет сделать свои веб-приложения более безопасными Вы — веб-разработчик, ищущий работу, и хотите быть готовым к тому, что ваши интервьюеры зададут вам вопросы о безопасности в Интернете. ...

От автора: в последние годы появилось много площадок, с помощью которых осуществляется front end клиентская разработка. Большинство предлагают быстрый и простой способ экспериментировать с клиентским кодом и делиться с другими. В этой статье мы рассмотрим семь лучших из них. Стандартные функции этих площадок включают в себя: HTML-, CSS- и JavaScript-редакторы с подсветкой кода Окно предварительного просмотра — много обновлений на ...

От автора: для чего нужны PWA приложения? За последние несколько лет отмечался стремительный рост числа пользователей мобильных устройств. Сегодня более 60% общего использования Интернета осуществляется через мобильный телефон. Очевидно, что причинами этого являются портативность, дешевизна оборудования, простой доступ к Интернету и увеличение количества онлайн-сервисов. С учетом большого количества пользователей мобильных телефонов важно оптимизировать работу с ними. Для небольших компаний, которые ...

От автора: единицы, которыми измеряется окно просмотра, всегда были противоречивыми, и для некоторых из них все еще усложнилось в связи с тем, что мобильные браузеры имеют собственные мнения относительно того, как их реализовать. Реальный пример: следует ли учитывать полосу прокрутки для единицы vw? Что насчет панели навигации сайта или элементов управления страницы — должны ли они учитываться при расчете? Также ...

От автора: можете представить, что вы удвоили свой вес со 180 фунтов до 360 фунтов за 3 года? Вы бы немного смутились, верно? Но именно это произошло с веб-страницами, и всем, кажется, нет до этого дела. Веб-страницы стали огромными по сравнению с микроскопическими масштабами в начале 2000-х. Но шокирует то, что, несмотря на более быстрые соединения, иногда сайты загружаются еще ...

От автора: мониторинг доступности сайта осуществляется с помощью средств для доступа к важной информации, предоставляемой вспомогательным технологиям на текущей странице, через дерево доступности, позволяя вам проверить, что отсутствует или иным образом требует внимания. В этой статье вы узнаете основные функции инспектора доступности и способы его использования. (очень) краткое руководство по доступности Доступность — это практика, позволяющая использовать ваши сайты как ...

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

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

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