每周一我都会分享上一周我订阅的技术站点中,和解决问题的过程中阅读到的值得分享的文章。这是迫使我学习的一个动力
本周推荐
Minecraft in WebVR with HTML Using A-Frame
这篇文章教你如何通过一个 WebVR 框架 A-Frame 来开发一个 VR 应用(既支持高端的Oculus Rift,也支低端的Google Board纸盒)。可惜我什么没有VR设备,看不到实际的效果
Scrolling on the web: A primer
还记得被scroll事件支配的恐惧吗?——scroll事件是公认的引起性能下降的陷阱。这篇文章介绍了目前现代浏览器为优化scroll事件所做出的一些改进。同时也从代码的角度给出了一些避免影响性能的添加scroll事件相关代码的一些方案
常规技巧
State of Responsive Images 2017
响应式图片的现状,还是老样子:支持的浏览器肯定是在逐渐增多;但是不同浏览器对于不同属性的支持是不同;不同浏览器对于同一种属性的实现也可能不同
Measuring Image Widths in JavaScript (Carefully!)
这篇文章本身的价值不大。引起我兴趣的是,他介绍了一个前端库 imagesloaded ,用于判断某个DOM内的图片是否已经加载完成。 同时在评论中他不赞成使用 getComputedStyle 和 getBoundingClientRect 方法来获取尺寸。于是我非常有兴趣想了解 imagesload 这个类库中是如何实现的,如果有谁已经有了成果可以留言告诉大家
Forbes rebuilt its new mobile website as a Progressive Web App
福布斯杂志新的移动页面使用了Progressive Web App技术,有一些数据非常可观:
- 据说在0.8秒内就能加载完毕,之前的网站需要3到12秒的时间
- 用户访问新站点的平均时间(session duration)翻倍了,新增了20%的曝光(impressions)
我已经决定在我的下一个项目中使用 PWA 了!
这是作者自己的在开发React过程中总结的10条设计模式。实话实说,看完之后我并没有什么感触——因为我开发React的时间不多,但是希望对大家有帮助
手工编写HTML代码难免会犯一些错误,例如忘记添加了 charset,lang属性,viewport标签没有编写正确等等。然而这些错误仅仅用CSS就能检测出来。不信的话看这篇文章吧。
Why WebAssembly is Faster Than asm.js
最佳Mozilla在狂推 WebAssembly,这篇文章把 WebAssembly 与 asm.js 进行了比较。 asm.js 则声称是另一类更底层的javascript子集,提供更好的性能。两者都想必是未来的Javascript趋势,有机会做一个专题
DayTrip 网站的标题部分展现了一种微妙闪烁的动画效果,这实际上的是通过伪元素的图片覆盖与简单的帧动画实现的。又需要的通过可以拿去(不过我觉得这么微妙的动画很难看出来,收益率不大啊)
How To Develop An Interactive Command Line Application Using Node.js
你一定使用过Gulp,Grunt,或者是 Yeoman。不知道你有没有惊叹于这些工具附带的CLI能够精准的识别命令行指令,以及能够根据指令下载文件,生成本地文件等功能。这篇文章就告诉你如果做命令行应用。
新人入门
Quick Tip: How JavaScript References Work
关于Javascript引用类型如何使用的文章,短小精悍,图文并茂,适合入门
Golden Guidelines for Writing Clean CSS
如何规范的书写和设计样式代码,先给新人
讲讲道理
How to launch software changes without pissing people off
我们每个人都是互联网产品的使用者,相信我们大多数人都被一些产品毫无征兆的改版惹怒过——改版过后你再也找不到你常用的功能了。这篇文章给出了一些改版过程中的建议,正如标题所说,如何在不惹怒用户的情况下开始改版
这篇文章和上一篇文章都来自Basecamp团队37signals。这一篇文章和他们所写的书《重来》的风格类似,关于不要放弃创业,不要只追逐金钱,有点鸡汤有点热血。最重要的是还有点道理
The Beauty Of Imperfection In Interface Design
UX设计师们在设计UI时总是会陷入误区:即仅仅追求视觉上的舒畅和优美(就像你在Dribbble上看到的那些),而忽略了实际产品的需求。实际的产品需求包括业务流程,包括用户交互和行为习惯,包括各种意外的情况,还需要考虑用户的使用场景和设备。这篇文章就是告诉你应该如何跳出“视觉美”的这个怪圈,做正确的设计