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...

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...

Web 在继续离我们远去

After the release of Wechat Mini-Program

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

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! ...

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

React versus Angular 2: There Will Be Blood

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

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

🎞 Slides:CSS Still Sucks 2015

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

「译」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...

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

How designers learn front-end development?

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

「译」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 的关系,就和雷锋和雷锋塔一样 —— 并没有什么关系) 歪果仁的笑话怎么一点都不好...

JavaScript 模块化七日谈

🎞 Slides:JavaScript Modularization Journey

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