DevGang
Авторизоваться

Как разработать эффективный поиск в пользовательских интерфейсах

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

Как использовать URL API с ванильным JS 

URL API - это браузерный API, который позволяет вам создавать объект URL из строки, которую вы можете затем анализировать и манипулировать.

Размещение текста по пути с помощью CSS и Motion Path

За последние пару месяцев я много играл с CSS Motion Path и получал массу удовольствия от создания демонстраций, некоторые из которых вы можете найти в этой коллекции Codepen. Но название «Motion Path» немного вводит в заблуждение, поскольку оно относится не только к движению. Фактически, хотя спецификация по-прежнему называется «Motion Path», свойство, используемое для определения пути, было изменено с motion-path на offset-path. Легко понять, почему: элемент может быть размещен в любом месте пути, с движением или без движения - его положение (или значение offset-distance) не нужно анимировать.

Браузерные редакторы SVG 

Одна из самых крутых вещей в SVG заключается в том, что, несмотря на все мощные возможности, которые он может сделать, он все же имеет читаемый код. Хотите нарисовать прямоугольник? Это не причудливая строка бессмысленных символов, это:

Временами JavaScript может быть немного странным 

Фото Штефана Штефанчика на Unsplash
Фото Штефана Штефанчика на Unsplash

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

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

Руководство по стилизации Angular компонент

Фото Ханса ван Тола на Unsplash
Фото Ханса ван Тола на Unsplash

Angular - это популярный фреймворк, созданный Google. Как и другие популярные интерфейсные платформы, он использует архитектуру на основе компонентов для структурирования приложений.

В этой статье мы рассмотрим способы стилизации Angular компонент.

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

Я уверен, что нет! Томек Сулковси показывает, как мы можем изменить нумерацию упорядоченных списков с помощью простого атрибута HTML:

Указание позиции прокрутки на странице с помощью CSS 

Основанные на прокрутке функции, как правило, включают в себя некоторую смесь CSS и JavaScript. Это потому, что для этого просто не так много встроенных функций. Но что, если бы мы могли сделать что-то, что использует только CSS? 

Как начать писать модульные тесты в JavaScript 

Мы все знаем, что должны писать модульные тесты. Но трудно понять, с чего начать и сколько времени посвятить тестированию по сравнению с реальной реализацией. Итак, с чего начать? И это только о тестировании кода или у модульных тестов есть другие преимущества?

В этой статье я расскажу о различных типах тестов и о том, какие преимущества дает модульное тестирование командам разработчиков. Я продемонстрирую Jest - среду тестирования JavaScript.

Начните строить API-интерфейсы GraphQL с Node 

В этой статье мы создадим API-интерфейс GraphQL в Node.js с использованием пакета Apollo Server. Для этого мы рассмотрим основные темы GraphQL, напишем схему GraphQL, разработаем код для решения наших функций схемы и получим доступ к нашему API с помощью пользовательского интерфейса GraphQL Playground.

Присоединяйся в тусовку

Поделитесь своим опытом, расскажите о новом инструменте, библиотеке или фреймворке. Для этого не обязательно становится постоянным автором.

Попробовать

В этом месте могла бы быть ваша реклама

Разместить рекламу