Сайтостроение \ Статьи по сайтостроению

Front-of-the-front- и back-of-the-front-end  веб-разработка

От автора: существует большая разница, и я рад, что термины 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 в 2021 году

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

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

Сайтостроение \ Статьи по сайтостроению

Супероптимизированные статические сайты

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

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

Сайтостроение \ Статьи по сайтостроению

Максимальная оптимизация загрузки изображений для Интернета в 2021 году

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

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

Сайтостроение \ Статьи по сайтостроению

Преобразование и оптимизация изображений из командной строки

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

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

Сайтостроение \ Статьи по сайтостроению

Сontent-visibility и доступная семантика

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

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

Сайтостроение \ Статьи по сайтостроению

Observer или отложенная загрузка на основе вычисления прокрутки

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

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

Сайтостроение \ Статьи по сайтостроению

Подготовьте свою веб-страницу к появлению в Chrome ярлыка «Быстрая страница»

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

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

Сайтостроение \ Статьи по сайтостроению

5 самых раздражающих функций веб-сайтов, с которыми я сталкиваюсь, будучи слепой

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

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