Frontender Libs - обзор библиотек JS / CSS

The Basement Анимированная загрузка текста, выполненная на Splitting.js. 👉 @sWebDev

ngx-mask Angular библиотека для легкой и гибкой маскировки ввода данных. Она позволяет определить пользовательские маски для полей ввода, такие как телефонные номера, даты или любые другие форматы данных. Благодаря этой библиотеке, разработчики могут обеспечить более удобный и точный ввод данных в своих приложениях Angular, управляя форматированием и валидацией данных. 👉 @sWebDev

Создание доступных форм в Vue с помощью Formkit Рассмотрим использование FormKit во Vue для создания доступных форм. Материал дает понимание о том, как обеспечить доступность веб-форм для всех пользователей, включая людей с ограниченными возможностями. 👉 @sWebDev

Самое тупое во Фронтенде – это искать макеты В сети полно актуальных источников. И один из них – канал Макеты для верстки. Если хотите иметь крутое портфолио, обязательно подпишитесь

Loader Прелоадер, выполненный в формате разделения клеток. Реализовано на Splitting.js и Gsap.js. 👉 @sWebDev

Декоратор Attribute в Angular В Angular есть декоратор Attribute, который позволяет передавать статическую строку без дополнительной нагрузки на производительность путем устранения проверки на изменения в ней. Значения декоратора Attribute проверяются однократно. Подход имеет сходство с декоратором @Input:

    @Component({
        ...
    })
    export class BlogComponent {
        constructor(@Attribute("type") private type: string ) {}
    }

👉 @sWebDev

Устроиться фронтендером в Яндекс за выходные 23–24 сентября устраиваем Weekend Offer Frontend. Решите фронтенд-квиз, а после за 2 дня пройдите технические секции и собеседования с командами. Если всё сложится хорошо — сразу же получите офер. В мероприятии участвуют 17 команд: HR Tech, Поиск, Рекламные продукты, Yandex Cloud, 360, Яндекс Браузер, Бизнес-приложения, Умный дом, Yandex Infrastructure, Лавка, Еда, Недвижимость, Аренда, Авто.ру, CM.Expert, Путешествия и Буткемп. Вы сможете пообщаться с менеджерами и выбрать проект, который покажется самым интересным. Нанимаем в офисы по всей России, помогаем релоцироваться внутри страны. Узнать подробности и зарегистрироваться можно здесь. Реклама. ООО "Яндекс". erid: 2VtzqvZLipH

Falling autumn leaves shader Осенняя атмосфера в анимированном проекте на Three.js. 👉 @sWebDev

Как установить заголовок страницы в Angular из компонента? В Angular есть функционал, позволяющий задавать title из компонента. Как это можно сделать? 👉 @sWebDev

Представляем атомарный дизайн в Vue.js Атомный дизайн — это методология создания систем дизайна, которая разбивает пользовательские интерфейсы на небольшие повторно используемые компоненты. Рассмотрим: 1. Атомы. 2. Молекулы. 3. Организмы. 4. Шаблоны. 5. Страницы. 👉 @sWebDev

Flatpickr Flatpickr - легковесная и настраиваемая JavaScript библиотека для выбора даты и времени в веб-приложениях. Она обладает богатым функционалом и поддерживает различные форматы дат, локализацию и темы оформления. Удобен для создания интерфейсов с выбором дат и времени. 👉 @sWebDev

Руководство по Angular Signals с практическими примерами использования (часть 1) Руководство по сигналам в Angular с практическими примерами. Материал освещает концепцию сигналов, их роль в управлении данными и взаимодействии компонентов. Структурированный подход к сигналам улучшает организацию кода и обеспечивает более гибкую архитектуру. Это первая часть из серии, в которой будут рассмотрены вариации использования сигналов. 👉 @sWebDev

Slider Swiper.js Карточки блюд, выполненные с применением библиотеки Swiper.js. 👉 @sWebDev

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

Создание страницы новостной рассылки с помощью Vue и Firebase Cloud Firestore Включение возможности подписки на новости на веб-сайте имеет важное значение в рамках цифровой стратегии. Это позволяет расширить список адресов электронной почты и информировать подписчиков о последних продуктах, историях, блогах, новых функциях и других бизнес-событиях. Также этот инструмент помогает продвигать нашу продукцию среди широкой и разнообразной аудитории. В данной статье мы разберем понятия Firebase и Cloud Firestore, а также узнаем, как создать мощную страницу подписки на новости с использованием этих инструментов. 👉 @sWebDev

Concatenated Figures "Резиновый" эффект при наведении, выполненный с использованием GSAP.js. 👉 @sWebDev

Location в Angular Сервис Location позволяет получить URL текущего окна браузера. В зависимости от используемой стратегии LocationStrategy, Location будет сохраняться либо в пути URL, либо в сегменте хэша URL. С помощью Location мы можем перейти по URL, перемещаться вперед в истории платформы, вернуться назад в истории платформы, изменить URL браузера, или заменить верхний элемент в стеке истории платформы. Для использования сервиса Location мы внедряем его из CommonModule.

     import { Location } from "@angular/common"
   @Component({
       ...
   })
   export class AppComponent {
       constructor(private location: Location) {}
       navigateTo(url) {
           this.location.go(url)
       }
       goBack() {
           this.location.back()
       }
       goForward() {
           this.location.forward()
       }
   }

👉 @sWebDev

Calculator Калькулятор, выполненный с применением библиотеки Babel.js. 👉 @sWebDev