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

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

От автора: в этой статье я хочу поделиться с вами лучшими стратегиями загрузки и тем, как их все реализовать. Зак Лизерман составил полный список стратегий загрузки шрифтов, которые широко используются в области веб-разработки. Зак рекомендует две стратегии: FOUT with Class — лучший подход для большинства ситуаций. (Работает независимо от того, пользуемся ли мы хостингом шрифтов или размещаем собственные шрифты.) Critical ...

От автора: всего за год до того, как в 1991 году была запущена первая веб-страница, Microsoft начала поставлять, пожалуй, самый известный шрифт иконок, Wingdings. Однако прошло почти 22 года, прежде чем шрифты иконок стали тенденцией дизайна в Интернете. Введение CSS-правила @font-face позволило веб-дизайнерам указывать собственные шрифты для отображения текста. К 2011 году его поддерживали все основные браузеры. Это породило идею ...

От автора: Google Fonts теперь поддерживает иконки с открытым исходным кодом, начиная с набора иконок Material Design. Системы письма, которые мы используем сегодня, имеют долгую историю. Человеческое выражение началось с рисунков на стенах пещер, некоторые из которых датируются не менее 40 000 лет до нашей эры. Позднее латинский иероглиф «А», как полагают, произошел от финикийского «Aleph», который сам начинался как ...

От автора: как веб-разработчик, который работает с малыми предприятиями над обновлением их устаревших сайтов, я всегда нахожусь в поиске новейших и лучших способов улучшить рабочий процесс и предоставить превосходный продукт. Тем не менее, когда я впервые начал заниматься фрилансом, я полагался на WordPress как на безопасный, проверенный и надежный вариант для моих клиентов, которым нужна была система управления контентом (CMS) ...

От автора: существует большая разница, и я рад, что термины front-of-the-front и back-of-the-front-end получили распространение с тех пор, как я пошутил о них на Shop Talk Show. Некоторые из моих клиентов фактически отошли от принципа «мы нанимаем только full-stack разработчиков» и вместо этого приняли термины front-of-the-front-end и back-of-the-front-end, чтобы помочь лучше организовать свои команды и улучшить методы найма. Это делает ...

От автора: Webpack — это сборщик модулей JavaScript, который преобразует веб-ресурсы, такие как файлы HTML, CSS, JavaScript и SVG, и объединяет их в меньшую группу файлов. Webpack также помогает в разбиении на части (разделение на более мелкие блоки) и управлении зависимостями кода, чтобы гарантировать, что код, который должен загружаться первым, сделает это. Как работает webpack В этой статье мы перейдем ...

От автора: если вы используете страницы GitHub, высока вероятность, что вы также используете Jekyll. Самая лучшая вещь, которую предлагает Jekyll — это создание шаблонов, которые отлично подходят как для скорости разработки, так и для обеспечения единообразия вашего сайта. Jekyll больше 12 лет, и местами его возраст дает о себе знать. Я хотел увидеть, что возможно с сегодняшними, более современными инструментами. ...

От автора: в этом посте я опишу 8 методов оптимизации загрузки изображений, чтобы минимизировать использование для отображения изображений как пропускного канала, так и ЦП. Я представлю их в виде аннотированного примера HTML, чтобы людям было легче воспроизвести результаты. Некоторые из этих методов более устоявшиеся, другие в некоторой степени новы. В идеале, ваш любимый механизм для публикации веб-документов (например, CMS, генератор ...