Как сделать презентацию на движке Shower: быстрый старт, шаблон, элементы и устройство темы
https://www.youtube.com/watch?v=tyHitZ6H9jY
https://www.youtube.com/watch?v=tyHitZ6H9jY
YouTube
Как сделать презентацию на движке Shower: быстрый старт, шаблон, элементы и устройство темы
00:00 Интро
01:13 Что такое Shower
02:55 Shower CLI
04:22 Устройство шаблона
05:03 Запуск сервера
06:17 Где всё примеры
10:00 Корневые параметры
11:58 Устройство темы
14:04 Компонент спотлайт
16:58 Тема Material
18:14 Две мысли
19:19 Аутро
Нравится? Становитесь…
01:13 Что такое Shower
02:55 Shower CLI
04:22 Устройство шаблона
05:03 Запуск сервера
06:17 Где всё примеры
10:00 Корневые параметры
11:58 Устройство темы
14:04 Компонент спотлайт
16:58 Тема Material
18:14 Две мысли
19:19 Аутро
Нравится? Становитесь…
Переходы между страницами: креативные примеры, ресурсы и некоторые советы
https://www.awwwards.com/page-transitions-creative-examples-resources-and-some-tips.html
https://www.awwwards.com/page-transitions-creative-examples-resources-and-some-tips.html
Awwwards
Page Transitions: Creative Examples, Resources and some Tips
<h2>Page transitions are a fundamental part of website navigation and user experience, they help to create visual continuity and entertain the user while all the assets are loading. The perception of...
Сверхгибкая CSS-карусель, улучшенная с помощью JavaScript-навигации
https://css-tricks.com/a-super-flexible-css-carousel-enhanced-with-javanoscript-navigation/
https://css-tricks.com/a-super-flexible-css-carousel-enhanced-with-javanoscript-navigation/
CSS-Tricks
A Super Flexible CSS Carousel, Enhanced With JavaScript Navigation | CSS-Tricks
Editor's Note: Chrome is prototyping a new feature for creating carousels directly in CSS, including scroll buttons and scroll markers for navigating between
Первый взгляд на Aleph.js: новый фреймворк React в Deno
https://blog.logrocket.com/first-look-at-aleph-js-a-new-react-framework-in-deno/
https://blog.logrocket.com/first-look-at-aleph-js-a-new-react-framework-in-deno/
LogRocket Blog
First look at Aleph.js: A new React framework in Deno - LogRocket Blog
Using Aleph.js for webpage customization offers developers a flexible routing framework, SSR and SSG support, and tight security.
Динамические метатеги для ботов и сканеров с помощью Firebase и Cloudflare Workers
https://richard-0094.medium.com/dynamic-meta-tags-for-bots-and-crawlers-using-firebase-and-cloudflare-workers-b351cd7045db
https://richard-0094.medium.com/dynamic-meta-tags-for-bots-and-crawlers-using-firebase-and-cloudflare-workers-b351cd7045db
Medium
Dynamic meta tags for bots and crawlers using Firebase and Cloudflare Workers
There are lots of ways to serve dynamic meta tags to bots and crawlers, most involve managing your own servers whether it be SSR…
7 полезных атрибутов HTML, о которых вы, возможно, не знаете
https://javanoscript.plainenglish.io/7-useful-html-attributes-that-you-probably-dont-know-661784fe21e
https://javanoscript.plainenglish.io/7-useful-html-attributes-that-you-probably-dont-know-661784fe21e
Medium
7 Useful HTML Attributes that You Probably Don’t Know
The powerful HTML attributes that every web developer should know.
История фронтенда: Браузер, который умел всё
https://blog.csssr.com/ru/article/frontend-history-the-browser-that-could-do-everything/
https://blog.csssr.com/ru/article/frontend-history-the-browser-that-could-do-everything/
Google представил фреймворк Flutter 2 и язык Dart 2.12
https://www.opennet.ru/opennews/art.shtml?num=54701
https://www.opennet.ru/opennews/art.shtml?num=54701
Веб-производительность: 11 обязательных советов, чтобы ускорить работу вашего сайта
https://www.shopify.com/partners/blog/web-performance
https://www.shopify.com/partners/blog/web-performance
Shopify
Web Performance: 11 Must-Read Tips to Give Your Site a Speed Boost
Web performance has never been more important. Slow websites mean lost and frustrated customers. To help you improve the performance of your websites, we spoke with seven experts to get their best performance tips.
Атака по извлечению данных из кэша CPU, реализуемая в web-браузере без JavaScript
https://www.opennet.ru/opennews/art.shtml?num=54727
https://www.opennet.ru/opennews/art.shtml?num=54727
Когда следует использовать прогрессивные веб-приложения?
https://neilpatel.com/blog/progressive-web-apps/
https://neilpatel.com/blog/progressive-web-apps/
Neil Patel
When Should You Use Progressive Web Apps?
Looking for a way to offer your customers the best of website functionality and app experience? The answer lies in progressive web apps. Here's why you should use them.
Веб-компоненты проще, чем вы думаете
https://css-tricks.com/web-components-are-easier-than-you-think/
https://css-tricks.com/web-components-are-easier-than-you-think/
Snowpack: альтернативный Вебпаку инструмент сборки
https://blog.bitsrc.io/snowpack-an-alternative-build-tool-to-webpack-9e8da197071d
https://blog.bitsrc.io/snowpack-an-alternative-build-tool-to-webpack-9e8da197071d
Адаптивный текст в зависимости от размера изображения
https://dev.to/afif/responsive-text-based-on-image-size-36n9
https://dev.to/afif/responsive-text-based-on-image-size-36n9
Слишком много SVG засоряют вашу разметку? Попробуйте
https://css-tricks.com/too-many-noscripts-clogging-up-your-markup-try-use/
use.https://css-tricks.com/too-many-noscripts-clogging-up-your-markup-try-use/
CSS-Tricks
Too Many SVGs Clogging Up Your Markup? Try `use`. | CSS-Tricks
Recently, I had to make a web page displaying a bunch of SVG graphs for an analytics dashboard. I used a bunch of <rect>, <line> and <text>
Объяснение принципа работы Webpack’s Hot Module Replacement Feature
https://blog.bitsrc.io/webpacks-hot-module-replacement-feature-explained-43c13b169986
https://blog.bitsrc.io/webpacks-hot-module-replacement-feature-explained-43c13b169986
Medium
Webpack’s Hot Module Replacement Feature Explained
Developing a JavaScript application involves reloading the browser each time you save code changes in order to refresh the user interface.
Когда следует использовать прогрессивные веб-приложения?
https://neilpatel.com/blog/progressive-web-apps/
https://neilpatel.com/blog/progressive-web-apps/
Neil Patel
When Should You Use Progressive Web Apps?
Looking for a way to offer your customers the best of website functionality and app experience? The answer lies in progressive web apps. Here's why you should use them.
4 распространенные WordPress атаки (и как их избежать)
https://torquemag.io/2021/03/common-wordpress-attacks/
https://torquemag.io/2021/03/common-wordpress-attacks/