От автора: существует большая разница, и я рад, что термины 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 также помогает в разбиении на части (разделение на более мелкие блоки) и управлении зависимостями кода, чтобы гарантировать, что код, который должен загружаться первым, сделает это.

Продолжить чтение →

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

Продолжить чтение →

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

Продолжить чтение →

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

Продолжить чтение →

От автора: в то время, как я работал с командой разработчиков в прошлом квартале над платформой сообщества с открытым исходным кодом Forem, они попросили меня просмотреть Pull Request для доступности на GitHub, который представил новую функцию CSS только для Chrome: content-visibility. Я пропустил анонс об этой функции несколькими месяцами ранее сторонниками Chrome, поэтому первым делом я специально изучил его, чтобы понять потенциальное влияние на доступность.

Продолжить чтение →

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

Продолжить чтение →

От автора: недавно разработчики из Chrome опубликовали статью о введении нового ярлыка для высокопроизводительных веб-сайтов, цель которого — помочь пользователям найти страницы, предлагающие «высококачественный пользовательский интерфейс в Интернете».

Продолжить чтение →

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

Продолжить чтение →

От автора: 11 советов, которые вы должны знать, если вы выбираете Chrome в качестве среды разработки.

Продолжить чтение →