Weekly-GitHub-Digest #26
2018/02/22–2018/02/28
Web — 網路本身高風險，請詳閱公開說明書
- maxchehab/CSS-Keylogging Chrome extension and Express server that exploits keylogging abilities of CSS
從第一個 commit 到正式推出尚未滿一個星期，就確切數據面上所觀察看來只花了兩天就一躍成為另個破千星星的開源專案，這在 CSS 這個分類下是非常少見的，過去經驗大概都是又有人寫了個輕量的 CSS Framework 之類的等等。CSS-Keylogging 看名字就知道就絕對可以拿來做些有趣的事情，善用了 CSS attribute 的選擇器屬性，就是把任何在鍵盤上可能出現的字元一一列出在這份 keylogger.css，這邊的舉例是在 backgroud-image 會有相互對應的圖片，你在另外架個 server 使用者的密碼等機敏資訊就這樣手到擒來了。
- captbaritone/winamp2-js A reimplementation of Winamp 2.9 in HTML5 and Javascript
winamp 考古了一下似乎是在 1997 年推出的，從那時開始便是最受歡迎的 MP3 播放軟體，經典的自然不可少了那句話：”Winamp, it really whips the llama’s ass!”。當你發現市面上找不到任何一個使用起來感到滿意的 MP3 播放器時，winamp 的作者就自己跳出來針對這個痛點自幹了一個出來。說起來 AOL 這間公司真的蠻讓人感到惋惜的，明明有著一手好牌卻在策略經營面上猛踢鐵板，但 winamp 的影響力過於深刻，以至於當年 AOL 宣布停止維護這問世已有 16 年之久的 winamp 時會造成多大的聲浪反彈。或許在另個平行時空，winamp 早已是眾人眼中的 Spotify 了呢。
Terminal — 已經是 iTerm 的形狀了呢
好像蠻多人喜歡在 commits 裡頭寫幹話的，髒話滿天飛也已經不是什麼大不了的事情，甚至還有人做了一個 Twitter Bot 自動去抓取 GitHub 上開發者公然罵髒話的句子，媽的追蹤人數還真不少，既然都在談論罵髒話這件事了，CLI 這方面當然不遑多讓：
安裝一下吧：
$ npm install -g fuck-you打個 fuck you -h 看看使用方法：
(；￣Д￣) . o O( I’ve got nothing on -h )…..還是直接看 gif 說明吧，但原則上 fuck [you...] process_name 照著這樣打就行得通了，直接來試試：
$ fuck you safari好啦我承認我平常很少開 safari，這次為了測試我們非常短暫的把它打開當作犧牲品：
雖然原作者表示該專案已經不再維護了，但能夠透過把玩 fuck-you 這個專案在砍線程這件事上發洩得到點救贖也是種福氣啦。
Useful OSS — 好用的開源軟體
- thedevs-network/kutt Free Modern URL Shortener
不知道大家在做縮網址都是用哪一家的服務，鄉民可能最愛用批踢踢縮網址，Google 縮網址也蠻多人使用的，近期也有像是 LIHI 這樣可以方便做 A/B Test 的服務，或是像 bitly提供中文縮址都很有搞頭和市場。kutt 是個開源的縮網址服務，目前的主張是免費且提供客製化 domains 還有後台管理介面可方便查看。以一個開源的專案而言算是小而美堪用堪用的程度，更進階的使用可能還是要另尋其他付費方案，話說官方網站也太多元素有 box-shadow，整個氣泡漂浮都出來了，給人一種飄飄然的不現實感(稱讚意味)。
Developers — 開發者們
最近好像都在 follow 偏向 CSS 屬性較多的開發者，從上期介紹過的 Jeremy Thomas 到像是這位 picturepan2。幾乎每個玩到一定程度的前端人都會自己搞個 CSS Framework 出來，可能是單純試試市場的水溫，看看不同風格用法的配置是否能讓更多人買單，後來也在簡書上看到這篇，原作者的女友跑出來撰文分享 side project 經營的微教學，一片白光閃的不亦樂乎。但我個人最為喜歡的是 instagram.css 這個專案，只用了最純最基本的 CSS 就把 Instagram 上各種常見的濾鏡效果實作出來，對於 filter 這個屬性想要深入了解都應該去讀讀 instagram.css。除此之外還有著 devices.css 和 fileicon.css 這些有趣且別出心裁的專案，好像能夠體會到前同事說過的那句：“能用 CSS 做到的為什麼還要用 JavaScript 呢？”
Technical Posts — 你都去哪看技術文啊城武
在 Weekly-GitHub-Digest 第二期 中介紹過的開發者 egoist，這次挖到的是他的技術部落格。egoist 可以說是徹底親身實踐重造輪子這個理念的大神，覺得 Webpack 或是 Rollup 這類的打包工具不夠好用嗎？沒關係我就去做個 bili 出來。Codepen 和 JSBin 好像挺有趣的耶，那我也來做個 codepan 致敬一下。最近看社群內好多人都在搞 CSS 框架呀，但是樣式設定我不太喜歡所以再來搞個 hack 吧！看過他所開發的幾個中型大型開源項目之後，執行力真的無話可說，從他的技術文摘中也能看到開發過程的一些記錄，像是核心目標是為了解決什麼需求，所以這個專案才應運而生等等。很多人都說程式設計師特別有個性，在 egoist 的部落格的確不難發現有著這樣的特質存在。
You Need Some Music, And A Bottle of Dry Martini — 你一定要把氣氛搞得這麼銷魂嗎
渣泥是近期朋友推薦的樂團，獨立樂團團名由來通常都很有意思，像是與 ZANI 發音相同的 zany，直譯作是笨蛋之意，而在希伯來文中的意涵卻是神的禮物。他們的音樂特質不是那麼容易定位，但聽來就有種落入泥淖中的頹廢感，試圖掙扎卻無力掙脫的厭世感，混音效果做的很到位，帶點 EDM 的曲風又是另一首會讓你不斷按下 Replay 的樂曲。MV 中最快發現的亮點是鼓手，高中畢業歌曲這幾年很少有新氣象了，但 Daydreamers 的完成度之高會讓你很難相信背後工程竟是由同個人自己編曲兼混音製作而成的。剛好發現上期介紹過的甜約翰將在三月中舉辦的 Dear 首場專場，渣泥正是擔任暖場的樂團。其實聽團最有趣的可能不只是單純感受現場的渲染力，而是親眼見證親身參與一個大團崛起的時代。
