This media is not supported in your browser
VIEW IN TELEGRAM
Variable Fonts — анимация вариативных шрифтов, реализованная с помощью Three.js.
https://codepen.io/JuanFuentes/pen/gOLdymL
@javascriptv
https://codepen.io/JuanFuentes/pen/gOLdymL
@javascriptv
👍8
📃 Функции-генераторы в JavaScript для оптимизации памяти
Узнайте, как управлять памятью эффективно: обычные функции JavaScript против функций-генераторов. Что позволяет разработчикам экономить энергию и отслеживать локальные переменные или вложенные циклы?
https://nuancesprog.ru/p/4860
@javascriptv
Узнайте, как управлять памятью эффективно: обычные функции JavaScript против функций-генераторов. Что позволяет разработчикам экономить энергию и отслеживать локальные переменные или вложенные циклы?
https://nuancesprog.ru/p/4860
@javascriptv
https://nuancesprog.ru
Функции-генераторы в JavaScript для оптимизации памяти
Едва ли не каждый программист сталкивается с проблемой перебора большого количества элементов (коллекции статей, изображения, записи в базе данных и т.д.).
👍6
This media is not supported in your browser
VIEW IN TELEGRAM
Leon – личный помощник с открытым исходным кодом, который может работать на вашем локальном сервере.
Если вы хотите, Леон может общаться с вами, находясь оффлайн, чтобы защитить вашу конфиденциальность.
#GitHub | #js #assistant
👉 @javascriptv
Если вы хотите, Леон может общаться с вами, находясь оффлайн, чтобы защитить вашу конфиденциальность.
#GitHub | #js #assistant
👉 @javascriptv
❤5
☕ Шпаргалка по регулярным выражениям в JavaScript
Разбираемся в особенностях написания регулярных выражений и способах их применения в JavaScript.
Читать
👉 @javascriptv
Разбираемся в особенностях написания регулярных выражений и способах их применения в JavaScript.
Читать
👉 @javascriptv
🔥11👍1
Cupertino-Panes - это библиотека написанная на JavaScript для создания продвинутых мобильных интерфейсов.
С помощью библиотеки вы сможете за пару минут создать в своём приложении выдвижные панели любой сложности, как в Apple Stocks и Google Maps.
Библиотека бесплатная и нацелена на улучшение мобильных и десктопных интерфейсов, а так же имеет мощные возможности и расширенную конфигурацию.
#GitHub | #JavaScript
@javascriptv
С помощью библиотеки вы сможете за пару минут создать в своём приложении выдвижные панели любой сложности, как в Apple Stocks и Google Maps.
Библиотека бесплатная и нацелена на улучшение мобильных и десктопных интерфейсов, а так же имеет мощные возможности и расширенную конфигурацию.
#GitHub | #JavaScript
@javascriptv
👍8
This media is not supported in your browser
VIEW IN TELEGRAM
Driving through the Mountains
Сцена создана при помощи препроцессоров Haml и SCSS. В JS реализована логика установки расстояний между деревьями.
https://codepen.io/Elwend/pen/bvyJyq
Сцена создана при помощи препроцессоров Haml и SCSS. В JS реализована логика установки расстояний между деревьями.
https://codepen.io/Elwend/pen/bvyJyq
👍9
This media is not supported in your browser
VIEW IN TELEGRAM
Стильный слайдер для сайта
#html #css #js #slider
https://codepen.io/theseventh/pen/LYVqMYb
@javascriptv
#html #css #js #slider
https://codepen.io/theseventh/pen/LYVqMYb
@javascriptv
👍15🔥5👎1
react-compress – инструмент, что позволяет уменьшить размер JS бандла при компиляции проекта
Эта библиотека сжатия была создана с помощью Brotli и Gzip для пользователей React, которые хотят повысить производительность веб-сайта и уменьшить код JS бандла без особых проблем
⤷ Ссылка на проект
@javascriptv | #JavaScript #React #Interesting #Useful
Эта библиотека сжатия была создана с помощью Brotli и Gzip для пользователей React, которые хотят повысить производительность веб-сайта и уменьшить код JS бандла без особых проблем
⤷ Ссылка на проект
@javascriptv | #JavaScript #React #Interesting #Useful
👏4
This media is not supported in your browser
VIEW IN TELEGRAM
SVG Hamburger Menu - Коллекция анимированных SVG-иконок меню гамбургеров. Анимация реализована с помощью JavaScript.
Подробнее 👇
https://codepen.io/matthewmain/pen/NWKoPXJ
@javascriptv
Подробнее 👇
https://codepen.io/matthewmain/pen/NWKoPXJ
@javascriptv
👍26👎4
Библиотека Ethers.js: новичкам на заметку
Ethers.js и web3.js — это две библиотеки JavaScript с открытым исходным кодом, которые позволяют разработчикам взаимодействовать с блокчейном Ethereum и выполнять разные задачи.
Читать дальше
@javascriptv
Ethers.js и web3.js — это две библиотеки JavaScript с открытым исходным кодом, которые позволяют разработчикам взаимодействовать с блокчейном Ethereum и выполнять разные задачи.
Читать дальше
@javascriptv
👍9
✅ Nexus — новый визуализатор дерева компонентов для Next.js
Фреймворк Next.js от Vercel влюбляет в себя с первого взгляда.
От интуитивно понятной архитектуры маршрутизации на основе каталогов и встроенных функций извлечения данных с возможностями серверного рендеринга до функционала Fast Refresh, с которым пропадает необходимость в системах сборки для «живой перезагрузки», — в Next.js создается по-настоящему интегрированный, мощный процесс разработки полного цикла. И на совершенно новом уровне.
Мы работаем в React в основном на фронтенде, поэтому выбор Next.js — фактически в роли обертки этой библиотеки — был очевиден.
Читать дальше
@javascriptv
Фреймворк Next.js от Vercel влюбляет в себя с первого взгляда.
От интуитивно понятной архитектуры маршрутизации на основе каталогов и встроенных функций извлечения данных с возможностями серверного рендеринга до функционала Fast Refresh, с которым пропадает необходимость в системах сборки для «живой перезагрузки», — в Next.js создается по-настоящему интегрированный, мощный процесс разработки полного цикла. И на совершенно новом уровне.
Мы работаем в React в основном на фронтенде, поэтому выбор Next.js — фактически в роли обертки этой библиотеки — был очевиден.
Читать дальше
@javascriptv
👍10
This media is not supported in your browser
VIEW IN TELEGRAM
Magnetic button animation - Анимация примагничивающихся кнопок при наведении, реализована с помощью CSS и JavaScript.
https://codepen.io/milanraring/pen/gOwGpdm
@javascriptv
https://codepen.io/milanraring/pen/gOwGpdm
@javascriptv
👍12👎2
Движки JavaScript. Часть 1: парсинг
JavaScript становится все более популярным. “Написанное однажды выполняется в любом месте” — это про JavaScript (не только про Java)! Но что лежит в основе этого процесса? V8, SpiderMonkey, JavaScriptCore и многие другие движки. Хорошим примером “выполнения в любом месте” были движки Nashorn и Rhino, основанные на Java Virtual Machine, но слышали ли вы когда-нибудь о них?
Рассмотрим подробно движки JavaScript и их механизм работы.
Читать дальше
@javascriptv
JavaScript становится все более популярным. “Написанное однажды выполняется в любом месте” — это про JavaScript (не только про Java)! Но что лежит в основе этого процесса? V8, SpiderMonkey, JavaScriptCore и многие другие движки. Хорошим примером “выполнения в любом месте” были движки Nashorn и Rhino, основанные на Java Virtual Machine, но слышали ли вы когда-нибудь о них?
Рассмотрим подробно движки JavaScript и их механизм работы.
Читать дальше
@javascriptv
👍8
Octotree – Гитхаб на стероидах
Это браузерное расширение, которое улучшает просмотр и изучение кода проектов GitHub
Такие функции, как обзор pull реквестов, синтаксические темы, возможность разделить интерфейс на несколько вкладок, пользовательские шрифты кода и другие, выводят опыт пользования GitHub на новый уровень
#GitHub | #JavaScript #Extension #Browser #Useful
@javascriptv
Это браузерное расширение, которое улучшает просмотр и изучение кода проектов GitHub
Такие функции, как обзор pull реквестов, синтаксические темы, возможность разделить интерфейс на несколько вкладок, пользовательские шрифты кода и другие, выводят опыт пользования GitHub на новый уровень
#GitHub | #JavaScript #Extension #Browser #Useful
@javascriptv
👍9🔥3👎1
Создание многопользовательской игры с использованием Socket.io при помощи NodeJS и React
https://nuancesprog.ru/p/10699/
@javascriptv
https://nuancesprog.ru/p/10699/
@javascriptv
NOP::Nuances of programming
Создание многопользовательской игры с использованием Socket.io при помощи NodeJS и React
Кратко знакомимся с Socket.io, а затем пошагово рассматриваем создание проекта, начиная с архитектуры сервера и структуры каталогов, заканчивая настройкой каналов и подключений.
👍8🔥2
Github-repo-size – Расширение Chrome для отображения размера репозитория на GitHub
#GitHub | #JavaScript #Extension #Chrome #Useful
@javascriptv
#GitHub | #JavaScript #Extension #Chrome #Useful
@javascriptv
👍10
This media is not supported in your browser
VIEW IN TELEGRAM
Scattering hexagons
Анимация рассеивающихся шестиугольников, реализованная с помощью jQuery.
https://codepen.io/K-T/pen/OJLxzVq
Анимация рассеивающихся шестиугольников, реализованная с помощью jQuery.
https://codepen.io/K-T/pen/OJLxzVq
👍16👎3🔥3❤1🤬1