akira_cn 发布于 07月15, 2016

【译】前端开发者的悟性 | CSS-Tricks

原文:http://www.zcfy.cc/article/840

最近有一个想法一直在我的脑海里(大体上来自于这个小组讨论),即前端开发者需要怎样的悟性。一般而言,前端开发者位于其他许多工作的中心环节。在一个 web 开发团队里,其他角色的工作依赖于前端开发。这可以理解。前端开发者创建产品中与用户实际交互的部分。用户所能感知的一切都和前端开发人员有关。也许,这就是为什么前端是一项这么有意思的工作!

阅读全文 »

akira_cn 发布于 07月08, 2016

【译】那些差一点成为了 CSS 的语言

原文:http://www.zcfy.cc/article/709

事实上,对我来说在过去的一年里,一直有一个快乐源泉是,不断告诉人们,如果你们想同 TeX、Microsoft Word 以及其他常见的文本处理环境那样地控制你们的网页文档:“对不起,你搞砸了”。

—— Marc Andreessen(Netscape 公司创始人、硅谷风投家,译者注)1994

当 1991 年 Tim Berners-Lee 宣布 HTML 问世时,没有给网页写样式的办法。如何对 HTML 标签进行渲染是由浏览器根据用户的喜好设置来决定的。然而,似乎创建一个标准方法让网页被“建议”如何渲染比按照设置的风格进行渲染要更好。

阅读全文 »

akira_cn 发布于 07月06, 2016

【译】别把 (Flexbox) 栅格想得太复杂

原文:http://www.zcfy.cc/article/763

四年前,我发布了一篇文章“别把栅格想得太复杂”,引起了一些人的共鸣。甚至在更早的时候,我们可能就已经把栅格发挥到极致了。那时候几乎每星期都有人推广新的栅格框架。

那篇文章中我的观点是:“怕什么!你可以自己实现一个栅格!你不需要一个复杂的框架。” 这个主张虽然没啥特别的,但却是我的真实想法。你只要用百分比宽度浮动几个元素,就可以收工。

在今天,如果你已经学会使用 flexbox 布局,自定义栅格甚至更简单了。

阅读全文 »

akira_cn 发布于 07月05, 2016

Babel for ES6? And Beyond!

原文:https://www.h5jun.com/post/babel-for-es6-and-beyond.html

以下是我在 2016/7/4 奇舞团泛前端分享会上的分享的文字内容。

什么是 Babel

较早接触 ES6 的同学对 Babel 应该并不陌生,它是一款能将 ES6+ 编译成 ES5 的编译器。

Babel is a JavaScript compiler.

Use next generation JavaScript, today.

Babel 官网对它的文字介绍

喜欢用 React 的同学也对它可能不陌生,它可以处理 JSX。

Babel can convert JSX syntax and strip out type annotations. Check out our React preset to get started. Use it together with the babel-sublime package to bring syntax highlighting to a whole new level.

Babel 可以处理 JSX

然而,不管是作为 ES6 向后编译为 ES5 的工具,还是作为处理 JSX 的替代,Babel 是否都是以一个临时方案而存在的呢?

阅读全文 »

akira_cn 发布于 06月28, 2016

【译】关于控制 Referer 你想要知道的一切(和更多的)

原文:http://www.zcfy.cc/article/692

本文是一篇技术文章,目的是对其他有安全意识的网页应用实现者提供有用的参考资料。普通的 FastMail 用户也能读一读,也许可以找点乐子,但也可以忽略它。这篇文章无关你的 FastMail 账号或者 email 软件。

什么是 Referer 头

Referer 头可以追溯到 HTTP 协议的起源,它可能是 HTTP 协议中第一个被拼写错误的标准头。HTTP 规范是这样描述它的

Referer[sic] 请求头字段允许由客户端指定资源的 URI 来自于哪一个请求地址,这对服务器有好处(应该是 “referrer” 这个字段拼错了)。Referer 请求头让服务器能够拿到请求资源的来源,可以用于分析用户的兴趣爱好、收集日志、优化缓存等等。同时也让服务器能够发现过时的和错误的链接并及时维护。

阅读全文 »

akira_cn 发布于 06月23, 2016

【译】给 Web 开发者 3 个更有效地工作的建议

原文:http://www.zcfy.cc/article/630

working in a development team

开发者倾向于停留在他们所了解和喜欢的领域,做那些让他们舒适和感觉良好的事。这在一个团队环境中可能会成为问题。回顾我的职业生涯,我在这方面犯了一些错误。

现在想一想你喜欢的框架:是否项目里添加了它就万事大吉?

想一想你喜欢的那些设计模式:将它堆砌在历史遗留代码上有帮助吗?

那个差到你不堪卒读的组件怎样?避免用它或者在它之上包一层有用吗?

带着这样的问题,我想要给你三个建议,让你在一个团队里更有效地工作。这是给在一个团队中工作的 Web 开发者的建议。我将借鉴过去的经验和过程中得到的教训。

阅读全文 »

akira_cn 发布于 06月21, 2016

【译】建立更好的可访问性原语

原文:http://www.zcfy.cc/article/607

随着我们建立的网站逐渐变得更像 app,web 平台也需要跟上,提供给开发者所需的创建高可访问性用户体验的工具,这一点很重要。

最近,我遇到两个场景,在这两个场景下我添加合适的键盘支持到我所创建的组件上是极其困难的。在经过很多实验和研究之后,我比较清晰地意识到可能在 web 平台上缺少了一些原语,如果有这些原语,我的工作将会变得简单一些。我将会解释这两个场景,并涵盖一些关于如何解决这两个问题的思路。

阅读全文 »