Публикации по теме 'ui'


RemixBlocks: готовые к использованию CSS-маршруты Remix + Tailwind и блоки пользовательского интерфейса.
Скачать блоки: https://github.com/AlexandroMtzG/remix-blocks Что такое RemixBlocks ? Готовые маршруты Remix + Tailwind CSS и UI компоненты , все блоки: Являются полностековыми маршрутами. Независимы друг от друга. Имейте код для вас, чтобы скопировать-вставить. Может иметь загрузчик , действие , метафункцию и компонент React с использованием TypeScript + Tailwind CSS . Первый набор блоков По состоянию на 23 июня завершено 9 блоков, которые вы можете..
Концепции UX, которые должен знать каждый разработчик
Прошла неделя на вашей первой работе в качестве разработчика программного обеспечения, и вы больше не общаетесь просто со своим инструктором, профессором колледжа или, может быть, только с самим собой. Вы разговариваете с менеджером по продукту или дизайнером UX, который находится в команде, и теперь вам нужно сделать больше, чем просто пройти проверку кода. Вы должны действительно участвовать в создании продукта, который поможет или, по крайней мере, должен помочь решить проблемы..
🚀 Быстрый совет по Svelte: использование «действий» для интеграции с библиотеками JavaScript (подсказки Tippy)
🚀 Быстрый совет по Svelte: использование «действий» для интеграции с библиотеками JavaScript (подсказки Tippy) Эта статья изначально была опубликована на моей странице Dev.to 👋 Привет, мир! Одна из суперспособностей Svelte заключается в том, насколько чертовски легко интегрировать его с библиотеками JavaScript, отличными от Svelte, с помощью «действий». Действия позволяют придавать элементам всевозможное интересное поведение с возможностью повторного использования без..
Создание отзывчивого и динамичного индикатора выполнения
Пару лет назад, в 2018 году, я написал короткую статью о создании адаптивного индикатора выполнения с шагами. С тех пор мои методы развились, поэтому необходимо обновление. Самое большое изменение заключается в том, что псевдоэлементы (до, после) больше не требуются. Теперь CSS стал более простым, DOM легче читать и он намного динамичнее. Итак, давайте попробуем это снова. Цель – простой и эффективный адаптивный индикатор выполнения, выполняющий следующие функции: Имеет четыре..
Вкусная еда в пользовательском интерфейсе с анимацией ключевых кадров
Когда я увидел демо ниже, я подумал: Отлично, как они это сделали ? Это может показаться удивительным, если вы знаете, что я написал для этого API. В этой статье я опишу, как три ортогональные функции , общая навигация, триггеры событий и треки ключевых кадров объединяются для создания этой приятной анимации. https://videopress.com/v/ziEUG5qo Пример предохранителя Анимация по ключевым кадрам Создание зубчатого пути, пожалуй, самая простая часть. Анимация по ключевым кадрам —..
Svelte JS: сравнительное исследование с существующими UI-фреймворками
Пойдем ли мы на Svelte JS? Svelte - это бесплатный JavaScript-фреймворк с открытым исходным кодом, написанный Ричем Харрисом. Приложения Svelte не содержат ссылок на фреймворки. Вместо этого создание приложений Svelte генерирует код для управления DOM, что может повысить производительность клиента во время выполнения. Как мы все знаем, уже есть ряд конкурентов, где Svelte JS пытается освободить место для них. Однако, будучи технарями, мы должны изучить всех возможных новичков,..
Переход с React на Angular
В этом посте я расскажу о своем опыте перехода с React (‹= 16) на Angular (7) в надежде, что это поможет и вдохновит других и упростит этот переход. Я использую React около 3–4 лет и, хотя я не являюсь экспертом, я чувствую, что твердо разбираюсь в основах. Переход к использованию фреймворка Angular произошел в последние месяцы из-за карьерного роста. Этот пост не о том, чтобы противопоставить друг другу, какая из них лучше ( лошади для курсов и все такое ), а скорее подчеркивает..