Стилизация символов CSS с помощью Background-Clip
https://levelup.gitconnected.com/css-character-styling-using-background-clip-a1c512ad6d20
https://levelup.gitconnected.com/css-character-styling-using-background-clip-a1c512ad6d20
Medium
CSS Character Styling Using Background-Clip
In Grace Omele’s article “How to Apply CSS to HalfStyle a Character or a Text” she covers a “plugin” to aid in styling text. Whilst the…
Создание бесконечной круговой галереи с использованием WebGL с шейдерами OGL и GLSL
https://tympanus.net/codrops/2021/02/23/creating-an-infinite-circular-gallery-using-webgl-with-ogl-and-glsl-shaders/
https://tympanus.net/codrops/2021/02/23/creating-an-infinite-circular-gallery-using-webgl-with-ogl-and-glsl-shaders/
Codrops
Creating an Infinite Circular Gallery using WebGL with OGL and GLSL Shaders | Codrops
In this tutorial we'll implement an infinite circular gallery using WebGL with OGL based on the website Lions Good News
Воссоздание ландшафта реального мира с помощью React, Three.js и WebGL шейдеров
https://techblog.geekyants.com/recreating-real-world-terrain-with-react-threejs-and-webgl-shaders-1
https://techblog.geekyants.com/recreating-real-world-terrain-with-react-threejs-and-webgl-shaders-1
GeekyAnts Tech Blog
Recreating Real-World Terrain With React, Three.js & WebGL Shaders
Flight Simulator, Heard Of It?
You might know about Microsoft's Flight Simulator release in August last year and like me, if you're interested in flight simulators or photorealistic recreations of real life places, you might have spent a lot of time ...
You might know about Microsoft's Flight Simulator release in August last year and like me, if you're interested in flight simulators or photorealistic recreations of real life places, you might have spent a lot of time ...
Проверка доступности сайта: обзор инструментов для accessibility testing
https://dou.ua/forums/topic/32847/
https://dou.ua/forums/topic/32847/
DOU
Проверка доступности сайта: обзор инструментов для accessibility testing
На данный момент существует множество разнообразных инструментов для тестирования доступности. Рассмотрим некоторые из них.
Создавайте адаптивные эффекты изображения с помощью градиентов CSS и aspect-ratio
https://www.smashingmagazine.com/2021/02/responsive-image-effects-css-gradients-aspect-ratio/
https://www.smashingmagazine.com/2021/02/responsive-image-effects-css-gradients-aspect-ratio/
Smashing Magazine
Create Responsive Image Effects With CSS Gradients And aspect-ratio — Smashing Magazine
A classic problem in CSS is maintaining the aspect ratio of images across related components, such as cards. The newly supported `aspect-ratio` property in combination with `object-fit` provides a remedy to this headache of the past! In this article, Stephanie…
Как сделать презентацию на движке 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