计清单个免费的 PDF 资料库

somratislam9999

其中包含 150 多个问题，供您在设计和构建几乎任何东西时询问自己。 你的邮件 一个星期一次。关于前端和用户体验的有用技巧。受到 190,000 友好人士的信赖。 功能面板 以下是我们一路走来的收获。 从桌面开始就可以  现在普遍的共识似乎是“移动优先”。我同意。从单栏移动网站开始是让 CSS 有一个良好开端的最简单方法。然而，我们使用外部设计机构，因此新的移动优先设计的时间和成本是不可行的。前端开发人员将现有设计转化为更小尺寸的屏幕。 解决方案是将网站分成更小的块（或块），然后随着浏览器宽度的增加，这些块可以以不同的方式定位。这导致了我们的第一个基础媒体查询，其中包含主要的品牌元素，以及最少的布局信息。由于块的大。

小相当固定，因此我们为每个主要媒体查询创建网格奠定了基础。任何不被视为“金块”的内容（例如较大的文本块）都将具有响应性并填补金块无法填补的空白。 可用性结果的移动视图 虽然这种方法不如“移动优先”那么好，但它确实具有比完全重新设计更快、更便 加拿大电话号码表 宜的优点。一路上你会学到很多知识，以便当资源确实可以用于更实质性的事情时。 少即是多 ＃ 当您涉足媒体查询时，您很想全力以赴，但您需要这样做吗？理论上，您可以为每个“主要”屏幕分辨率提供完全不同的设计。虽然这将是壮观和自我满足的，但维持它将是一场噩梦。我们最终使用了 Andy Clarke 的320 和 Up框架中的默认媒体查询，其中包含四个断点（简报中没有 1382 像素）。现在回想起来，我们可以删除至少一个查询，也可。



能删除两个。 自网站发布以来的几周内，我们一直在收集统计数据，到目前为止，我们的大多数客户都在运行 320 × 480 像素或完整桌面上的浏览器。通过专注于这些解决方案，我们可以覆盖超过 85% 的用户群，同时减少开发时间和维护。 这在我们的可用性页面上尤其明显，该页面轻松包含了预订流程中任何页面的最多信息。最后，我们没有尝试为每个设备宽度提供完美的设计，而是将最大媒体查询的大部分 CSS 移动到以下大小：更少的维护，更少的麻烦，以及更多的时间来处理用户体验（并且，对业务来说很重要的是进行预订）。 主体：120+ 原生 React UI 组件与 Next.js 完全兼容 尝试 KENDOREACT 嗅探能力是不够的  当我第一次看到像Modernizr这样的工具时，我认为它们会改变一切。我想他们。