Yan Blog

Service Worker 101「GDG DevFest 2016 北京」

🎞 Slides:Service Worker 101, Working Offline and Instant Loading (GDG DevFest 2016 Beijing)

下滑这里查看更多内容 TLDR; It covers lots of cool stuff about Service Worker! Watching Fullscreen → Scanning on mobile Demo Code → Hello World of Service Worker Make your own Offli...

Posted by Hux on November 20, 2016

Progressive Web Apps，复兴序章「QCon 上海 2016」

🎞 Slides:Progressive Web Apps, Make Web Great Again. (QCon Shanghai 2016)

下滑这里查看更多内容 Watching Fullscreen → Watching Video → Scanning on mobile Catalog The State Of Web Rethinking Hybridzation PWA 101 Definition Add To HomeScree...

Posted by Hux on October 20, 2016

Web 在继续离我们远去

After the release of Wechat Mini-Program

本文首发于我的知乎专栏 The Little Programmer，转载请保留链接 ;) 今天微信又刷爆了我的朋友圈 —— 小程序，之前传说的应用号。不过这篇不谈小程序的技术细节，也不去猜测（因为知道得很清楚……），也不谈小程序会对中国互联网带来什么影响（自有产品经理会来谈……），我们说说 Web，the Web。我们常说的 Web，其实是 World Wide W...

Posted by Hux on September 22, 2016

Progressive Web App 之我见

🎞 Slides:Progressive Web App, in my points of view

下滑这里查看更多内容 Watching Fullscreen → Scanning on mobile Catalog WHAT is Progressive Web App? 1 - Installability 2 - App Shell 3 - Offline SERVICE WORKER! ...

Posted by Hux on June 5, 2016

「译」React vs Angular 2：冰与火之歌

React versus Angular 2: There Will Be Blood

这篇文章转载自我在知乎专栏「前端外刊评论」上发表的文章。 Angular 2 已经发布 Beta 版，而且似乎很有信心在 2016 年成为热门框架。是时候进行一场巅峰对决了，我们来看看它如何与 React 这个 2015 年的新宠抗衡。免责声明：我之前很喜欢使用 Angular 1，不过在 2015 年转到了 React。最近我也在 Pluralsight 上发布了一门关于 R...

Posted by Hux on February 1, 2016

都 2015 年了，CSS 怎么还是这么糟糕

🎞 Slides:CSS Still Sucks 2015

下滑这里查看更多内容 Watching Fullscreen → 你也可以通过扫描二维码在手机上观看这个 Web Slides 开源在我的 Github 上，欢迎你帮助我完善这个展示文稿，你可以给我提 issue，可以 fork & pull request。如果它能帮助到你了，希望你还能不吝啬 star 一下这个项目 Catalog Document...

Posted by Hux on December 28, 2015

「译」iOS 9，为前端世界都带来了些什么？

iOS 9, Safari and the Web: 3D Touch, new Responsive Web Design, Native integration and HTML5 APIs

2015 年 9 月，Apple 重磅发布了全新的 iPhone 6s/6s Plus、iPad Pro 与全新的操作系统 watchOS 2 与 tvOS 9（是的，这货居然是第 9 版），加上已经发布的 iOS 9，它们都为前端世界带来了哪些变化呢？作为一个 web 开发者，是时候站在我们的角度来说一说了！注！该译文存在大量英文术语，笔者将默认读者知晓 ES6、viewpor...

Posted by Hux on December 15, 2015

「知乎」设计师如何学习前端？

How designers learn front-end development?

这篇文章转载自我在知乎上的回答，也被刊登于优秀网页设计等多个网站上 ;) 笔者的经历在知乎就可以看到，大学专业是数字媒体艺术，大一实习过动效设计师，大二拿到了人生第一个大公司 offer 是阿里的交互设计，后来转岗到淘宝旅行的前端团队，现在在微信电影票做前端研发。也是走过了不少野路子，不过还好有小右哥 @尤雨溪这样艺术/设计转前端的大神在前面做典范，也证明这条路是玩的通的 ;...

Posted by Hux on October 28, 2015

「译」ES5, ES6, ES2016, ES.Next: JavaScript 的版本是怎么回事？

ES5, ES6, ES2016, ES.Next: What's going on with JavaScript versioning?

JavaScript 有着很奇怪的命名史。 1995 年，它作为网景浏览器（Netscape Navigator）的一部分首次发布，网景给这个新语言命名为 LiveScript。一年后，为了搭上当时媒体热炒 Java 的顺风车，临时改名为了 JavaScript （当然，Java 和 JavaScript 的关系，就和雷锋和雷锋塔一样 —— 并没有什么关系）歪果仁的笑话怎么一点都不好...

Posted by Hux on September 22, 2015

JavaScript 模块化七日谈

🎞 Slides:JavaScript Modularization Journey

下滑这里查看更多内容 7月9日，我在公司内部进行了名为「JavaScript 模块化七日谈」分享，并将该 Slides 分享到了微博上。出乎意料地，这篇微博先后被 @JS小组 @尤小右 @寸志等近 200 人转发，阅读达到 10w，获得了还不错的评价。于是，我决定将它重新发到我的博客上，并为它专门制作了适用于 Keynote 展示文稿的新布局。它能自动根据屏幕大小/旋转以一定...

Posted by Hux on July 9, 2015