老逛每天都会去 ProductHunt 看看，这是一个发掘有意思产品的国外平台。 这个平台现在已经成为了用户发现新产品、创业者们获得灵感、投资人们寻找新机会，以及创始人对自己的产品进行推广的最佳去处。

在这篇文章中，我想和大家分享我是如何为 web 原型化一个 Sidenav 组件的，这个组件是响应式的，有状态的，支持键盘导航，可以使用和不使用 Javascript，并且可以跨浏览器工作。 构建一个响应式导航系统是很困难的。有些用户使用键盘，有些用户使用强大的台式机，还有一些…

页面布局也是在实际开发中经常用到的技术。 在大的方面，可以实现整个页面的布局，比如左侧导航、header、footer... 在小的方面，可以是内容布局，比如文章。