网络

25 岁的 W3C

在这篇文章中,Rachel Andrew 解释了 W3C 的工作原理并分享了她的“网络故事”,以解释为什么网络标准流程对于每个人来说都非常重要,因为他们可以拥有一个开放的网络平台,在那里他们可以分享他们的故事并为网络构建很棒的东西一起。

阅读更多

Firefox 中新的和实验性的 CSS DevTools 指南

自从发布 Grid Inspector 以来,Firefox DevTools 团队受到启发,构建了一套新的工具来解决现代 Web 的问题。 在本文中,我们将了解所有 7 种工具,并了解潜在的未来项目。

阅读更多

如何在 PWA 上使用面包屑导航

PWA 应该为访问者提供比移动网站更好的体验。 但是,仅仅因为 PWA 将像原生应用程序那样使用粘性导航,这并不能让它们变得容易使用。 如果您担心在没有一些指导的情况下您的 PWA 将难以导航,请使用面包屑导航。 您可以使用它们来改进导航、可读性、转换等。

阅读更多

为十月 CMS 开发自定义插件

如果您喜欢编写面向对象且易于阅读的代码,那么本文适合您。 您将学习如何编写自己的插件以及为什么 10 月可能是您下一个项目的不错选择。

阅读更多

设计系统是关于关系的

设计系统可以提高可用性,但它们也会限制创造力或与实际产品不同步。 在本文中,我们将探讨设计人员和开发人员如何通过建立协作文化来创建更强大的设计系统。

阅读更多

带有 CSS 网格和命名列的编辑设计模式

通过在设置我们的 CSS 网格布局时命名行,我们可以利用网格的一些有趣和有用的特性——当我们引入子网格时这些特性变得更加强大。

阅读更多

Bea Feitler 启发设计决策:一股不可阻挡的创造力

在 Inspired Design Decisions 的第五期中,Andy Clarke 将向您介绍 Bea Feitler,她在 1960 年代指导了 Harper's Bazaar,并被描述为“您从未听说过的开创性女性艺术总监”。 Andy 将向您介绍 Feitler 的自信作品,并向您展示如何将她的一些设计技巧应用到您为网络制作的作品中。 在本文中,您将学习如何在最小的屏幕上强调比例并保持其对比度。 Andy 将教您如何自信地选择颜色,以及如何使用图案和纹理为您的设计增添深度。

阅读更多

SmashingConf 2020 – 旧金山、弗莱堡、纽约和奥斯汀

这是官方的! 明年,我们将在旧金山、弗莱堡、纽约和奥斯汀这些城市中的每一个城市组织一次 SmashingConf! 我们计划在 2019 年的成功和所学的基础上再接再厉,这样我们就可以为您带来为期两天的实用学习——一路上充满乐趣和惊喜!

阅读更多

科学怪人迁移:与框架无关的方法(第 2 部分)

在阅读之前,您可能想先回到 [第 1 部分](https://www.smashingmagazine.com/2019/09/frankenstein-migration-framework-agnostic-approach-part-1/),因为它会对您有所帮助在本文的第二部分中继续进行。

阅读更多

在 Figma 中创建表格

这是为那些在 Figma 中苦苦挣扎的人提供的详细指南。 我们将使用组件创建一个表格,以便以后您可以在可扩展性和编辑方面节省大量时间。 此外,您将能够轻松地将表格集成到您的设计系统中。

阅读更多