Как сделать модальное окно на JS?

Видео-урок от автора канала "Просто: Разработка", в котором вы узнаете как с 0 сделать очень крутое модальное окно. Пройдётесь по вёрстке и затем по JS, узнаете как написать утилиту, которая проверяет ширину скролла браузера. А ещё, познакомитесь с ResizeObserver. Другими словами, в данном видео очень много полезной информации!

#javascript

Gradient AI — классный инструмент для создания сложных градиентов с экспортом в PNG, CSS, JS, JSX, React, Theme UI, JSON.

#инструменты

Progress steps - реализация пошагового прогресса на JS. Удобная штука на проекте, когда надо реализовать что то поэтапно.

#javascript

Mirage JS - это имитирующая библиотека API, которая позволяет создавать, тестировать и публиковать полное работающее приложение JavaScript без необходимости полагаться на какие-либо серверные службы.

#javascript

GraphQL - это язык запросов для API и среда выполнения для выполнения этих запросов с вашими существующими данными. GraphQL предоставляет полное и понятное описание данных в вашем API, дает клиентам возможность запрашивать именно то, что им нужно, и ничего более, упрощает развитие API с течением времени и предоставляет мощные инструменты разработчика.

#api #graphql

Выберите правильный ответ ниже. Этот и другие вопросы по разработке можно всегда обсудить в нашем чате.

JavaScript за 14 минут - интерактивный учебник, который поможет тебе немного освоить или освежить знания по JavaScript. Давайте изучать JS весело!)

#javascript

Vue-clickaway - библиотека для обнаружения кликов за пределами элемента (чтобы закрыть модальное окно или скрыть раскрывающийся список).

#vue

Fancy Link Hover Effects - красивая и интересная реализация эффектов при наведении на ссылку на чистом CSS. Смотрим, забираем, делимся!

#CSS

Discord.js - это мощный модуль node.js, который позволяет очень легко взаимодействовать с Discord API. Он использует гораздо более объектно-ориентированный подход, чем большинство других библиотек JS Discord, что делает код вашего бота значительно более аккуратным и легким для понимания.

#node

jExcel - это легкий плагин JavaScript для создания потрясающих интерактивных HTML-таблиц и электронных таблиц на Вашем проекте, совместимых с Excel или любым другим программным обеспечением для работы с электронными таблицами. Вы можете создать электронную таблицу из массива JS, файлов JSON, CSV или XSLX. 

#javascript

🔥 Лучшее на канале за последнюю неделю

1) LearnGitBranching - это веб-приложение создано, чтобы помочь новичкам постичь мощные возможности ветвления и работы с git. 
2) JavaScript за 14 минут - интерактивный учебник, который поможет тебе немного освоить или освежить знания по JavaScript.
3) Progress steps - реализация пошагового прогресса на JS. 
4) Gradient AI — классный инструмент для создания сложных градиентов с экспортом в PNG, CSS, JS, JSX, React, Theme UI, JSON.
5) Fancy Link Hover Effects - красивая и интересная реализация эффектов при наведении на ссылку на чистом CSS.

Всем успешной разработки!

#Лучшее

Easymoney - библиотека для работы с денежными значениями в JavaScript и TypeScript.

Основные особенности:
- Написана с модульными и наборными архитектурами.
- Статически типизированный. Первоклассная поддержка Typescript.
- Имеет цепочку API, но без мутаций.
- Поддерживает большие числа.
- Криптовалюты. Поддерживает пользовательские валюты и их форматирование.
- Большая поддержка int. Пакет для поддержки нового стандарта big int из коробки в отдельном пакете.
- Калькуляторы на заказ. Вы можете переопределить функциональность с помощью собственного калькулятора.

#javascript #typescript

Geolib - библиотека для выполнения основных географических операций, таких как вычисление расстояния, преобразование десятичных координат в шестидесятеричные и наоборот, и т.д. Эта библиотека в настоящее время является только двухмерной.

#javascript #typescript

Forge Icons - 300+ бесплатных, высококачественных SVG-иконок для вашего проекта.

#графика

NSFWJS - простая библиотека JavaScript, которая поможет вам быстро идентифицировать неподобающие изображения; все в браузере клиента. NSFWJS не идеален, но он довольно точен (~ 90% для маленькой и ~ 93% для средней модели) ... и все время становится точнее.

#javascript

Mapbox - веб-сервис, с готовыми API, который предоставляет разработчикам точную информацию о местоположении и полнофункциональные инструменты.

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

#api

Animated Tab Bar - красивая реализация панели вкладок, которые украсят любой проект.

#html #css #javascript

Duet Design System - это набор компонентов и инструментов многократного использования, основанных на четких стандартах. Duet разделен на шесть интерфейсных пакетов и Sketch Toolkit, которые используют дизайнеры. Эти инструменты можно использовать вместе или по отдельности в зависимости от потребностей вашей команды.

#framework #html #css