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

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

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

Читать далее

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

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

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

Читать далее

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

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

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

Читать далее

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

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

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

Читать далее

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

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

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

Читать далее

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

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

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

Читать далее

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

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

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

Читать далее

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

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

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

Читать далее

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

Оптимизация SVG для Веб

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

Читать далее