Архив меток: сайтостроение

Это начало конца для PWA?

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

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

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, чтобы помочь лучше организовать свои команды и улучшить методы найма. Это делает ...

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

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

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

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

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

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

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

Подход к BEM как к философии пользовательского интерфейса, а не соглашению об именах CSS

От автора: BEM — это действительно отличная концепция, поскольку она решает реальную проблему эффективным образом. В его основе прекрасные идеи, но, к сожалению, он не очень элегантный. Воспринимая его, как соглашение именования классов CSS, вы можете многому научиться у BEM, как структурировать пользовательские интерфейсы, даже если вы не используете CSS для стилизации. Это то, что мне нравится в нем, так ...

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

Как загрузить на сайт шрифты Google Fonts без ущерба для производительности

От автора: Google Fonts легко включить, но они могут оказать существенное влияние на время загрузки страницы. Давайте рассмотрим, как мы можем загрузить на сайт шрифты Google Fonts оптимальным способом. Стоит отметить, что Google Fonts очень популярны. На момент написания статьи, их просмотрели в Интернете более 29 триллионов раз, и легко понять, почему — коллекция предоставляет доступ к более чем 900 ...

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

Все, что вам нужно знать о Прогрессивных веб-приложениях (PWA)

От автора: прогрессивное веб-приложение, также известное как PWA — это лучший способ для разработчиков ускорить загрузку веб-приложений и повысить их производительность. Вкратце, PWA — это веб-сайты, которые используют последние веб-стандарты для установки на компьютер или устройство пользователя. Они предоставляют пользователям опыт в стиле приложений. Самый известный пример Twitter, который недавно запустил mobile.twitter.com как PWA, созданное с помощью React и Node.js. ...

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