Java, UX, HTML, CSS, WEB-design

На этой неделе в веб-дизайне — 17 апреля 2020 г.

[ad_1]

Содержание скрыть
  1. 1 Ваш набор инструментов веб-дизайнера
    1. 1.1 16 инструментов для совместной работы удаленной команды дизайнеров (и выполнения задачи)
    2. 1.2 10 идей «случайного акта доброты» для дизайнеров
    3. 1.3 Начало работы с API React Hooks
    4. 1.4 Как создать пользовательскую полосу прокрутки CSS-Tricks
    5. 1.5 Вдохновленные дизайнерские решения с Хербом Любалиным: типографика может быть такой же захватывающей, как иллюстрация и фотография
    6. 1.6 Стилизация в теневой DOM с помощью теневых частей CSS
    7. 1.7 Хронология CSS-анимации: создание машины Руба Голдберга
    8. 1.8 8 вещей, которые НЕЛЬЗЯ делать при разработке форм для веб-сайтов
    9. 1.9 Работать из дома? 10 недорогих способов обустроить домашний офис
    10. 1.10 Бесклассовые CSS-фреймворки
    11. 1.11 Перезарядите свой сайт: как обновить PHP в WordPress
    12. 1.12 25+ лучших плагинов Figma для создания дизайн-систем
    13. 1.13 25+ лучших примеров дизайна пользовательского интерфейса мобильного приложения + шаблоны
    14. 1.14 Интерактивные эффекты наведения WebGL
    15. 1.15 Не делайте этих ошибок юзабилити на своем сайте
    16. 1.16 4 примера плохого дизайна веб-сайта электронной коммерции и что делать вместо этого
    17. 1.17 14 дизайнов мегаменю, у которых могут поучиться все дизайнеры
    18. 1.18 Как Vue Composition API заменяет Vue Mixins
    19. 1.19 Как создать анимацию следа частицы в JavaScript
    20. 1.20 Использование CSS для размещения текста внутри круга
    21. 1.21 Хватит перехитрить себя: упростите разработку WordPress
    22. 1.22 Лучшие практики с React Hooks
    23. 1.23 Полоса прокрутки CSS с индикатором выполнения
    24. 1.24 Visual Studio Code: руководство для опытных пользователей
    25. 1.25 12 бесплатных курсов по веб-разработке, которые стоит пройти в самоизоляции
    26. 1.26 Создать адаптивный путь движения CSS? Мы можем точно!
    27. 1.27 Что такое веб-стандарты (и действительно ли они нам нужны)?
    28. 1.28 Создание цветовых тем с пользовательскими свойствами, HSL и немного calc()
    29. 1.29 Инструменты рабочего процесса веб-разработчика: руководство для начинающих
    30. 1.30 Заключение

Добро пожаловать в очередной выпуск This Week In Web Design, нашего еженедельного обзора статей, опубликованных за последние семь дней и связанных с веб-дизайном и разработкой. На этой неделе у нас есть множество статей, готовых для того, чтобы вы могли их внимательно просмотреть и добавить в закладки. Так что оседлайте и воспользуйтесь этим кураторским списком!

Ваш набор инструментов веб-дизайнера

Неограниченное количество загрузок: более 500 000 веб-шаблонов, наборов иконок, тем и элементов дизайна
Начинается с всего $16,50/месяц!


16 инструментов для совместной работы удаленной команды дизайнеров (и выполнения задачи)

Разберите некоторые из лучших инструментов и узнайте, как они могут улучшить совместную работу вашей удаленной команды.

10 идей «случайного акта доброты» для дизайнеров

У нас есть несколько идей, которые вы можете позаимствовать, добавить к ним свой творческий талант и использовать для распространения доброты и счастья.

Начало работы с API React Hooks

Изучите и поймите, что такое хуки React, основные доступные хуки React, а также примеры того, как их писать для ваших приложений React.

Как создать пользовательскую полосу прокрутки CSS-Tricks

Посмотрите, как сделать пользовательскую полосу прокрутки на веб-сайте CSS-Tricks.

Вдохновленные дизайнерские решения с Хербом Любалиным: типографика может быть такой же захватывающей, как иллюстрация и фотография

Как мы можем комбинировать элементы для разработки мощных заголовков и призывов к действию? Как мы используем предварительно отформатированный текст HTML и текстовый элемент в SVG для точного контроля над типом? Как мы можем оптимизировать SVG и сделать текст SVG доступным? В этой статье мы рассмотрим именно это.

Стилизация в теневой DOM с помощью теневых частей CSS

Селектор ::part() теперь поддерживается в Chrome, Edge, Opera, Safari и Firefox. Мы увидим, почему это полезно.

Хронология CSS-анимации: создание машины Руба Голдберга

Использование пользовательских свойств для планирования временных шкал на чистом CSS для сложных анимаций.

8 вещей, которые НЕЛЬЗЯ делать при разработке форм для веб-сайтов

Эффективная веб-форма эстетически приятна и в то же время служит цели создания.

Работать из дома? 10 недорогих способов обустроить домашний офис

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

Бесклассовые CSS-фреймворки

Просто используйте семантический HTML и получите стили.

Перезарядите свой сайт: как обновить PHP в WordPress

Поддерживая PHP в актуальном состоянии, вы повышаете производительность, безопасность и SEO своего веб-сайта.

25+ лучших плагинов Figma для создания дизайн-систем

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

25+ лучших примеров дизайна пользовательского интерфейса мобильного приложения + шаблоны

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

Интерактивные эффекты наведения WebGL

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

Не делайте этих ошибок юзабилити на своем сайте

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

4 примера плохого дизайна веб-сайта электронной коммерции и что делать вместо этого

Посмотрите на четыре веб-сайта, которые показывают вам, чего не следует делать, с некоторыми советами и советами, что делать вместо этого.

14 дизайнов мегаменю, у которых могут поучиться все дизайнеры

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

Как Vue Composition API заменяет Vue Mixins

Новый Composition API, который теперь доступен в виде плагина для Vue 2 и будущей функции Vue 3, обеспечивает гораздо лучшее решение для совместного использования кода между вашими компонентами Vue.

Как создать анимацию следа частицы в JavaScript

Как вы можете легко запрограммировать небольшой след частиц с помощью anime.js.

Использование CSS для размещения текста внутри круга

Вы хотите установить текст внутри формы круга с помощью HTML и CSS? Это сумасшедший разговор, верно?

Хватит перехитрить себя: упростите разработку WordPress

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

Лучшие практики с React Hooks

В этой статье рассказывается о правилах React Hooks и о том, как эффективно начать использовать их в своих проектах.

Полоса прокрутки CSS с индикатором выполнения

Мы можем использовать некоторые хитрости CSS, чтобы полоса прокрутки заполнялась по мере продвижения.

Visual Studio Code: руководство для опытных пользователей

В этом руководстве вы узнаете, как воспользоваться преимуществами Visual Studio Code, чтобы ускорить рабочий процесс разработки.

12 бесплатных курсов по веб-разработке, которые стоит пройти в самоизоляции

С ними вы, вероятно, выйдете из карантина с некоторыми новыми навыками программирования, которые могут вам помочь.

Создать адаптивный путь движения CSS? Мы можем точно!

Как сделать траекторию движения CSS адаптивной?

Что такое веб-стандарты (и действительно ли они нам нужны)?

Что такое веб-стандарты, почему они у нас есть и что вам на самом деле нужно с ними делать в веб-дизайне.

Создание цветовых тем с пользовательскими свойствами, HSL и немного calc()

В настоящее время мы можем определить переменные в одной таблице стилей и позволить CSS делать волшебство.

Инструменты рабочего процесса веб-разработчика: руководство для начинающих

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

Этот пост может содержать партнерские ссылки. Смотрите нашу информацию о партнерских ссылках здесь.

[ad_2]
Source: 1stwebdisigner

Заключение

Вы ознакомились с статьей — На этой неделе в веб-дизайне — 17 апреля 2020 г.

Пожалуйста оцените статью, и напишите комментарий.

Похожие статьи

Добавить комментарий

Ваш адрес email не будет опубликован.

Краткое описание по статье На этой неделе в веб-дизайне — 17 апреля 2020 г.

Название: На этой неделе в веб-дизайне — 17 апреля 2020 г. . Краткое описание: [ad_1] ⭐ Добро пожаловать в очередной выпуск This Week In . Дата публикации: 21.01.2022 . Автор: Алишер Валеев .

Для чего создан сайт Novosti-Nedeli.ru

Данный сайт посвящен новостям мира и мира технологий . Также тут вы найдете руководства по различным девайсам.

Сколько лет сайту?

Возраст составляет 3 года

Кнопка «Наверх»