2017 Amsterdam CSS Day

特别声明:小站对部分原创文章已开启付费阅读,并开通年费VIP通道,年费价格为 ¥365.00元。如果您喜欢小站的内容,可以点击开通会员进行全站阅读。如果您对付费阅读有任何建议或想法,欢迎发送邮件至: airenliao@gmail.com!(^_^)

2017 CSS Day于6月15日和16日在Amsterdam举办,到今天已经过去一个多月了。虽然说是CSS Day,但这次话题并不仅仅是有关于CSS方面,这次大会主要分成两个方面的话题:Browser API SpecialCSS。第一天主要是有关于Browser API Special(6月15日),第二天主要是有关于CSS的(6月16日)。每个主题各邀请八位世界级的分享嘉宾来分享。比如熟悉的@Philip Walto、@Rachel Nabors、@Chris Coyier、@Rachel Andrew和@Jen Simmons。最近也看了大会相关嘉宾分享的内容,整理一下分享给国内的爱好者。希望大家感兴趣。

视频

上面的视频只是大会当天的一些花絮,最终嘉宾分享的视频都会在这里向大家展示。不过可能需要一段时间。不过你对以往有关于CSS Day分享的话题感兴趣的话。也可以在这里获取到

分享主题

两天时间分享16个主题,真多。这些主题有些是自己熟悉的话题,比如@Rachel的Web Animations API、@Philip Walton和@Tab Atkins分享有关于Houdini相关的话题、@Gregor Adams分享的CSS 自定义属性(CSS变量)、@Rachel Andrew分享永恒不变的话题CSS Grid Layout以及@Jen Simmons分享的Writing Modes等。当然也有一些自己接触较少的话题,比如@Ruth John分享的Web Audio、@Ada Rose Edwards分享的WebVR之类。总的来说,有关于CSS的话题,大部分是以前听过或者接触过的。如果从未接触的同学,可以花点时间了解,因为这些分享嘉宾都是世界顶级的专家,他们可以说代表这个行业的风向标。接下来简单的聊聊相关的话题。

Browser API Special

Browser API Special中有八个主题,主要都是围绕浏览器当前或未来的一些API。这些API如何工作?他们存在什么问题?我们还能期待浏览器未来能为开发者提供什么能力的API等。这里面有几个自己关注的话题,而且国内也分享的比较多。比如PWA(Progressive Web Apps)。

PWA by @Patrick Kettner

PWA是近来最热门的Web技术之一,也被称为下一代Web应用模型。Progressive Web Apps 是结合了 Web 和 原生应用中最好功能的一种体验。对于首次访问的用户它是非常有利的, 用户可以直接在浏览器中进行访问,不需要安装应用。随着时间的推移当用户渐渐地和应用建立了联系,它将变得越来越强大。它能够快速地加载,即使在比较糟糕的网络环境下,能够推送相关消息, 也可以像原生应用那样添加至主屏,能够有全屏浏览的体验。

@Patrick Kettner的PPT,花了166页来介绍。分享了Service WorkerAppCacheWeb Application APIWeb WorkersWeb App ManifestBluetoothIndexedDB等相关的技术。

感觉信息量特多,依旧不了解PWA,是吧。简单点说,PWA具有以下几个特点:

  • 渐进式:适用于选用任何浏览器的所有用户,因为它是以渐进式增强作为核心宗旨来开发的。
  • 自适应:适合任何机型:桌面设备、移动设备、平板电脑或任何未来设备。
  • 连接无关性:能够借助于服务工作线程在离线或低质量网络状况下工作。
  • 类似应用:由于是在 App Shell 模型基础上开发,因此具有应用风格的交互和导航,给用户以应用般的熟悉感。
  • 持续更新:在服务工作线程更新进程的作用下时刻保持最新状态。
  • 安全:通过 HTTPS 提供,以防止窥探和确保内容不被篡改。
  • 可发现:W3C 清单和服务工作线程注册作用域能够让搜索引擎找到它们,从而将其识别为“应用”。
  • 可再互动:通过推送通知之类的功能简化了再互动。
  • 可安装:用户可免去使用应用商店的麻烦,直接将对其最有用的应用“保留”在主屏幕上。
  • 可链接:可通过网址轻松分享,无需复杂的安装。

不了解并不要紧,如果你想深入了解PWA相关的技术,可以阅读下面的一些文章:

Web Animation API by @Rachel Nabors

动画又回到了Web开发工具箱中。众所周知,可以使用CSS的Animation和Transition以及像GreenSock这样的JavaScript库来制作动画。但是不久的未来我们还有另外一个选择,那就是Web Animation API。@Rachel Nabors通过爱丽丝漫游仙镜为示例线咱,向你展示了如何通过这个新API在浏览器中运行CSS动画,以及如何使用他在你的项目中生成和操作动画。可以说是丰富多彩,又具乐趣的。

@Rachel Nabors的这份PPT也有一百多页。一开始以为大神需要分享新的内容,但没想到这份内容在2016年4月份就对外分享过了。当时特意仔细阅读了这份PPT,也是这个时候

剩余80%内容付费后可查看
* 请输入阅读码(忘记阅读码?

如需转载,烦请注明出处:https://www.w3cplus.com/css/2017-Amsterdam-CSS-Day.html

如果文章中有不对之处,烦请各位大神拍正。如果你觉得这篇文章对你有所帮助,打个赏,让我有更大的动力去创作。(^_^)。看完了?还不过瘾?点击向作者提问!

赏杯咖啡,鼓励他创作更多优质内容!
返回顶部