## 奇舞推薦 * ### [使用 JavaScript 進行運動檢測](http://www.zcfy.cc/article/732) 作者使用了幾個簡單的API，數量不多的代碼，在瀏覽器中實現了一個簡單的運動檢測程序。非常好玩的嘗試。 奇舞推薦?JavaScriptloveky推薦 * ### [使用 NativeScript 和 Angular2 構建跨平臺 APP](http://qianduan.guru/2016/07/03/create_cross_platform_app_with_nativescript_angular/) 相比于 ReactNative ，NativeScript 能夠擺脫對原生代碼的依賴，真正實現跨平臺開發，非常適合小團隊或個人開發者。這個教程可以幫助大家快速上手。 奇舞推薦?JavaScript?移動 Web?框架?前端工程?Angular?跨平臺 * ### [如何 10 倍提高你的 Webpack 構建效率](http://eternalsky.me/ru-he-10-bei-ti-gao-ni-de-webpack-gou-jian-xiao-lu/) 文章從 webpack 構建的各個部分，給出了相應的優化策略，如果你的項目中能夠將其完全貫徹起來，10 倍提速不是夢想。 奇舞推薦?webpack?效率wendy推薦 ## 教程 * ### [YAML 語言教程](http://www.ruanyifeng.com/blog/2016/07/yaml.html) 編程免不了要寫配置文件，怎么寫配置也是一門學問。YAML 是專門用來寫配置文件的語言，非常簡潔和強大。本文介紹 YAML 的語法，以 JS-YAML 的實現為例。 YAML?JavaScript?教程 * ### [重新創建 Twitter 點贊動效](http://www.w3cplus.com/animation/recreating-the-twitter-heart-animation.html) 作者在 CodePen 上看到了一個 Twitter 心形點贊動畫。在這個案例中使用的是 Sprites 圖片。作者實現了不使用圖片版本，對 CSS 動畫感興趣的同學也可以自己動手實現。 CSS?動畫?教程 * ### [React 開發一款簡單的賽車游戲](https://blog.coding.net/blog/react-simple-game) 文章為大家一步步講解，如何用 React 寫出一款純 JavaScript + CSS 的小游戲。 React?教程?JavaScript?CSS ## JavaScript * ### [【譯】使用 ES6 來為異步函數記錄執行時間](https://www.h5jun.com/post/timing-asynchronous-functions-in-javascript-es6.html) 本文作者實現了一個可重用的函數來處理 JavaScript 延時異步操作。 ES2015?JavaScript * ### [強迫癥的模塊化](http://efe.baidu.com/blog/an-obsessive-view-on-modularization/) 本文旨在簡單介紹模塊化的概念后，重點提出在日常模塊化實施中應當被注意的幾個點。值得一讀。 模塊化?JavaScript * ### [測試驅動開發：使用 Node.js 和 MongoDB 構建 Todo API](http://www.zcfy.cc/article/746) 學習如何使用測試驅動開發的方式，用 Node.js、MongoDB、Mocha 和 Sinon.js 開發 Todo API。 JavaScript?NodeJSwemlin推薦 ## CSS * ### [CSS 的未來](http://www.zcfy.cc/article/297) CSS 未來的發展方向就是替換掉 SASS 等預處理語言，用原生的 CSS 的實現變量以及繼承等功能，編寫可復用低重復的樣式表。本文主要講了目前 CSS的 變量及 @apply 規則。 CSSbubble推薦 * ### [CSS 網格布局和定位網格項](http://www.zcfy.cc/article/772) CSS 的網格布局已經支持使用定位網格項 positioned item，本文主要介紹了定位網格項與普通網格項的區別及特性。 CSSbubble推薦 ## 其它 * ### [谷歌的代碼管理](http://www.ruanyifeng.com/blog/2016/07/google-monolithic-source-repository.html) 谷歌和 Facebook 都只有一個代碼倉庫，全公司的代碼都放在這個庫里。為什么要這樣做，不同語言的項目放在一個庫有什么好處？ 代碼管理?google?facebook * ### [簡單了解 HTML5 中的 Web Notification 桌面通知](http://www.zhangxinxu.com/wordpress/2016/07/know-html5-web-notification/) 在以前，我們的通知實現主要是使用定時器不斷修改 document.title 的值。然而，這種提示有個致命的缺陷，就是用戶的瀏覽器要一直是打開的。現在，Web Notification 就可以很好地解決上面的痛點。 HTML5