1816 1890 1136 1661 1226 1307 1869 1788 1813 1264 1210 1670 1124 1071 1291 1840 1496 1003 1046 2000 1022 1452 1089 1946 1783 1375 1992 1768 1937 1622 1179 1410 1789 1907 1684 1469 1592 1630 1636 1756 1125 1368 1341 1764 1467 1131 1031 1613 1075 1984 1734 1190 1369 1923 1182 1387 1230 1481 1150 1095 1981 1093 1773 1788 1711 1605 1103 1214 1538 1978 1185 1597 1004 1628 1239 1317 1874 1751 1706 1118 1556 1198 1635 1985 1900 1313 1155 1008 1754 1635 1266 1449 1470 1048 1442 1258 1447 1251 1353 The new responsive: Web design in a component-driven world | PHPnews.io

PHPnews.io

The new responsive: Web design in a component-driven world

Written by Bram.us / Original link on Jun. 3, 2021

the-new-responsive.png

In this session from Google I/O 2021, Una Kravets talks about “the new responsive”, short for being responsive to the user, container, and form-factor (text-version available via link below):

The web community is entering into a new era of responsive design and shifting our perspectives on what it means. With user preference queries, container queries, and other form-factor queries on the horizon, we’ll soon have the tools to create responsive designs far beyond what querying the global viewport allows.

To me, this post is the perfect successor to A List Apart’s A Dao of Web Design and Responsive Web Design. The timing is only off by one year …

Not to put any pressure on the author of @alistapart’s upcoming Spring 2020 feature, but I know a trend when I see one:

– April 2000: A Dao of Web Design
– May 2010: Responsive Web Design
– June 2020: …

🤪

— Bramus! (@bramus) October 27, 2019

The new responsive: Web design in a component-driven world →

Related:

bram bram bram bram tutorialzine link bram

« Headless UI — Completely Unstyled, Fully Accessible UI Components - Dissecting the CSS font shorthand »