JavaScript

Tuggable Light Bulb

Переключение светлой/тёмной темы, реализованное с помощью SVG, Stylus и библиотеки GSAP.js

https://codepen.io/jh3y/pen/VwjgdLj

@about_javascript

Flip Card

Два варианта флип-карт, реализованные на чистом CSS.

#flipcard #css

https://codepen.io/aron-tw/pen/pLJqgE

@about_javascript

​whs.js – очень быстрый 3Д фреймворк, основанный на Three.js, для использования в веб-приложениях и играх

@about_javascript | #JavaScript #Interesting

Radio Buttons в стиле Neumorphic

#css #html

🟢 Создание полярной диаграммы JS за 4 шага

Полярные диаграммы часто выглядят впечатляюще, что заставляет некоторых людей думать, что их создание - сложный процесс, требующий большого количества навыков и опыта. Что ж, я собираюсь развенчать этот миф прямо сейчас! Позвольте мне показать вам, как легко визуализировать данные в красивой интерактивной полярной диаграмме JavaScript.

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

Общество визуализации данных (DVS) проводит ежегодный опрос специалистов по обработке данных о состоянии отрасли, и я подумал, что это может стать отличной возможностью поиграть с некоторыми из его последних данных. В частности, я хотел посмотреть на наиболее популярные технологии, используемые для визуализации данных на основе ответов. Итак, здесь я создам полярную диаграмму JS, на которой будут показаны 15 лучших из них, составив классный иллюстративный пример из реального мира.

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

Stories Slider

Необычный слайдер с круглыми слайдами, созданный на JS без использования сторонних библиотек.

https://codepen.io/fdsea/pen/zYOyPwQ

✅ Вопросы на собеседовании фронтенд разработчика React.js

https://github.com/likezninjaz/react-ru-interview-questions

@javascriptv

Что выведет в консоль?

​tensorspace – Фреймворк для 3D-визуализации нейронных сетей, создания интерактивной и интуитивно понятной модели в браузерах и поддержки предварительно обученных моделей глубокого обучения от TensorFlow, Keras, TensorFlow.js

@about_javascript | #JavaScript #3D #Visualization

☕ Что в коробке? Как работают функции в JavaScript

https://proglib.io/p/chto-v-korobke-kak-rabotayut-funkcii-v-javascript-2022-06-12

@about_javascript

Vue Slider UI Interaction — пример интерактивного интерфейса в слайдере, реализованный с помощью Vue и Vibrant.js.

#слайдер #vue #vibrantjs

https://codepen.io/xdesro/pen/dEwMOq

@about_javascript

Tilting Maze game - игра "Лабиринт", сделанная с использованием CSS и JavaScript. Поведение шариков смоделировано с использованием законов тригонометрии.

#codepen #css #js

@about_javascript

​mojs – очень интересный инструмент для создания моушн-графики на JavaScript с очень красивыми демками

Библиотека обладает декларативным API и хорошим списком демок и туториалов

☕ Учебник по JavaScript: работа с датой и временем

https://proglib.io/p/uchebnik-po-javascript-rabota-s-datoy-i-vremenem-2022-06-19

@javascriptv

8️⃣ пунктов по стилю React + TypeScript

Включение в React-приложение руководства по стилю программирования, как правило, оказывает большое влияние на процесс разработки. Оно дает представление о структуре и обеспечивает формат, который будет служить образцом для младших разработчиков. Точное следование всем требованиям позволяет сэкономить время в процессе рецензирования, включив в него самое необходимое.

В собственные руководства по стилю я добавил несколько пунктов. Одни из них — просто личные предпочтения, другие способны повлиять на производительность и структуру файлов.

Надеюсь, этот список послужит вам источником вдохновения при написании собственного гайда.

https://nuancesprog.ru/p/15777/

@about_javascript

mojs – очень интересный инструмент для создания моушн-графики на JavaScript с очень красивыми демками

Библиотека обладает декларативным API и хорошим списком демок и туториалов

@about_javascript