#РецептКода

View Transitions + Drag n Drop
Виджет для перетаскивания элементов.

WEBIK | @gki_webik_ru

#РецептКода

The Gallery

Крутая реализация поисковика картинок, который после запроса предлагает вам несколько вариантов. Реализовано с помощью CSS и JavaScript.

WEBIK | @gki_webik_ru

#Мем

WEBIK | @gki_webik_ru

Как отследить все события JavaScript, которые происходят на странице?

При разработке сложных веб-приложений эта возможность может оказаться очень полезной.

В DevTools, во вкладке Console есть глобальная функция monitorEvents.

Первый аргумент этой функции — это DOM-элемент, на котором будут перехватываться события.
Второй аргумент — это строка с именем отслеживаемого события.

Примеры использования:
monitorEvents(window) — все события во всём окне будут отображаться в консоли.

monitorEvents(window, "click") — отслеживаются только события клика.

Теперь вы можете видеть всё, что происходит в браузере.

WEBIK | @gki_webik_ru

#Макет

Макет сайта «AmiFinance»
 
Формат: #figma
Сложность: #средний
Категория: #лендинг
Язык: #ru

WEBIK | @gki_webik_ru

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

WEBIK | @gki_webik_ru

#РецептКода

🦊 Пароль

Форма пароля с интересной реализацией его сложности, защищайте свои сайты самыми надежными паролями.

WEBIK | @gki_webik_ru

#Мем

WEBIK | @gki_webik_ru

ScreenChat — сервис для создания фейк-переписки и скачивания реалистичного скриншота этой переписки.

WEBIK | @gki_webik_ru