week - 2016-09-18 ~ 2016-09-24

[Rplus]

收集：10-02
票選：10-02 ~ 10-04

week27

[Rplus]

power#	likes	comments	shares
# 1	94	3	7

• fb permalink @ 2016-09-21T09:48:05+0000
• who: Jason Tseng
  
• intro:

HI，改寫了一個 jQuery Flicker Text 特效文字
(參考自 http://codepen.io/cjm771/pen/paIlt)。
原本是所有文字一起跑亂數的形式，改成一個字一個字跑，很適合使用在大標題上。且 without jQuery。

https://codepen.io/jason90929/pen/LRbBYd

: LRbBYd
...

[Rplus]

power#	likes	comments	shares
# 2	44	1	11

• fb permalink @ 2016-09-20T09:47:11+0000
• who: 陳冠霖
  
• intro:

長知識了

: Twelve Fancy Chrome DevTools Tips
Breakpoints in JavaScript. Inspecting HTML and CSS and updating them live. Profiling performance… That’s right, this week’s post is all…

[Rplus]

power#	likes	comments	shares
# 3	40	0	8

• fb permalink @ 2016-09-23T14:36:56+0000
• who: Taker Wu
  
• intro:

「網頁基礎 15 天」第三梯次開課啦
謝謝大家的支持，才能一直走下去

如果你想學網頁、或剛學不久、好像會了又好像不會
「網頁基礎 15 天」是為你準備的課程，從最最基礎開始打底
主要內容：HTML / CSS / jQuery / AJAX / RWD / Bootstrap
把網頁整體觀念建立起來，對之後的實作、或更深入的學習，都非常有幫助

底下是部份的學員推薦：
「我曾經自學 HTML 與 CSS 超過 50 個小時，但缺乏老師帶、以及合適的練習，一直無法把已經學會的東西串連在一起。Taker 上課的方式是從「規劃」開始，談怎麼規畫網頁的架構；接著再慢慢教一個一個元素，每教一個新的元素，會把過去學習到的，結合在一起，就不會產生「學一個、忘一個」的窘境。除此之外，Taker 的課程還有扎實的 practice，practice 不是「叫學生練習」，而是 Taker 將作業實戰出來。過程當中，可以看一個 senior 的工程師如何拆解問題、打 code 的邏輯是什麼。」

官網上有更多內容，以及教學片段
歡迎大家來逛逛喔 :)

: 網頁基礎 15 天
網頁刻起來怪怪的嗎？在手機上就爆掉了嗎？只要把基礎打穩就沒問題：HTML / CSS3 / jQuery / AJAX / Bootstrap / RWD，該會的基礎應有盡有。網頁基礎15天，15 天後，自己的網頁自己寫！

[Rplus]

power#	likes	comments	shares
# 4	46	0	4

• fb permalink @ 2016-09-22T17:17:50+0000
• who: Will Huang
  
• intro:

大家好，我們在 2016/9/27 (二) PM 6:30 有舉辦一場台灣 AngularJS 社群小聚，這次活動會分享幾個重要的 Angular 2 開發議題，一次帶你瞭解 RxJS, Forms 與 Router  等應用開發技巧。

此活動有分【社群票】可以親臨現場與大家交流，地點位於微軟新辦公室，View 很讚，當天還有神祕小禮在報到時發送。另外還有【線上直播票】可以線上參與，我們會用 Full HD 高畫質轉播現場狀況與講師畫面，歡迎大家踴躍報名參加！ :)

: 台灣 AngularJS 社群小聚 - 邁向前端工程的康莊大道-Accupass 活動通
這次小聚除了大家見見面、聊聊天以外，自然少不了專業的技術分享，我們這次將會帶來幾個重要的 Angular 2 開發議題，一次帶你了解 RxJS, Router 與 Forms 等應用技巧與實戰心得分享，名額有限，要把握時間報名喔！ ​​

[Rplus]

power#	likes	comments	shares
# 5	41	0	5

• fb permalink @ 2016-09-19T08:46:10+0000
• who: Fred Lin
  
• intro:

用 React/Redux 重寫的跨平台debugger 

: Introducing debugger.html – Mozilla Tech
Sometimes, when working on a project you sense you are working with one foot in the present and one foot in the future. Enormous potential…

[Rplus]

power#	likes	comments	shares
# 6	30	0	3

• fb permalink @ 2016-09-18T05:08:13+0000
• who: YuTin Liu
  
• intro:

RN工作坊 星期一開放報名 >///<
此次主題CodePush

: ReactNative 仰望星空工作坊 Run2
React Native 是一個使用React框架來開發App的開源專案 https://github.com/facebook/react-native

[Rplus]

power#	likes	comments	shares
# 7	16	11	1

• fb permalink @ 2016-09-20T07:31:35+0000
• who: Teng Chao-Ming
  
• intro:

（徵才！）Hello 大家，我們 http://www.fevolution.com/ 正在徵求一位Front－End developer加入團隊。我們正在開發幾項 social apps 及 VR/AR 遊戲，你會與近30位不同專長但都十分專精的同仁一起開發新的產品。大家感情很融洽，努力工作，不打官腔（但常有垃圾話XD），對品質有非常非常高度的自我要求。

如果你對我們有興趣請與binwen.chang@fevolution.com or cm@fevolution.com 聯繫！

希望你有：
1. 1-2 年以上前端開發經驗，
2. 熟悉 HTML5、CSS3、JavaScript，使用 Git/Github，
3. 熟悉 RWD，有一定cross browser解決經驗，
4. 有相當與設計師工作的經驗，細心挑剔。

加分條件：
1. 熱愛追求新的技術與觀念，
2. angular.js, node.js 經驗，
3. 愛玩遊戲（團隊們是真的很愛玩遊戲。。），
4. 對於排版／typography 在意且有興趣，
5. 意見很多。

主要工作內容：
1. 設計與製作公司遊戲及APP官方網站與可能的後台前端。
2. 與業務、企劃、程式設計等相關人員配合，協同執行專案。

薪資範圍月薪五萬以上，經驗豐富的另議！

: Welcome
We work as partners with the biggest, cutting edge VR/ AR Platforms – from Google to Sony PSVR, Oculus rift, and HTC VIVE – to create defining digital products, services and businesses.

[Rplus]

power#	likes	comments	shares
# 8	23	0	2

• fb permalink @ 2016-09-23T15:10:07+0000
• who: Will Huang
  
• intro:

下周二【台灣 AngularJS 社群小聚】的線上直播，畫質會比 FB 高畫質影片 (720p) 再高上一級 (1080p)，到時還有移動式攝影機同步放送現場實況，過程將會十分有趣，你報名了嗎？ :)
http://www.accupass.com/go/angularjstw0927
目前有兩個票種，不要買錯囉：
1. 社群票：可到現場親臨震撼與獲得可讓大家驚豔的神秘小禮！
2. 線上直播票：穿拖鞋與短褲就能跟我們一起同樂，相當精采！
( 記得 FB 影片要切到高畫質播放 )

[Rplus]

power#	likes	comments	shares
# 9	3	14	1

• fb permalink @ 2016-09-19T12:32:46+0000
• who: 賴宗賢
  
• intro:

[#發問] 不好意思 想跟各位前輩請教
請問有什麼辦法把google search的按鈕的圖示拿掉嗎??
目前google 的圖示會蓋到我的圖示很苦腦有試了一些方法都拿不掉

程式範例 : https://jsfiddle.net/mhacyvd0/

嘗試的方法
1. css的 text-indent 、padding、opacity 都沒用xd...
2. jquery 的 attr 的 type 和 src 一直無法比google 慢讀完在跑所以失敗了xd......

請問有其他方法能解決嗎?

: jsfiddle.net

[Rplus]

power#	likes	comments	shares
# 10	21	1	1

• fb permalink @ 2016-09-22T01:49:14+0000
• who: Ching Yi Chan
  
• intro:

各位前端的大大們早安，下個月的 JCConf 有個特別的 session，是介紹如何以 Java 開發 Material Design 網頁的場次，很適合也剛好略懂 Java 的開發者呦 :D

https://www.facebook.com/jcconf/photos/a.529869717158913.1073741828.495807953898423/966804943465386/?type=3&theater&notif_t=like&notif_id=1474507704844735

馮彥永曾擔任 Cubie 共同創辦人，Gamelet 共同創辦人。擅長數據分析，產品成長與敏捷軟體開發。在《使用 Java 打造 Material design 網頁前端》他將分享以 GWT 打造 Material 網頁。

Google Web Toolkit(GWT) 是 Google 所發展的一套網頁應用程式開發工具，以 Java 為主要實作的語言，並透過編譯技術轉譯為原生的 JavaScrpt。對熟悉 Java 的開發者而言，就像寫 Java 應用程式一樣。相對於典型的 Java Web 開發者需再學習一套 HTML + Javascript Framework 來完成整個網頁專案，或是專心處理後端然後把前端交給前端工程師處理，使用 GWT 能讓分工尚未細緻的小型團隊能完成多數的工作。讓你可以直接使用 Java + Material Design 元件建構現代網頁，甚至搭配 PhoneGap/Cordova 來開發跨手機平台 App。

#Cubie #Gamelet #GWT #Material

[Rplus]

power#	likes	comments	shares
# 11	2	11	1

• fb permalink @ 2016-09-24T11:09:04+0000
• who: Mandee Chen
  
• intro:

不好意思，想請教各位大大一個問題，
我自己用google form tools 把 google提單的html拉出來
在個人網站上使用，但目前遇到一個問題，在各大瀏覽器上測試都沒問題，但只有在safari上出現個大問題，
我有在input上設定aria-require="ture"，可是就單單safari瀏覽器會跳過這個程序直接送出....
有大大可以替我解答一下嗎＠＠？

: 悅 茶禮_線上訂購

[Rplus]

power#	likes	comments	shares
# 12	12	0	1

• fb permalink @ 2016-09-18T06:37:34+0000
• who: Thomas Kuiper
  
• intro:

HackEasy.LIFE 是第一個以簡化購物體驗為主題的黑客松，由 Gandi, L'Oreal, Credit Agricole Investment Bank, 家樂福 和 Pernod Ricard 主辦。
我們希望將初學者和專家齊聚一堂，彼此分享經驗、製作專案、以及從中學習。黑客松最重要的部分是分享您的經驗，還有不用說，交朋友也是很重要的！我們的黑客松有各個類別，您可以選擇呈交專案給評審團，他們會依據各類別來評審，獲勝者最高可得新台幣十萬！
活動說明會 2016年9月24日 (六):
在9月24日的活動說明會上，我們會簡短介紹黑客松。您不一定要參加說明會，但如果您想尋找隊友，參加說明會是一個好機會！
任何有興趣的人都可以參加這個前置活動！
報名: http://gandi.kktix.cc/events/hackeasy
10月1日+2日黑客松！
時程表: http://hackeasy.life/

: Hackathon HackEasy.life
黑客松: 10月1-2日

一場專業又有挑戰性,專注於以技術打造輕鬆購物體驗的黑客松
不管是個人、或企業的物聯網(IoT)專案, 還是一套完整度高的電子商務平台,我們都歡迎並期望看到挑戰者創造出簡化購物流程及優化使用者體驗的成果。
HackEasy.Life 是首次專注於用技術打造輕鬆購物體驗的黑客松
總獎金高達新台幣十萬元！

時程表:http://hackeasy.life/

[Rplus]

power#	likes	comments	shares
# 13	8	2	0

• fb permalink @ 2016-09-23T02:04:31+0000
• who: Chieh-feng Lee
  
• intro:

猛猛的

: Diamonds
Get ready for a wet night out with Converse and Keith Ape

[Rplus]

power#	likes	comments	shares
# 14	5	4	0

• fb permalink @ 2016-09-20T05:50:07+0000
• who: Jason Tseng
  
• intro:

請教一個 JavaScript 的問題。請問：

window.addEventListener('scroll', function() {
  // do something
});

和

window.onscroll = function() {
  // do something
};

內做的事情是一樣的，那這兩種方式有沒有什麼特別的差別？