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

Это не просто пятница – это пятница 13-е! Несмотря на суеверия, пришло время для нашего еженедельного обзора статей, связанных с веб-дизайном и разработкой, опубликованных за последние семь дней. Как всегда, мы надеемся, что этот выпуск «Эта неделя в веб-дизайне» окажется для вас полезным в ваших усилиях по совершенствованию своих навыков веб-дизайна и разработки.

Установка высоты и ширины изображений снова важна

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

Самые распространенные атаки на WordPress в 2020 году

Взгляните на самые распространенные атаки на WordPress в 2020 году, а также на то, как защитить себя от них.

Последние исследования для веб-дизайнеров, март 2020 г.

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

Google Fonts + вариативные шрифты

В Google Fonts добавлена ​​возможность отображать только вариативные шрифты!

Процесс редизайна веб-сайта: стратегия редизайна вашего веб-сайта за 5 шагов

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

10 лучших каналов YouTube по веб-разработке, на которые стоит подписаться

10 каналов YouTube, которые предлагают как подробные учебные пособия, так и видео с краткими советами, которые упрощают расширение вашего набора навыков.

Плавная, гибкая и простая типографика

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

Основы теории цвета для веб-дизайнеров

Как коллективному цифровому художнику важно понимать фундаментальную науку, лежащую в основе теории цвета.

Функциональный дизайн блога | Анализ макетов блога, боковых панелей, таблиц содержимого

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

Дизайн с реальным содержанием

Дизайн с реальным содержанием помогает нам знать продукт.

Почему веб-дизайн в темном режиме набирает популярность

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

Соображения при выборе шрифтов для многоязычного веб-сайта

Работаю на арабском и английском, потому что это классический пример использования RTL.

25 бесплатных онлайн-инструментов для разработчиков WordPress, которые экономят время

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

7 новых и современных цветовых тенденций 2020 года

Какие цветовые тренды будут популярны в этом году? Будут ли новые тренды в цветовых решениях? Или какие-то старые тенденции вернутся? Вот наши прогнозы.

Блокировка ссылок — это боль (и, возможно, просто плохая идея)

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

Почему личные конференции по-прежнему актуальны для веб-дизайнеров

Есть еще причины, по которым участие в конференции полезно.

14 лучших сочетаний шрифтов Adobe для веб-сайтов

Мы надеемся, что вам понравятся эти 14 лучших пар шрифтов Adobe, которые мы предложили, и вы найдете их полезными в своих будущих проектах.

Как сделать линейную диаграмму с помощью CSS

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

SASS !стандартные и тематические дизайн-системы

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

Эффект масштабирования фона при наведении с помощью CSS Clip-path

Простое воссоздание эффекта наведения масштаба фона, который можно увидеть на веб-сайте DDD Hotel, с использованием CSS clip-path.

7 шагов к созданию захватывающего UX-кейса

Обзор, Проблема и цель, Масштаб, Целевая аудитория, Процесс, Результаты и результат, Извлеченные уроки.

10 методов Git, которые нужно знать, прежде чем присоединиться к команде

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

Презентация дизайнерской работы с преднамеренностью

Чтобы эффективно общаться, вам нужно учитывать, как воспринимаются ваши идеи.

20 примеров портфолио веб-разработчика

Выбирается в зависимости от того, насколько интерактивными, креативными или привлекательными они являются для посетителей сайта.

Шпаргалка по магическим методам PHP

Краткий справочник по всем магическим методам, доступным в PHP.

50+ лучших инструментов для создания вайрфреймов и прототипов для веб-дизайнеров 2020

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

Доступные SVG: инклюзивность за пределами шаблонов

Если истинная инклюзивность лежит за пределами шаблонов — какие еще факторы следует учитывать при проектировании и разработке доступных SVG?

Программирование Sass для создания доступных цветовых комбинаций

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

Согласованные серверные части и UX: что может пойти не так?

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

Использование Redux с React: полное руководство с примерами из реального мира

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

Свежие ресурсы для веб-дизайнеров и разработчиков (март 2020 г.)

Некоторые замечательные новые инструменты от известных компаний технической индустрии, включая Microsoft, Github и JetBrains.

Десять вещей, которые я усвоил как UX-исследователь в Uber

Редизайн подкаста ShopTalk

Фото на обложке предоставлено ShotStash.