Rplus commented 8 years ago

收集：08-04 票選：08-?? ~ 08-??

Rplus commented 8 years ago

power#	likes	comments	shares
# 1	387	163	14

fb permalink @ 2016-07-27T14:03:16+0000
who: 李孟蓁
intro:

各位前輩們好～我是應屆畢業生李孟蓁Amy Lee
這是我最近剛做的簡略個人網頁
接下來陸續想要找前端開發的工作
因為有面試幾家公司說jQuery會拉低網站效率
所以這次主要以javascript和bootstrap開發
想請各位提供意見，請不要客氣地鞭策><
謝謝～

另外想請教一下各位都怎麼評估JavaScript 和jQuery的效能並作出取決呢？

: Hi, I am Amy Lee Hi, I am Amy. My Chinese name is Meng-Chen Lee. Born in Taipei, Taiwan. I just graduated from National Taiwan University, majoring in information and management. I have great passion in implementing web applications, escpecially font-end development, and Also have various internship experience in we...

Rplus commented 8 years ago

power#	likes	comments	shares
# 2	268	3	0

fb permalink @ 2016-07-29T05:48:48+0000
who: 陳柏融
intro:

好用的 chrome 擴充套件，可以讓前端工程師在開發的過程中，享受更多的便利與樂趣。

在這一次的分享中，我們整理了12個前端工程師最常使用到的 google chrome 擴充功能，有些是幫我們一覽他人網頁的架構，有些是幫助我們掌握網站元素的細節，有些則是讓我們的作品更容易和他人分享與溝通，快點一起來看看吧！

Rplus commented 8 years ago

power#	likes	comments	shares
# 3	213	34	0

fb permalink @ 2016-07-28T13:51:44+0000
who: 林立秦
intro:

https://lichin.me/hoverbtn2/
大家好～
這是我最近做的按鈕小練習，主要是一些想法的實現。
其中大概最有感觸的就是 神奇寶貝了～
台灣還玩不到啊～～
--
若是在動畫上，以及色彩跟形狀有任何建議都很歡迎提出來，希望這些東西可以給大家一點點想法!
--
若是想知道其中一些效果是怎麼產出的可以參考:
https://lichin.me/css/2016/07/28/hover-button-animation3
或是到codepen上面玩玩看:
http://codepen.io/lichin-lin/details/kXJWvE/

Rplus commented 8 years ago

power#	likes	comments	shares
# 4	118	9	23

fb permalink @ 2016-07-24T08:28:48+0000
who: Clement Tang
intro:

<input> 的格式有時候很討厭，不只後端的格式處理與驗證，在前端的呈現上也是根據不同類資料有百百種格式。
.
cleave.js 則是幫助前端處理以下的 input 欄位資料格式，讓使用者輸入後自動根據資料內容調整排版，支援的格式類型包含：

- 信用卡格式 (AE, VISA, MASTER, JCB, DISCOVER, DINER)
- i18n 電話格式 (各國的資料可以切開以減少大小)
- 日期
- 數字
- 自訂 (以符號分隔、Prefix)
.
有提供 REACT Component

: Cleave.js - Format input text content when you are typing

Rplus commented 8 years ago

power#	likes	comments	shares
# 5	136	0	0

fb permalink @ 2016-07-26T02:03:05+0000
who: 廖洧杰
intro:

新手在設計網頁時常會擔心寫出來的 code 不如預期，
所以會一直頻繁地在編輯器、瀏覽器上來回更新，
但如果會使用網頁瀏覽器內建的開發人員工具，
便能大幅提升開發效率，減少來回切換視窗的時間。
　
這裡我整理出個人實務上最常用的 Crhome 除錯功能，
希望透過這20部共2hr的免費教學影片，
迅速升級大家 Debug 的效率 XD
　
除了 Chrome 影片外，
Atom 與 Sublime Text 教學也是免費的哩，
歡迎大家踴躍加入觀看
　
Chrome DevTools 免費課程傳送門：
https://goo.gl/Tpp9MN
　
六角學院網站
http://www.hexschool.com/
　
PS：粉絲頁有抽獎活動，也歡迎大家來參加 :D
#六角學院 #ChromeDev

: 六角學院

Rplus commented 8 years ago

power#	likes	comments	shares
# 6	74	14	10

fb permalink @ 2016-07-28T14:16:24+0000
who: Rplus Chen
intro:

嗨嗨~
各位喜歡參加活動的朋友大家好~ ✋
雖然這社團主辦的活動已經空窗了一年多 
不過還是可以看到各處都有陸續在舉辦很棒的前端活動
所以跑龍套的不才就想了個方式來整理這些活動的資訊 

在參考之前分享的那份 conference 2016 列表後
我覺得用 Google 的日曆是個不錯的方式 ✨
* 可以直接網路上看
* 也可以匯入到自己的行動日曆裡
　
於是乎，經過前幾天的調整跟測試，終於弄好了這個雛型~ 
歡迎有興趣追蹤台灣各地前端相關活動的夥伴們
一起來關注 & 參與  ~
　
✨✨ 【 前端好聚好善！Seek Meetup 】✨✨
　
日曆的網址：(右下角的連結可以加進自己的日曆裡)
https://calendar.google.com/calendar/embed?src=8lj511li54lc5q2etflo7utof8%40group.calendar.google.com&ctz=Asia/Taipei 
　
順道一提，如果要幫忙加新活動的話也很簡單
有三個方式可以來幫忙：(第一個最簡單無腦~ XDD )

☀ 直接將活動分享至 前端好聚好善！Seek Meetup 的活動裡
☀ 到 GitHub issue 裡新增一則活動
☀ Fork repo 回去改完再送 PR
　
先感謝大家的支持~
非常需要大家的支援投稿！    
　
GitHub repo: https://github.com/f2etw/seek-meetup

#f2etw

:

Rplus commented 8 years ago

power#	likes	comments	shares
# 7	67	6	13

fb permalink @ 2016-07-27T12:35:07+0000
who: 顏敬柏
intro:

[課程分享]

前後端網頁一直是密不可分的技術。對於經常需要與後端工程師合作的你/妳，總是對後端技術望之卻步嗎？

本課程專為已經懂一點的前端的同學設計，幫助你跨過各種地雷，快速上手後端開發。不管你想要獨立接案還是配合未來工作需要，我相信掌握一點後端技術都是好的開始！

: 創業必備：Laravel 後端網站入門 - Hahow 好學校想要創業，沒有一個功能俱全的 Prototype 怎麼行呢？本課程幫助你從零開始架設一個動態網站，涵蓋 PHP 後端語言及 Laravel 框架、MySQL 資料庫、Ubuntu 主機管理及域名註冊等。Make your site live today!

非前端

Rplus commented 8 years ago

power#	likes	comments	shares
# 8	81	5	5

fb permalink @ 2016-07-30T16:56:33+0000
who: 林楊興
intro:

嗨大家~
最近我們公司在用 React + Redux 做產品的時候，在把 "送API request" 這件事情抽象出來的過程當中有一些感想，也把最後的東西打包開源成一個 npm package。小弟把一些遇到的問題和想法寫了一篇 blog 和大家分享，希望對大家有幫助 :D

: Redux API Middleman · mz026's blog Redux API MiddlemanJul 31, 2016最近和同事們一起合作，做出了一個把 “送 API request” 這件事情抽象出來的 redux middleware: redux-api-middleman 這個東西本來是在 redux-universal-template 裡面的一個 middleware，但隨著功能越加越多，再者有別的 project 也要用到一樣的東西，所以索性把它抽出來變成一個獨立的 npm package Why?為什麼要把”送 API request” 這件事情特別拿出來討論呢？主要是因為送 API 這件事情是在一般的 web app 裡面很常見的...

Rplus commented 8 years ago

power#	likes	comments	shares
# 9	31	36	5

fb permalink @ 2016-07-27T13:44:38+0000
who: 邱弘毅
intro:

為了做一個網頁PPT，我昨天爬了一下
個人覺得蠻好用的套件
因為支援markdown，所以寫起來很快

不過，還是想問問看有這方面經驗的各位，在寫網頁PPT時，都用些什麼套件或服務？

hackmd剛看了一下，感覺也不錯用

: ksky521&/nodePPT nodePPT - This is probably the best web presentation tool so far!

Rplus commented 8 years ago

power#	likes	comments	shares
# 10	55	8	6

fb permalink @ 2016-07-30T15:14:48+0000
who: 馬志瑋
intro:

hello，各位
RGBA和F2E合併後的首場設計師活動
因為第一次試辦，這次只開放20個名額，歡迎大家搶票(?

: F2E&RGBA 設計 Meetup 八月號主題：F2E&RGBA 設計 Meetup 八月號人數：20人地點：台北市信義區松山路132號3樓日期：8/26(五) PM 7:00 =============================

Rplus commented 8 years ago

power#	likes	comments	shares
# 11	50	5	5

fb permalink @ 2016-07-27T16:33:23+0000
who: Jason Tseng
intro:

Hi，這是小弟我開發純靜態網頁時整理出來的一個 gulp 開發架構，主要為 npm、bower，AngularJS 的 Framework，如果不需要也能移除。SCSS 框架開發，JS 是用 browserify 框架(ES6)，以及字型、圖片放置區。
目前在前端還算是 Junior，如有更好的做法或改進的地方還請前輩多多指導 XD

: jason90929&/gulp-bower-angularjs-framework-example gulp-bower-angularjs-framework-example - AngularJS with Gulp, Bower, jQuery, Bootstrap

Rplus commented 8 years ago

power#	likes	comments	shares
# 12	19	12	1

fb permalink @ 2016-07-24T03:23:55+0000
who: 蔡坤龍
intro:

想請問各位
大家平常如果趕時間的話
都會去哪找已經寫好的網頁版型來套？
付費的也可以～
重點是要好用又漂亮～～

Rplus commented 8 years ago

power#	likes	comments	shares
# 13	28	6	0

fb permalink @ 2016-07-28T10:13:11+0000
who: Rplus Chen
intro:

Web Design & Development News: Collective #232
http://tympanus.net/codrops/collective/collective-232/

這是最新一期的 Codrops Collective~
社團裡有沒有人想來開讀書會？

Web Design & Development News: Collective #232 http://tympanus.net/codrops/collective/collective-232/

Rplus commented 8 years ago

power#	likes	comments	shares
# 14	11	13	2

fb permalink @ 2016-07-29T08:59:13+0000
who: Dominic Wu
intro:

每年在檢查許願池的時候，都會碰到font-family的問題

body { font-family: '微軟正黑體', Arial; }
.bold { font-family: 'Arial Black'; }

然後.bold的中文字，就有可能會fallback到新細明體之類的

--

目前我們的作法是用sass，設一組變數，然後把這堆寫在後面

$default_fonts: '微軟正黑體', Arial;
body { font-family: $default_fonts; }
.bold { font-family: 'Arial Black', $default_fonts; }

雖然有一點笨，但是在自己的範圍裡面這樣寫，還算可以正常工作

--

但是這個作法在碰到include進來的css的時候，就還是會變成以那一隻裡面的字體為準，很不方便

請問有什麼其他作法可以建議嗎？

--

具體而言會碰到的問題是這樣：

我們的css裡面寫了
body { font-family: $default_fonts; }

引用的某一個套件，裡面寫了
.some-plugin label { font-family: 'Roboto'; }

然後label裡面的中文字就會變成Roboto，但是Roboto沒有這些字元，就fallback到新細明體

Rplus commented 8 years ago

power#	likes	comments	shares
# 15	27	4	0

fb permalink @ 2016-07-30T15:53:02+0000
who: YuTin Liu
intro:

跟大家分享玩了Firebase for React Native的心得，因為結果不如預期，放空下寫了此篇，歡迎大家來找碴。或者看看有沒有更好的方案^^

Rplus commented 8 years ago

power#	likes	comments	shares
# 16	7	12	1

fb permalink @ 2016-07-25T17:10:23+0000
who: 張芫瑜
intro:

請問各位前端大大們
我想要實作 類似像chrome 文字搜尋時,會將結果的位置標記在scrollbar 上。這種效果有什麼關鍵字可以搜嗎？？？？我是想標記在div的scrollbar上

:

Rplus commented 8 years ago

power#	likes	comments	shares
# 17	16	2	0

fb permalink @ 2016-07-26T15:10:09+0000
who: 莊為任

Rplus commented 8 years ago

power#	likes	comments	shares
# 18	18	0	0

fb permalink @ 2016-07-30T14:59:45+0000
who: Shih Yuan Wang
intro:

【工商時間】

*** 毛遂自薦，若不適合請刪除，感謝大大 ***

活動說明：
北京中關村名聞遐邇，但對她的評價總是毀譽參半，
也不知道到底該信好的還是該信壞的？
活動中會分享在當地求職、生活和觀察創業環境的現況，
歡迎有興趣的朋友報名～

＊＊＊因場地大小關係，名額只有25位，以報名完成順序為準，造成不便敬請見諒＊＊＊

活動時間：
2016.08.14(日) 10:00~11:30

活動地點：
10043台北市中正區博愛路60號號 5 樓 A 室  不鳥穀共同工作空間

議程：
【10:00-10:15】 報到
【10:20-11:00】 北京現況分享
【11:00-11:10 】Q&A
【11:10-11:30 】現場與講者交流

詳細資訊：

: 【北京中關村】互聯網創業與就業觀察-Accupass 活動通對於大陸互聯網產業，我們總是有太多疑問。這次再也不聽說，讓我們一起去探索北京當地到底是如何創業，如何就業，如何生活！

Rplus commented 8 years ago

power#	likes	comments	shares
# 19	17	0	0

fb permalink @ 2016-07-27T13:04:54+0000
who: 蔡秉文
intro:

分享一下自己寫的文章，文筆不好還請見諒。

Rplus commented 8 years ago

power#	likes	comments	shares
# 20	4	7	1

fb permalink @ 2016-07-24T14:51:22+0000
who: Cho Lin Tsai
intro:

各位前輩好，今天剛踏入一級函式的進度
這邊我有一個Javascript的問題想請教大家。

function addN(n) {
    var adder = function(x) {
                    return n + x;
                };
    return adder;
}
var add2 = addN(5);
console.log(add2(10));

我不懂為什麼log出來會是15
尤其是function(x)的部分
x是如何被賦值為10的呢?

f2etw / weekly-collection

week - 2016-07-24 ~ 2016-07-30 #98

非前端