bootstrap移动优先_“移动优先”被认为令人困惑

bootstrap移动优先

Dear Web Developer,

尊敬的Web开发人员，

We need to discuss “Mobile First”.

我们需要讨论“移动优先” 。

The term is one of our better, more descriptive, responsive web design concepts. The idea is simple: we start with a basic version of our website — normally a single-column layout. It will work almost everywhere regardless of the device, browser, capabilities, age or screen resolution. It doesn’t matter whether a visitor accesses from Chrome 35 on a MacBook, IE6 on a Windows 98 PC or Opera Mobile on an aging Nokia — they’ll see content.

该术语是我们更好，更具描述性的，响应式的Web设计概念之一。 这个想法很简单：我们从网站的基本版本开始-通常是单列布局。 无论设备，浏览器，功能，年龄或屏幕分辨率如何，它都几乎可以在任何地方工作。 无论访问者是从MacBook上的Chrome 35，Windows 98 PC上的IE6还是老化的诺基亚上的Opera Mobile进行访问，他们都将看到内容。

Once our basic site is complete, we use CSS media queries and perhaps a little JavaScript object detection to improve the user experience on devices that support modern features and larger screens. For example, we may add drop-down menus, multiple columns, higher-resolution images and more sophisticated layouts.

基本站点完成后，我们将使用CSS媒体查询以及一些JavaScript对象检测来改善支持现代功能和大屏幕的设备上的用户体验。 例如，我们可以添加下拉菜单，多列，高分辨率图像和更复杂的布局。

The benefits?…

好处？…

1. A user with an old browser that doesn’t support media queries will still see the basic site. That wouldn’t be the case if we started with our ‘desktop’ layout and tried to retro-fit a small-screen design.
   使用旧浏览器但不支持媒体查询的用户仍会看到基本站点。 如果我们从“桌面”布局开始并尝试改型小屏幕设计，情况就不会如此。
2. It’s a logical way to work. We’re progressively enhancing a layout when possible rather than hoping it will degrade gracefully on lesser devices or attempting to remove features that won’t function correctly.
   这是一种合理的工作方式。 我们会在可能的情况下逐步增强布局，而不是希望它会在较小的设备上正常降级，或者希望删除无法正常运行的功能。

3. It keeps us focused on what’s important — the content. A linearized view must prioritize text and features. There can be no multi-column, floating element, or modal dialog compromises; important content must appear first.

   它使我们专注于重要的内容 — 内容 。 线性化视图必须优先处理文本和要素。 不能有多列，浮动元素或模式对话框的折衷方案； 重要内容必须首先出现。

We fully understand the context and meaning of “Mobile First”. Unfortunately, it seems our clients and colleagues do not. Even those with considerable IT knowledge appear to have presumptions such as:

我们完全理解“移动优先”的上下文和含义。 不幸的是，我们的客户和同事似乎没有。 即使那些具有大量IT知识的人似乎也有以下假设：

• a separate mobile site will be developed before the desktop version
  桌面版之前将开发一个单独的移动网站
• the mobile design will take a higher precedence, or
  移动设计将具有更高的优先级，或者
• we’re prioritizing devices with a relatively small market compared to traditional desktop PCs.
  与传统台式机相比，我们正在优先考虑市场相对较小的设备。

None of this is true, but they are logical conclusions when you don’t appreciate what “Mobile First” really means. Perhaps more appropriate terms are:

所有这些都不是正确的，但是当您不理解“ Mobile First”的真正含义时，它们是合乎逻辑的结论。 也许更合适的术语是：

• mobile-compatible
  移动兼容
• mobile aware
  移动意识
• progressive layout
  渐进式布局
• device agnostic design, or
  设备不可知设计，或
• “works anywhere”.
  “在任何地方工作”。

I’ve heard some developers refer to “content first”, although I’m not convinced it accurately describes a technical layout approach.

我听过一些开发人员提到“内容至上”，尽管我不确信它准确地描述了一种技术布局方法。

No matter — it’s probably too late to change the term now. You need to communicate with your fellow developers and “Mobile First” is fine if everyone is clear about the meaning.

没关系-现在更改术语可能为时已晚。 您需要与开发人员进行交流，如果每个人都清楚含义，那么“ Mobile First”就可以了。

That said, I recommend you avoid using the term during client discussions unless you’re absolutely certain they understand the context. Few will. Clients are happy when you deliver a great project on time and on budget; they’re less concerned about clever buzzwords and development methodologies. Perhaps then we can avoid frequent, lengthy explanations and actually implement what we’ve promised!

就是说，我建议您避免在客户讨论期间使用该术语，除非您绝对确定他们理解上下文。 很少会。 当您按时按预算交付出色的项目时，客户会感到高兴； 他们不太关心聪明的流行语和开发方法。 也许这样我们就可以避免频繁而冗长的解释，而实际上实现了我们所承诺的！

All the best, Craig

祝一切顺利Craig

PS. Have you experienced “Mobile First” confusion? Comments welcome!

PS。 您是否经历过“移动优先”的困惑？ 欢迎评论！

翻译自: https://www.sitepoint.com/mobile-first-considered-confusing/

bootstrap移动优先