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.