Интернет

W3C в двадцать пять лет

В этой статье Рэйчел Эндрю объясняет, как работает W3C, и делится своей «веб-историей», чтобы объяснить, почему процесс веб-стандартов так жизненно важен для всех, чтобы иметь открытую веб-платформу, где они могут делиться своими историями и создавать потрясающие вещи для Интернета. вместе.

Подробнее

Руководство по новым и экспериментальным CSS DevTools в Firefox

С момента выпуска Grid Inspector команда Firefox DevTools была вдохновлена ​​созданием нового набора инструментов для решения проблем современной сети. В этой статье мы узнаем обо всех 7 инструментах и ​​взглянем на потенциальные будущие проекты.

Подробнее

Как использовать хлебные крошки на PWA

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

Подробнее

Разработка пользовательского плагина для October CMS

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

Подробнее

Дизайн-системы основаны на отношениях

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

Подробнее

Редакционные шаблоны дизайна с сеткой CSS и именованными столбцами

Называя линии при настройке макетов CSS Grid, мы можем использовать некоторые интересные и полезные функции Grid — функции, которые становятся еще более мощными, когда мы вводим вложенные сетки.

Подробнее

Вдохновленные дизайнерские решения с Беа Фейтлер: неудержимая творческая сила

В этом пятом выпуске Inspired Design Decisions Энди Кларк расскажет вам о Беа Фейтлер, которая руководила Harper's Bazaar на протяжении 1960-х годов и была описана как «новаторская женщина-арт-директор, о которой вы никогда не слышали». Энди расскажет вам об уверенной работе Фейтлер и покажет, как применить некоторые из ее дизайнерских приемов к работе, которую вы создаете для Интернета. В этой статье вы узнаете, как подчеркнуть масштаб и сохранить его контрастность даже на самых маленьких экранах. Энди научит вас, как сделать уверенный выбор цвета и как использовать рисунок и текстуру, чтобы добавить глубины вашим проектам.

Подробнее

SmashingConf 2020 — Сан-Франциско, Фрайбург, Нью-Йорк и Остин

Это официально! В следующем году мы организуем SmashingConf в каждом из этих городов: Сан-Франциско, Фрайбурге, Нью-Йорке и Остине! Мы планируем закрепить успех и то, чему мы научились в 2019 году, чтобы провести два практических дня обучения — с множеством развлечений и сюрпризов!

Подробнее

Миграция Франкенштейна: независимый от фреймворка подход (часть 2)

Прежде чем читать, вы можете сначала вернуться к [Часть 1] (https://www.smashingmagazine.com/2019/09/frankenstein-migration-framework-agnostic-approach-part-1/), потому что это поможет вам следовать во второй части статьи.

Подробнее

Создание таблиц в Figma

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

Подробнее