Inspired by Saul Bass with SVG & GSAP

Анимированная презентация продукта, выполненная на Gsap.js.

👉 @sWebDev

Подтверждение электронной почты с помощью Spring Boot & Angular

Поговорим о важном аспекте безопасности — подтверждении почты пользователей. Рассмотрим, как сделать это с использованием Spring Boot и Angular, двух мощных инструментов для создания современных веб-приложений.

👉 @sWebDev

Astro

Инструмент для создания веб-приложений с невероятной скоростью и производительностью. Он позволяет веб-разработчикам создавать быстрые и мощные многoстраничные сайты, сохраняя легкость разработки.

👉 @sWebDev

GSAP Believe - Collage Animation

Анимированный коллаж, выполненный на Gsap.js.

👉 @sWebDev

Селекты, инпуты, батоны и прочие обитатели форм

Зачем они нужны, если есть куча библиотек с красивыми кастомными элементами?

Нужны! и важно уметь с ними работать

✔️ С нативным элементом можно предсказуемо взаимодействовать клавиатурой

✔️ Не возникает косяков с положением выпадающих элементов на экране

✔️ Элемент соответствует настройкам операционной системы

✔️ Контролы доступны скринридерам

✔️ Элемент будет доступен пользователям с ограниченными возможностями

Чтобы разобраться во всех тонкостях создания нативных форм, рекомендую эти тренажеры

Тренажер «погружение в формы»

Проходить можно прямо в браузере, подача - огонь 🔥

Nx Generator: имба или не стоит разбираться?

Разберем, что такое Nx-plugin и Nx-generator, рассмотрим готовые реализации плагинов и создадим собственный локальный плагин.

👉 @sWebDev

Driver.js

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

👉 @sWebDev

Анимация многoстраничных навигаций с переходами браузерного представления и Astro

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

👉 @sWebDev

Свойство, передающееся компоненту React

Какое свойство в React автоматически передается каждому компоненту и используется для рендеринга содержимого между открывающим и закрывающим тегами при вызове компонента?

👉 @sWebDev

GSAP SVG Plants

Анимированная сцена, выполненная с использованием Gsap.js.

👉 @sWebDev

Использование NgOptimizedImage для загрузки изображений в Angular

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

Основные преимущества NgOptimizedImage:
1. Автоматическая оптимизация: Директива автоматически оптимизирует изображения, что позволяет уменьшить их размер без потери качества.
2. Ленивая загрузка: NgOptimizedImage поддерживает ленивую загрузку изображений, они будут загружаться только при прокрутке или другом событии, что снижает нагрузку на сервер и ускоряет отображение страницы.
3. Адаптивность: директива может автоматически загружать разные версии изображений в зависимости от размера экрана устройства.

👉 @sWebDev

Shopping UI

Анимированный каталог и корзина, выполненные на Vue.js.

👉 @sWebDev

Очередь микрозадач в RxJS и Angular

Руководство по использованию очереди микрозадач в Angular с помощью RxJS. Статья поможет разобраться и использовать этот механизм для управления асинхронными операциями, улучшая производительность и отзывчивость ваших веб-приложений.

👉 @sWebDev

LangChain JS

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

👉 @sWebDev

Mini GSAP Game - A Little to the Right

Мини-игра "Выровняй картину". Выполнено с применением библиотеки Gsap.js.

👉 @sWebDev

Реализация аудио на веб-сайтах React

Рассмотрим встраивание аудио в проекты React.

👉 @sWebDev

React Spring

Одна из библиотек анимаций для React. Отличается невероятной гибкостью и производительностью.

👉 @sWebDev

Particle.js

Анимированный фон, выполненный в стиле движения частиц. Реализовано на Three.js.

👉 @sWebDev

Концепция "условного рендеринга" React

Какая концепция в React называется "условным рендерингом" и как её можно реализовать?

👉 @sWebDev