聚焦前端,記錄過去一個月看到的優秀的文章,內容來源主要有 Github
、Hacker News
、Medium
、掘金
、Twitter
、v2ex
、uplabs
以及郵件RSS訂閱和發散閱讀。可能會有設計方面的分享,同時也會分享一些個人覺得比較好的應用。每月28日更新,本期第二期。同步到Github和我的部落格。
往期
時間 | 序號 |
---|---|
2019-01 | 第一期 |
星推
Github Star 推薦
-
Jsonnet - The data templating language
-
這裡是 Ant Design 的 Vue 實現,開發和服務於企業級後臺產品。
工具
-
Top 50 Developer Tools of 2018
一站式瞭解 Stack Share 為你提供的 2018 排名前50的開發者工具
-
谷歌外掛,幫助開發者在Chrome DevTools中除錯
CSS Shapes
特性 -
New Moon Theme For Chrome DevTools
谷歌外掛,一款可代替
Chrome DevTools
預設暗色風格的暗色主題 -
一個新一代的基於上下文進行全文搜尋的庫
-
可以離線執行的程式碼執行環境,提供多種模版
-
WebGradients is a free collection of 180 linear gradients that you can use as content backdrops in any part of your website. Easy copy CSS3 crossbrowser code and use it in a moment! We've also prepared a .PNG version of each gradient. As a bonus, there are packs for Sketch & Photoshop.
-
The clip-path property allows you to make complex shapes in CSS by clipping an element to a basic shape (circle, ellipse, polygon, or inset), or to an SVG source.
-
Unopinionated utilities for resizeable split views
-
ICONSVG is a tool to simplify the process of finding and generating common icons for your project.
教程
-
CSS Shapes allow us to make interesting and unique layouts by defining geometric shapes, images, and gradients that text content can flow around. Learn how to use them in this tutorial.
-
Tasks, microtasks, queues and schedules
任務,微任務,佇列
-
A free, online book for when you really need to know how to do Bézier things.
-
O'Reilly 新書《資料視覺化基礎》一書的線上預覽版
-
作者講解了通過設計一個
虛擬滾動
功能來優化渲染上千資料 -
Writing Animations That Bring Your Site to Life
作者將
Dribbble
上互動比較好的例子拿來做教程例子,個人比較喜歡這種學習方式。
閱讀
-
Babel
釋出了 7.0 版本,將支援JSX
以及TypeScript
編譯 -
自 2012 年起,我們每半年釋出一次報告,公佈我們收到的請求數量以及我們做出的迴應。
-
ES2019來臨,Chrome73已經支援,來學習下
JavaScript
新特性 -
React 16.8 將正式支援
React Hooks
-
Vue團隊在年三十發布了 Vue 2.6 "Macross"
新奇
-
12 Incredible Pure CSS Experiments
12個令人驚歎的CSS實驗專案
-
World’s First Website, Created By Tim Berners-Lee In 1991
應用
平臺 | 應用 | 說明 |
---|---|---|
Mac | eZip | 專為 macOS 而設計的壓縮軟體 |
Mac | Carbonize | Generate gorgeous images from your code snippets. Ready to save or share. |
Chrome | Chrome Themes | 14款由 Chrome 團隊釋出的瀏覽器主題 |