Главная » Архив меток: Статьи по сайтостроению

Архив меток: Статьи по сайтостроению

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

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

Читать далее »

Как создавать Favicon в 2021 году

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

Читать далее »

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

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

Читать далее »

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

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

Читать далее »

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

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

Читать далее »

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

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

Читать далее »

Используйте инструменты разработчика Chrome как синьор фронт-энд разработчик

От автора: 11 советов, которые вы должны знать, если вы выбираете Chrome в качестве среды разработки. Хорошо, теперь по какой-то причине вы, наконец, выбрали Chrome в качестве браузера, для которого вы разрабатываете. Затем вы открываете инструменты разработчика и начинаете отлаживать код. Иногда вы открываете панель «Консоль», чтобы проверить вывод программы, или панель «Элементы», чтобы проверить код CSS для элементов DOM. ...

Читать далее »

Фриланс, как экономическая и организационная свобода

От автора: понятие фриланса появилось порядка 30 лет назад в Западной Европе и США вместе с развитием интернета, хоть и звучит это невероятно. В СНГ фриланс возник примерно 20 лет назад, но развивался очень медленно. В последние 3–5 лет ситуация кардинально изменилась — произошел резкий скачок в спросе на фрилансеров, связанный с экономическими кризисами и, собственно, научно-техническим прогрессом. Нельзя не ...

Читать далее »

11 полезных онлайн-инструментов для frontend разработчиков

От автора: в Интернете множество замечательных инструментов, которые облегчают нашу жизнь как веб-разработчикам. В этой статье я кратко расскажу о 11 инструментах, которые я часто использую в своей работе. 1. CanIUse Случалось ли с вами, что вы были не уверены, будет ли веб-API совместим с определенным браузером или будет ли он доступен в мобильных браузерах? Этот онлайн-инструмент позволяет легко протестировать ...

Читать далее »

5 полезных функций в Chrome DevTools

От автора: если вы активный разработчик, работающий в Интернете, скорее всего, вы часто используете инструменты разработчика Chrome. Когда дело касается разработки современных приложений в Интернете, инструменты разработчика являются абсолютно необходимыми. Работать в Интернете без DevTools — все равно что летать на самолете без окон. Мы можем добраться туда, куда нам нужно, но это будет намного сложнее. Прежде чем мы начнем, ...

Читать далее »