week - 2016-03-20 ~ 2016-03-26

Rplus commented 8 years ago

first blood~

票選期間：03/31~04/02

top20 feeds data: https://github.com/Rplus/weekly-collection/commit/52430cbf27545325b0e4d955086d413f60409924

Rplus commented 8 years ago

power#	likes	comments	shares
# 1	466	35	220

fb permalink @ 2016-03-21T14:31:43+0000
who: Hsiang Lee
intro:

分享這個前端好物給大家：ngrok 
可以用內網變成外網給其他人看，是近期同事分享的，發現好好用，早點發現就好了，有種相見恨晚的感覺，還可以加登入帳密，縮短了很多小案子 demo 給客戶的建置測試站時間

: 怎麼將內網的 localhost 讓外面的人都看得到呢？用用 ngrok 吧！ - 転転 | 平常在自己的電腦上開發，要給外部的人看頁面的時候是不是都很不方便，用了 ngrok 後他會自動幫你產生個網址給外部的人連進去看，非常方便，適合開發中的你。

Rplus commented 8 years ago

power#	likes	comments	shares
# 2	444	19	113

fb permalink @ 2016-03-25T03:54:19+0000
who: 尤川豪
intro:

大家安安

常常有設計師做好設計之後 工程師很難寫css的情況出現

這次跟某設計師合作

她用Sketch弄好好設計 上傳Zeplin

我直接用web打開Zeplin就能看到設計+各個細節（margin, padding, width ... etc）

甚至連相關圖片都打包好了

幾乎不用再去問設計師任何問題

用過之後 實在非常驚豔

跟大家推薦一下

: Zeplin Collaboration app for UI designers and frontend developers

Rplus commented 8 years ago

power#	likes	comments	shares
# 3	171	9	69

fb permalink @ 2016-03-25T03:51:50+0000
who: Derek Wang
intro:

阿娘萎...筆記
1.alert 掰掰
2.confirm 掰掰
3.close 掰掰
4.window.open + opener 改方法吧

: 你知道你的網站可能在 InAppBrowser/webview 無法使用嗎? « 要改的地方太多了，那就改天吧你知道你的購物網站，可能在 Facebook App 裡面無法結帳嗎? 最近遇到一個案例，購物網站上線後，廠商說許多消費者回報「購物車無法刪除商品」，選擇取貨的超商分店後「無法跳回原本的結帳頁...

Rplus commented 8 years ago

power#	likes	comments	shares
# 4	157	0	75

fb permalink @ 2016-03-22T13:01:53+0000
who: 林靜君
intro:

22個css3 animation範例教學，很值得收錄!
記得之前有人問到翻頁動畫，裡面也有完整程式碼。

: 22 stunning examples of CSS3 animation | CSS3 | Creative Bloq You no longer need Flash to create web-based animations and interactivity. Here are some of the best experiments in CSS3 animation to inspire you.

Rplus commented 8 years ago

power#	likes	comments	shares
# 5	179	8	52

fb permalink @ 2016-03-23T06:02:50+0000
who: Rex Rex
intro:

全 CSS + JS 特技製作，一個呼籲保育瀕危物種的網頁：

http://species-in-pieces.com/

: In Pieces - 30 Endangered Species 30 species, 30 pieces. In Pieces is an interactive exhibition of 30 of the world’s most interesting but unfortunately endangered species — their survivals laying literally, in pieces. Explore information, facts and figures and download assets of each unique species.

Rplus commented 8 years ago

power#	likes	comments	shares
# 6	135	79	16

fb permalink @ 2016-03-22T05:12:47+0000
who: 余澄弈
intro:

大家好，我公司叫旺宸（未來網路遊戲業務會轉移到子公司登豐資訊，子公司下個月會去設立），母公司主要是做遊戲機台開發，子公司現在要徵求前端 Junior，工作內容主要是 2D Web Game 開發（未來可能會有 3D Web Game）

可在家工作，需視專案狀況，每周 1 ~ 3 日至公司工作開會，公司位於新北市新莊區

本薪 5.5 - 6.5 萬，勞健保等外加（實際到你帳戶一定至少 5.5 - 6.5 萬），年薪 14 個月

技能需求
1. HTML5 / CSS3 / JavaScript（以純 JavaScript 開發為主）
　Web Game 有效能問題，所以會盡量擺脫過於複雜的框架進行開發
2. 熟悉 WebGL / Web Game Framework 者加分
3. 已服完役

其他需求
1. 一年以上相關經歷者加分
2. 具 TypeScript 相關經歷者加分
3. 具自制力且有幹勁的夥伴

如有意願煩請私訊我詢問，或寄信至 erinus.startup@gmail.com

P.S. 不知道這樣徵才有沒有違反版規，如有的話煩請通知，我會立即撤下，感謝

Rplus commented 8 years ago

power#	likes	comments	shares
# 7	216	17	0

fb permalink @ 2016-03-22T11:39:55+0000
who: YuTin Liu
intro:

小弟我的第一個 react-native 成功上架啦！！/撒花/

使用react-native開發的確省去不少工, 尤其在跨平台上透過檔名xxx.ios.js與xxx.android.js的差異, 就可以輕鬆的決定要import哪支檔案. 同個專案裡甚至可以部分共用, 部分不共用code.

至於第三方 package 的使用上也很方便, 靠 rnpm link (react-native link 多數專案不work)就可以快速使用哩, 但是目前package不夠充足, 大多數的地方還是要靠自己寫native (ex. barcode掃描). 尤其在android遇到sdk衝突(A package 支援 16~22 + B package 支援 20~26 = 只支援 20~22)的問題實在很麻煩, 變成自己必須要fork下來改寫.

雖然有時候會發生重複View會閃退, 同樣的style在A手機沒事在B手機就GG.
可是整體操作體驗上比起cordova實在好太多, 也許現在不適合用在正式產品上, 不過長遠看來 react-native 會是個好選擇, 而且 https://github.com/facebook/react-native Star數即將來到30k.

題外話, https://apphub.io/ 這個服務值得關注.

Rplus commented 8 years ago

power#	likes	comments	shares
# 8	133	5	48

fb permalink @ 2016-03-20T15:59:50+0000
who: 黃保翕
intro:

[重大漏洞通知] 全平台 (作業系統)、全版本的 Git 命令列工具，被發現一個非常嚴重的程式漏洞，你只要透過 git clone 一個惡意的遠端儲存庫 (remote repository) 或 git push 一個惡意的本地儲存庫到遠端儲存庫，都有可能導致 Git Client 或 Git Server 執行任意程式碼，這種又稱 RCE (Remote Code Execution) 的攻擊手法，此問題 *十分嚴重*，請大家務必轉發給有在用 Git 的朋友知道，轉發時請記得貼上我的說明文字，以免有人會覺得是英文文章而跳過。
.
目前只要你安裝的 Git 版本是低於 2.7.4 版都包含此漏洞，請務必盡速升級手邊的所有 Git 工具程式，包含 Git for Windows, GitHub Desktop 等用戶端軟體 ( 由於 TortoiseGit, SourceTree 預設都直接使用 Git for Windows 工具，因此不用特別更新 )，以及 GitLabs 等伺服器端軟體，都應該立即升級到最新版本，要快！ :-O

: Remote Code Execution in all git versions (client + server) < 2.7.4: CVE-2016-2324, CVE-2016‑2315 This has the potential to be huge: server and client side remote code execution through a buffer overflow in all git versions before 2.7.1 2.7.4 (see update). Ok the bug works by pushing or cloning a repository with a large filename or a large number of nested trees. [...] The point is affected vers…

Rplus commented 8 years ago

power#	likes	comments	shares
# 9	123	16	29

fb permalink @ 2016-03-21T10:12:20+0000
who: 尤川豪
intro:

大家安安

小弟一直覺得css的class name命名很難

想學點css架構方法 但又不想搞得太複雜

剛剛找到了這個

http://rscss.io

試了一下 非常簡單有效

只要分components, elements, variants, hellpers四種即可

推薦給大家

: rscss Reasonable System for CSS Stylesheet Structure. A set of simple ideas to guide your process of building maintainable CSS.

Rplus commented 8 years ago

power#	likes	comments	shares
# 10	177	15	0

fb permalink @ 2016-03-26T05:55:26+0000
who: YuTin Liu
intro:

2016-03-26 第五屆HTML5峰會@台灣台北

Rplus commented 8 years ago

power#	likes	comments	shares
# 11	132	5	29

fb permalink @ 2016-03-26T11:12:06+0000
who: 邱弘毅
intro:

因為上禮拜反應還蠻不錯的，所以又手癢寫了一篇。
一樣用輕鬆的語調敘寫，希望飯後閒著看的各位會喜歡。
如果漏掉什麼，也歡迎給我意見，謝謝各位:)

: [前端連載] 買早餐也能了解前端 vs 後端？簡介上次講完了網路的架構，今天來談點前端和後端的東西吧。我們常聽到的前端和後端（或者前台與後台），其實是一個…

Rplus commented 8 years ago

power#	likes	comments	shares
# 12	88	17	31

fb permalink @ 2016-03-21T04:07:57+0000
who: MaoYang Chien
intro:

前端學習整理資源

: AutumnsWind/Front-end-tutorial Front-end-tutorial - :panda_face:最全的资源教程-前端涉及的所有知识体系

Rplus commented 8 years ago

power#	likes	comments	shares
# 13	61	0	29

fb permalink @ 2016-03-23T08:17:33+0000
who: MaoYang Chien
intro:

收集很多精美的Web/App的前端設計網站, 進去每個分類的Resource子分類還有收集一些很有設計感的opensource

找工作嗎? https://goo.gl/Sj1dti

: UpLabs UpLabs curates the best of design & development inspiration, resources and freebies. Every day!

Rplus commented 8 years ago

power#	likes	comments	shares
# 14	71	11	3

fb permalink @ 2016-03-22T17:13:43+0000
who: Rplus Chen
intro:

嗨~ 大家好~

社團裡優質分享文眾多，
但 Facebook 先天不易搜尋，
故希望以每週精選的方式，為社群留些紀錄。

目前已先草擬了運作流程 (可見 README )
希望能有五六位熱血前端幫忙大家整理文章，讓週刊可以生出來

有興趣的歡迎報名~
( 下方用留言，或是去第一個 issue 報名都可以~  

任務：
* 輪流整理
* 每週要看文章來協助篩選

需求：
* 平常有在看大家的分享文
* 能在 GitHub 上互動 ( 打字 & 按讚 XD )

薪酬：
無薪志工 ( 會不會被劣退呀 XDD

https://github.com/f2etw/weekly-collection/

:

Rplus commented 8 years ago

power#	likes	comments	shares
# 15	25	21	10

fb permalink @ 2016-03-21T03:37:56+0000
who: 林靜君
intro:

HTML進階考題，大家可以試試，看看對幾題

: Quiz: Advanced HTML - Quizzes - Flightsim Aviation Zone Quiz: Advanced HTML - Quizzes - Flightsim Aviation Zone - Number 1 Flight Simulation and Aviation Resource! Information, Tools, Multimedia, Downloads, Databases, Links and more.

Rplus commented 8 years ago

power#	likes	comments	shares
# 16	6	38	1

fb permalink @ 2016-03-21T04:17:31+0000
who: Shan Chen Chang
intro:

請問html css有什麼證照可以考嗎 感恩

Rplus commented 8 years ago

power#	likes	comments	shares
# 17	38	0	12

fb permalink @ 2016-03-24T04:25:07+0000
who: Ming Ching Chen
intro:

http://blog.mozilla.com.tw/posts/8618/a-frame-for-360syria  網頁也得跟上流行，VR WEB

: Mozilla 的 A-Frame 為虛擬實境新網站 #360Syria 提供震撼效果 | 部落格 | Mozilla Taiwan 提供 Mozilla 與 Firefox、Firefox OS 的五花八門最新訊息，包括 Firefox 開發、Firefox 最新功能、Firefox 使用教學、Firefox 錯誤迷思導正、Firefox 好用附加元件訊息，以及由 Mozilla Taiwan 官方舉辦的各式 Firefox 活動訊息、新聞、部落文分享

Rplus commented 8 years ago

power#	likes	comments	shares
# 18	32	10	7

fb permalink @ 2016-03-22T08:56:19+0000
who: Claudia Wen
intro:

想請問一下各位
http://www.kyoto-u.ac.jp/explore/professor/02_uchida.html
這個網站的人物圖片會跟著滑鼠的滾輪變化
覺得很厲害 想請問是怎麼寫出來的?還是會有相對應的套件嗎?

感謝再感謝：）

: 内田由紀子先生｜京大先生図鑑｜探検！京都大学フィールドワーカーになって京大をバーチャル探検！、京大の先生の生態を紹介する図鑑、ノーベル賞受賞者のメッセージ、データで紐解く京大の特色などを紹介。

Rplus commented 8 years ago

power#	likes	comments	shares
# 19	44	8	0

fb permalink @ 2016-03-25T00:15:31+0000
who: Muyueh Lee
intro:

Google 前幾天開放雲端的語音辨識服務，所以怎麼樣設計一個聲控為基礎的網頁？

我們先前有建立幾個語音互動為基礎的介面(http://sheethub.github.io/smartcity2016/map/map2.5d.html)，使用的還是舊的瀏覽器辨識，所以我們對這一個消息真的蠻興奮的。接下來再跟大家分享開發中的技術挑戰！

: 資料視覺化李慕約公司 / Muyueh Data Visualization 新的媒介就有新的 UI/UX 互動方式，所以比方因為手機平板的出現有整個關於 RWD 的設計與實踐，問題會是下一個 UI/UX 互動方式是什麼，下一個是 RWD 是什麼？

我覺得是聲控，除了跟未來的裝置相容，它也跟過去的所有裝置相容，而且他的互動方式更直覺。

為什麼聲控技術存在那麼久了，過去都沒有起飛，憑什麼現在會？

理論是因為這是互動技術，所以都會有一個使用門檻（想像 90% ~ 95% 之間），也就是還沒有過這一個門檻使用者不太喜歡用，因為太不準了。包含台灣本土的科技廠聲控一出來就可以做到 60%~70%，但要進步到 90%~95%，就真的是要很多很多的資料跟努力了。這是我個人非常關注幾個大廠，包含 Google，包含被 Facebook 併購的 wit.ai。所以你可能也注意到，Facebook 創辦人馬克·扎克伯格今年的個人願望就是可以實作可以語音對話的個人助理。

過去 Google 只把他的便是包在裝置跟瀏覽器上，所以要在 Android 手機，以及瀏覽器裡面才可以使用到。所以比方說 Ronny 跟我幾個禮拜前，還使用這樣的技術做了一個「聲控地圖」，但只有在 Chrome 上使用的時候會用到 Google 的辨識：http://sheethub.github.io/smartcity2016/map/map2.5d.html

雖然只是實驗性質，還很不穩定，但我們自己是覺得這樣互動的感覺真的很神奇。

我們在對賭的技術發展，是有一天 Google 會釋出雲端版的語音辨識，就真的可以開始建立語音聲控的網頁服務了。一旦這一種服務推出後，服務就會因為大量使用，而讓辨識技術變得更好。

然後前幾天這終於發生了，Google 真的推出雲端版的語音辨識了！ https://cloud.google.com/speech/

我們下一個主題可以分享我們截至目前為止建立語音服務的挑戰，歡迎關注。

"Live in the future and build what's missing."

Paul Graham

Rplus commented 8 years ago

power#	likes	comments	shares
# 20	22	18	2

fb permalink @ 2016-03-24T00:12:11+0000
who:
intro:

大家好～
目前已做前端碰快兩年，對於 UI 設計師有點疑惑
我們公司目前 UI 設計師出圖的方式是這樣
UI 圖都只丟 pdf 甚至是 png 上頭也沒有標明布局格線、尺寸、色票，更不用說像是顯示當下頁面的底線放錯位置...（例如目錄有「參數設定」與「系統設定」，明明目前 UI 圖是「參數設定」，結果他卻把目錄上「系統設定」的欄位做出選取的特效）

他們那邊是常常說他們很忙，不只一個專案要設計，所以所謂的 UI 圖其實只是示意一下而已，請問大家公司裡的 UI 設計師 也是這樣的嗎？

謝謝。

f2etw / weekly-collection

week - 2016-03-20 ~ 2016-03-26 #4