Forwarded from Node.JS [ru] | Серверный JavaScript
Bulma – CSS фреймворк, основанный на Flexbox 👨💻
https://bulma.io
#jsarticle #css #css3 #bulma #frontend #web #webdev #html #html5
https://bulma.io
#jsarticle #css #css3 #bulma #frontend #web #webdev #html #html5
bulma.io
Bulma: Free, open source, and modern CSS framework based on Flexbox
Bulma is a free, open source CSS framework based on Flexbox and built with Sass. It's 100% responsive, fully modular, and available for free.
Quintus - игровой движок для HTML5 🎮
http://www.html5quintus.com
#quintus #html #html5 #js #css #jsarticle #javascript #frontend #gamedev
http://www.html5quintus.com
#quintus #html #html5 #js #css #jsarticle #javascript #frontend #gamedev
Эффект перелистывания с помощью position: sticky 💎
#css #css3 #html #html5 #frontend #jsarticle #javascript #js
#css #css3 #html #html5 #frontend #jsarticle #javascript #js
CSS-Tricks
Creating sliding effects using sticky positioning | CSS-Tricks
Sticky elements are predominantly used for keeping something shown on the screen throughout scrolling. As cool as that is, we can also hide elements in the
CState - статическая статус-страница
Фишки:
Минимальное количество JavaScript
Полная кастомизация
Поддержка старых браузеров начиная с IE8+
#jslib #javascript #frontend #webdev #html #css
Фишки:
Минимальное количество JavaScript
Полная кастомизация
Поддержка старых браузеров начиная с IE8+
#jslib #javascript #frontend #webdev #html #css
Vime - настраиваемый, расширяемый, доступный и не привязанный к фреймворкам медиа плеер
- Поддерживает HTML5, YouTube, Vimeo и другие источники видео
- Сделан по стандартам доступности, имея все нужные
- Поддерживает интернационализацию
- Работает как на компьютере, так и на мобильных устройствах
- Можно стилизиовать плеер с помощью CSS переменных
- Тёмная и светлая тема из коробки
- Легковесная - ~25KB сама либа, ~47KB вместе со стандартным UI Vime
- Написан на TypeScript, поэтому типы из коробки
Несмотря на то, что Vime не зависит от фреймворков, он легко интегрируется с React, Vue, Svelte, Stencil и Angular.
#jslib #frontend #javascript #typescript #webdev #media #react #stencil #svelte #angular #html5 #html
- Поддерживает HTML5, YouTube, Vimeo и другие источники видео
- Сделан по стандартам доступности, имея все нужные
aria
параметры- Поддерживает интернационализацию
- Работает как на компьютере, так и на мобильных устройствах
- Можно стилизиовать плеер с помощью CSS переменных
- Тёмная и светлая тема из коробки
- Легковесная - ~25KB сама либа, ~47KB вместе со стандартным UI Vime
- Написан на TypeScript, поэтому типы из коробки
Несмотря на то, что Vime не зависит от фреймворков, он легко интегрируется с React, Vue, Svelte, Stencil и Angular.
#jslib #frontend #javascript #typescript #webdev #media #react #stencil #svelte #angular #html5 #html
Ускорение загрузки обложки страницы с помощью <link rel="preload">
#jsarticle #html #frontend #webdev
#jsarticle #html #frontend #webdev
Addyosmani
Preload late-discovered Hero images faster
If you are optimizing Largest Contentful Paint, preload can be a game-changer for speeding up late-discovered hero images and resources, loaded via JavaScript.
Фиксированный заголовок у таблиц с помощью React хуков
#react #hooks #frontend #webdev #jsarticle #javascript #html
#react #hooks #frontend #webdev #jsarticle #javascript #html
webup.org
Sticky Table Header with React Hooks
Long tables with an endless scroll. Tables are great presentational medium for data, but it's not straightforward to stick their headers on top. Confronting that limitation with React hooks.
Внедрение Google форм в статический сайт без использования iframe
#jsarticle #frontend #webdev #javascript #html
#jsarticle #frontend #webdev #javascript #html
Atomic Spin
Embedding Google Forms in a Static Site
This approach to embedding Google Forms offers more customizability than embedding a Google Form iframe and isn’t difficult to implement.