Rplus commented 8 years ago

收集：04-28 票選：04-28 ~ 04-30

Rplus commented 8 years ago

power#	likes	comments	shares
# 1	133	2	27

fb permalink @ 2016-04-22T11:01:22+0000
who: 林郁琇
intro:

這本書要來打破大家對JavaScript「可測試性」的誤解。不論你是用Node.js、Express、MongoDB、jQuery、AngularJS，或是直接操作DOM，都可以透過測試導向來開發JavaScript。在這本書中會介紹Karma、Mocha、Chai，透過這些工具學習如何寫出有意義、有效果的自動化測試。測試非同步的JavaScript；解耦合、適當的運用模擬來隔離相依性；衡量程式碼覆蓋率；讓你不論在Server端或Client端都能拿出更優良的模組設計。你在測試上面的投資，會大幅回饋到你的程式碼，除了讓你寫出可預期的優良程式碼之外，也能能夠更有效的面對需求變動。  對這本書有興趣的話, 歡迎點入看好康.

有在使用WebStorm嗎? 歡迎加入WebStorm台灣社群 https://goo.gl/5MC8Iu

: Test-Driving JavaScript Applications JavaScript應用程式的TDD-快速、自信，可維護的程式碼這本書要來打破大家對JavaScript「可…

導購文

Rplus commented 8 years ago

power#	likes	comments	shares
# 2	123	6	21

fb permalink @ 2016-04-21T07:10:11+0000
who: 丁磊
intro:

《Atom 编辑器使用者手册》

: Atom

Rplus commented 8 years ago

power#	likes	comments	shares
# 3	119	4	17

fb permalink @ 2016-04-17T15:05:16+0000
who: Yuren Ju
intro:

[演講訊息]
作為前端工程師，各位在網頁上寫過的應用程式肯定不會少。每天的日常工作大多在表單、樣式表、驗證欄位、測試、排版、CSS 動畫打轉。大家都曾經歷過跟舊版 IE 奮戰，樂趣無窮呢，是吧（苦笑）。
　
那不知道你有沒有作過向量繪圖的軟體？身為一個前端工程師，多半曾經用 canvas 或 SVG 實作過一部分的繪圖操作，最常見的就是執行圖片裁切或是採用 SVG 圖示或設計這一類的功能。但整個網頁應用程式大部分全用 canvas/SVG 弄出來就比較不常見了。
　
這次我在 Jobspace 想和大家分享我使用 JavaScript 開發向量繪圖軟體時的心得。我想從過去的前端工作經驗出發，探討這種軟體開發和常見的前端工程有何不同。進一步再討論怎麼實作那許多散落在系統中有大有小的功能。有些直接和繪圖相關，有些則是核心功能的延伸。可能會提到一些技術上的細節，例如如何追蹤修訂紀錄、如何合併屬性不同的物件、如何實作漸層、等等。如果演講本體的 40 分鐘不夠講，我們就一邊吃一邊聊到老闆趕人吧。
　
有興趣的朋友，請到 KKTIX 報名： http://jobspace.kktix.cc/events/2016-create-vectors
　
此則訊息將會 cross post 到 JavaScript.tw，請多見諒 m(_ _)m

: Jobspace Meetup: 前端向量技術 -- Create Vectors in JavaScript Let's see how to build a vector image editor using only JavaScript!

Rplus commented 8 years ago

power#	likes	comments	shares
# 4	149	4	1

fb permalink @ 2016-04-22T02:54:51+0000
who: 丁磊
intro:

拿Atom源文件修改重新编译了一次，玩成了透明的，并且去掉了标题栏

:

Rplus commented 8 years ago

power#	likes	comments	shares
# 5	89	3	15

fb permalink @ 2016-04-17T12:09:52+0000
who: 林靜君
intro:

jQuery-ui的datepicker雖然好用，但遇到需要不同日期連動防呆設定日期區間時，在計算日期天數的機制還是不免遇到不少問題。
在日期計算的部分，最後還是靠moment.js才解決。

分享給大家。

: Moment.js | Home

Rplus commented 8 years ago

power#	likes	comments	shares
# 6	102	7	0

fb permalink @ 2016-04-17T10:46:14+0000
who: 邱弘毅
intro:

前端連載
周末小品文輕鬆看
講一下javascript的發展歷史 和 framework是什麼。
希望大家會喜歡:)

[#前端連載] 今天介紹前端最重要的javscript的歷史，以及前端常會聽到的framework到底是什麼。

本來打算一口氣講完的，結果在javascript的地方講多了:) 希望大家會喜歡:) http://wp.me/p6gwC3-L7

Rplus commented 8 years ago

power#	likes	comments	shares
# 7	102	3	2

fb permalink @ 2016-04-23T09:19:27+0000
who: 莊為任
intro:

版務通知

最近有文章跟社團推廣在短時間內重複性偏高，我們版務討論了一下，可能會整理一下版面。還是希望這邊留一些互動型高，大家可以互相討論的技術文章。

我們期望這裡是讓新手不會害怕提問，高手樂於分享實戰經驗的地方，而非重複的推廣文，非常謝謝各位開發者。 :)

公告文

Rplus commented 8 years ago

power#	likes	comments	shares
# 8	95	0	7

fb permalink @ 2016-04-22T08:19:14+0000
who: Brecht Huang
intro:

Modern Web 2016 今年開始招募講者了，歡迎各方前端高手來參加，大家一起交流，推動Web技術與產業的發展

: Modern Web 2016::Call for Speakers Modern Web 2016 是台灣網站開發、設計與營運人員展現能量與火力的絕佳場域，來成為講者吧，來分享你的經驗與技術，我們會因為交流而進化，成為一員新時代 Web 更好的推手

Rplus commented 8 years ago

power#	likes	comments	shares
# 9	60	20	9

fb permalink @ 2016-04-22T08:24:23+0000
who: Taker Wu
intro:

「網頁基礎15天」
15天打穩網頁基礎：HTML / CSS3 / jQuery / Bootstrap / RWD

Taker 把網頁基礎所需要的技能
結合實體課程中的經驗（本身為 ALPHACamp 網頁前端講師）
做成這個線上課程

課程將在幾天後開放報名
想報名的朋友記得先進網站填寫 Email，我再寄 Email 通知大家喔

: 網頁基礎15天 15天打穩網頁基礎：HTML / CSS3 / jQuery / AJAX / Bootstrap / RWD

Rplus commented 8 years ago

power#	likes	comments	shares
# 10	12	53	3

fb permalink @ 2016-04-21T07:15:31+0000
who: 郭柏逸
intro:

想問一下大家
建置網站的時候，若是有導覽列<nav><header>等等...這些區塊，可以做共用的時候，大家都怎麼做?

以往都是用最笨的方法，每一頁把一樣的區塊複製貼上，但要改一個地方時，就要每一頁都改一次。
目前只知道兩種方法
1. 每一頁共用的地方用動態產生
2. 進入入口時是一個主頁，點選連結時會變動的區塊切成<iframe>，整個網站只有<iframe>在換頁。

不知道業界中大多使用哪種方法呢?

Rplus commented 8 years ago

power#	likes	comments	shares
# 11	59	2	17

fb permalink @ 2016-04-19T11:53:24+0000
who: 林靜君
intro:

日本酷站集錦，雖然有不少是沒做RWD的，但還是很值得收錄參考。

: straightline bookmark Webデザインの参考・お手本となるサイトを集めた、Webデザイナー向けWebサイトギャラリー・リンク集。大きなサムネイル付き。素敵なwebサイトを見つけて、新しいwebデザインのインスピレーションを手にしてください。

Rplus commented 8 years ago

power#	likes	comments	shares
# 12	86	6	0

fb permalink @ 2016-04-23T12:45:35+0000
who: 林立秦
intro:

http://codepen.io/lichin-lin/full/KzeLMb/
這是我這個禮拜做的一些小練習
主要都是css animation 的一些運用
其中包含css linear gradient,before&after元素的操控
--
另外想請問在safari觀看的時候
為什麼有一顆按鈕沒辦法跑動畫
linear gradient 在 safari 上有不支援的地方嗎？

Rplus commented 8 years ago

power#	likes	comments	shares
# 13	48	16	10

fb permalink @ 2016-04-20T03:17:15+0000
who: 尤川豪
intro:

大家安安，小弟在弄一個英文網站，一直醜醜的

最近發現一個把英文網站變漂亮的懶人方法，跟大家分享一下：

在css檔案的最上面加入這幾行 code

@import url('https://fonts.googleapis.com/css?family=Open+Sans');

* {
   font-family: 'Open Sans';
}

網站就會從google web font載入Open Sans字體

然後蓋掉所有元素的預設字體

可以試試看網站有沒有變漂亮

（PS: 換成其他喜歡的字體也可以）

https://www.google.com/fonts

Rplus commented 8 years ago

power#	likes	comments	shares
# 14	46	0	21

fb permalink @ 2016-04-17T08:18:17+0000
who: Hank Huang
intro:

超實用 Sketch 插件大集合，你們還有哪些私藏的呢？

: 最佳助攻！25款轻巧实用的Sketch插件大合集优秀网页设计联盟(SDC)，是有着良好职业交流氛围的网页设计行业联盟。与优设哥、獠麝鸡、你丫才美工一起听讲座，聊设计。联盟始终坚持开放、分享、成长的宗旨，为会员提供交流互动平台和网页设计讲座。

非前端

Rplus commented 8 years ago

power#	likes	comments	shares
# 15	63	3	2

fb permalink @ 2016-04-23T16:58:17+0000
who: 郝晉凱
intro:

這幾天用 React, Redux, Immutable.js 做的踩地雷遊戲
React 和 Redux 負責遊戲的 U，Immutable.js 負責遊戲邏輯的資料結構
左下角選單打開後有一些自訂的功能
其中把紅色問號取消成灰色後產生的遊戲都不會有需要猜的情況唷～
那部分用到了一些滿複雜的數學邏輯
不過當遊戲大一點時點第一下還是跑得很慢 T^T
總覺得踩地雷是個滿好當作練習的項目
說不定有人有自己的版本可以交流交流～！

: Minesweeper

Rplus commented 8 years ago

power#	likes	comments	shares
# 16	39	8	9

fb permalink @ 2016-04-23T04:31:06+0000
who: Amobiz Chen

: Modular CSS 前言這篇文章記錄個人嘗試 css-modules 過程中所遇到的問題，並且順便將目前業界各種對 modular css 的嘗試/進展，做一個相關資訊的摘錄。還沒有找到適合自己偏好作法的讀者，可以將此文視為簡單的技術選型指南，從中挑選適合自己的作法。

Rplus commented 8 years ago

power#	likes	comments	shares
# 17	33	0	14

fb permalink @ 2016-04-22T08:59:47+0000
who: Tachun Lin
intro:

這看起來超棒

: CodinGame - Programming is fun CodinGame is the gaming platform for programmers. Solve programming puzzles, improve your skills, share, have fun.

Rplus commented 8 years ago

power#	likes	comments	shares
# 18	40	1	5

fb permalink @ 2016-04-21T02:25:24+0000
who: Jas Chen
intro:

Build awesome user interfaces with CSS flexbox.
示範 flexbox 在各種 UI 上的應用。

: Flexbox Patterns

Rplus commented 8 years ago

power#	likes	comments	shares
# 19	31	4	5

fb permalink @ 2016-04-22T15:43:23+0000
who: 張正豪
intro:

[Reversed-Tetris]
JavaScript和DOM構成的遊戲。
週末就是要打game!

: changbenny/reversed-tetris reversed-tetris - A innovative game with unique gameplay written in JavaScript

Rplus commented 8 years ago

power#	likes	comments	shares
# 20	27	11	0

fb permalink @ 2016-04-18T02:09:18+0000
who: 王志誠
intro:

◽工具使用分享◽
最近在考慮換文字編輯器嗎？
六角學院的講師在PK文字編輯器，
A講師說Sublime Text棒，B講師說 Atom 棒！
雙方各提供一種文字編輯器教學，
免費提供給大家評評理。

先前打折的課程 (使用 HTML、CSS 開發一個網站)，
我們提免費供抽獎活動，
名額三位，透過以下連結進入活動吧！

----
題外話：
我先投 Atom 一票，哈哈哈哈哈～

✨按讚留言抽獎活動✨ 想學網頁設計卻找不到適用的文字編輯器嗎？六角講師們不藏私地推出兩套熱門編輯器影音教學，立即進入學習並推薦給你/妳的朋友吧！　 🎁 抽獎贈品：上線當月湧入百位學生的 udemy 影音課程：「使用 HTML、CSS 開發一個網站」，名額三位~ 獎品傳送門：https://goo.gl/qiIUcT 　 🚻 抽獎方式：

加入【六角學院】粉絲團

tag朋友並留言，「試試看這兩套網頁編輯器吧！」

http://www.hexschool.com/fb-01/?couponCode=IDE

f2etw / weekly-collection

week - 2016-04-17 ~ 2016-04-23 #38

導購文

公告文

非前端