search

f2etw / weekly-collection

weekly collection of fb.com/groups/f2etw
http://f2etw.github.io/weekly-collection/
MIT License
46 stars 8 forks source link

week - 2016-08-14 ~ 2016-08-20 #105

Closed Rplus closed 8 years ago

Rplus commented 8 years ago

收集：08-25 票選：08-25 ~ 08-27

Rplus commented 8 years ago
power# likes comments shares
# 1 189 7 26 
早上做了一個網頁版(純前端)的 #coscup2016 聊天機器人，可以拿來查交通(公車, 開車, youbike, 高鐵, 火車), 議程, 贊助商, 會場地圖 https://gasolin.github.io/cosbot/ 

還沒想到純前端的聊天機器人可以拿來幹什麼，但反正 core 只有 80多行, 拿來學學聊天機器人架構也不錯

: Coscup 2016 網頁版機器人 client side chatbot that can be embedded in any web site.

Rplus commented 8 years ago
power# likes comments shares
# 2 137 5 29 
大家好，小弟上次整理了一份簡單的 HTML 跟 CSS 自學教材

這次接著整理了一份簡單的 PHP 跟 MySQL 自學教材，

希望可以幫助正要入門的朋友，稍微瞭解後端在做的事情，

也希望它能對前端知識的學習有幫助

跟大家分享一下 謝謝大家 <( _ _ )>

: 自學網頁の嬰兒教材：PHP與MySQL 自學網頁の嬰兒教材：PHP與MySQL 大家好，有沒有想學寫網站的朋友呢？ 我整理了一份有趣的 PHP 跟 MySQL 自學教材，每堂課附有一個小作業 會帶領大家在作業中，從部落格文章頁、首頁、後台管理面板、到留言、按讚功能，實作出一套完整的部落格系統！ 您不需要具備任何基礎、也不需要任何背景 歡迎您試試看這份教材！ 自學網頁の嬰兒教材：第1課 ── 踏上旅程×懶人 自學網頁の嬰兒教材：第2課 ── 撈資料×日誌內文 （陸續增加中…）

非前端

Rplus commented 8 years ago
power# likes comments shares
# 3 80 1 7 
:: 25sprout 徵才 Front-end Developer 前端工程師 & Front-end Developer Intern 前端開發實習生 ::

嗨大家好
目前小弟待的公司 25sprout 新芽
正在徵求 正職以及實習前端工程師
--
公司靠近象山捷運站，環境很好同事也很棒
有免費的點心零食茶點，以及很多福利聚會

△ Front-end Developer 前 端 工 程 師 △
詳細職缺工作內容請見：https://goo.gl/pQIxeS
薪資 : NT 504,000 - NT 756,000

△ Front-end Developer Intern 前 端 開 發 實 習 生 △
詳細職缺工作內容請見：https://goo.gl/XqTCFg
薪資: NT 150/hr

如果你符合連結條件，歡迎直接來信：
milu@25sprout.com，主旨：[ 應徵前端工程師 ] _你的姓名 / [ 應徵前端開發實習生 ] _你的姓名

徵才文

Rplus commented 8 years ago
power# likes comments shares
# 4 74 5 6 
WTT #04 來了，用 atom 寫 vue.js 開發勞基法計算機，三個願望一次滿足 (這聽得懂的都30了吧?)

: Web Tech Topic #4 - 勞基法計算機、vue.js、atom編輯器 Web Tech Topic 是每週一次的主題式技術分享聚會 主題將包含 Javascript, Ruby on Rails, HTML, CSS, Devops, web tools ...

Rplus commented 8 years ago
power# likes comments shares
# 5 41 19 1 
米蘭營銷策劃徵才，這次要找前端攻程師
薪資 40k ~ 60k

: 前端網頁工程師_米蘭營銷策劃股份有限公司 - 104人力銀行 迎接 HTML5 的時代。我們徵求對於下個世代的前端互動具有高度興趣及熱忱的夥伴一起創造新的互動感受。 在這裡，我們擁有一群強力的前端互動設計師，除了 HTML/Javascript 以外，也一直持續對其它的互動裝置/介面有高度的關注及瞭解。 在這裡，我們有一群天馬行空的創意團隊，常常會丟出充滿挑戰性的點子，讓互動設計師與創意能夠發揮出意想不到的成果。 在這裡，人都瘋瘋的，所以你也不用太正經。 工作內容： 1. 將視覺設計的圖檔切版產生 CSS + HTML。 2. 依照效果需求編寫 Javascript。 3. 研究跨平台的前端解決方案，包括行動裝置。 4. 研究新型態的前端互動方式。 我們...

徵才文

Rplus commented 8 years ago
power# likes comments shares
# 6 34 21 0

JS 真心話大冒險！ 努力讓 return 值為 true 吧！

大家週末可以自己挑戰一下 JS 的腦力激盪 XDD

return true to win by Erling Ellingsen http://alf.nu/ReturnTrue

f2etw

// 覺得我不懂 JS… O_Q

via: codrops 237 src: https://t.co/78ifEl91XN tw: https://twitter.com/RplusTW/status/767094432482996224

Rplus commented 8 years ago
power# likes comments shares
# 7 63 0 0 
想破頭了嗎，來點靈感吧！

非前端

Rplus commented 8 years ago
power# likes comments shares
# 8 50 2 4 
【課程分享】

對於想要管理網頁樣式感到困擾嗎？或是在寫CSS3時，要處理相容性的問題感到頭痛？甚至想要學習Sass卻不知道該從何下手嗎？

我們再Hahow有開設Sass&Compass的相關課程，將帶領各位學習如何使用Sass管理你的網站，從最初的基本變數到Compass的應用，每個單元都將以實作的方式來講解。

本課程專為想要學習管理CSS的設計師或者剛開始入門Sass卻不知道該怎麼應用的開發者，幫助你跨過這個門檻，快速的掌握Sass的技巧，並且應用在你未來的網站中，讓你不再因為業主想要修改樣式顏色而爆氣的必備良藥。

: Sass - 讓CSS變得更簡單有趣 - Hahow 好學校 此課程能帶你進入CSS的魔法世界，透過黑魔法Sass帶領你快速地打造網頁樣式，並且讓你無須再害怕CSS3，透過Compass的幫助，能加快打造各種CSS3的樣式，只需透過一個標籤就能達到效果，心動了嗎？我們在六又四分之三月台相見，一起搭上前往霍格喵茲的列車吧！

課程廣宣

Rplus commented 8 years ago
power# likes comments shares
# 9 54 0 0

如何儘早發現 CSS 程式碼裡的壞味道

  1. Linting (stylelint/css-lint/scss-lint) 命名慣例 重複的 Properties 巢狀層數限制 單位使用，例如 0 不加單位 色碼值的一致性，例如全小寫
  2. 介接到團隊的持續整合流程 送 Pull Request 時自動顯示 Lint 是否通過 沒有衝突的 PR 可以自動合併進主幹

3.度量單一 Rule 的垂直與水平長度 水平長度：Selector 命名是否過長？是否用了過多後代選擇器？ e.g. html body ul li a {...} 垂直長度：Declaration block 裡是否宣告太多 properties？

  1. 魔法數字 能否整理成變數？ 如果一定得用，寫下註解

5.絕對定位 有沒有更適合或更簡單的解決方案？

  1. 在多種環境下測試 UI 調整字體大小檢查會不會破版 不同類型的內容 (圖/文/表格/影音..等) 不同的裝置或螢幕大小 對頁面增加或移除某些元素
  2. 老舊瀏覽器的前綴字 檢查 Autoprefixer 設定是否需要更新，例如 IE 只支援 10 以上
  3. Code 是否易於維護 命名 元件的組織管理
  4. 不依賴自動化 Lint 工具，仍須人工複審
Rplus commented 8 years ago
power# likes comments shares
# 10 52 1 0 
#什麼是FLIP技術

「CSS 動畫已經存在很多年了，使用恰當可以很好地提高網站的用戶體驗，也正是由於其容易使用，就很可能出現性能低下的動畫，從而降低了整個頁面的運行效率」

http://www.w3cplus.com/animation/high-performance-animations.html
Rplus commented 8 years ago
power# likes comments shares
# 11 34 5 0

「10k 網站競賽」 由 MS Edge + A List Apart 團隊共同舉辦

挑戰製作一個功能完整而總體積不大於 10kb 的網站吧！ 不需要 JS 也要能動唷！XD

10K Apart

Inspiring the Web with Just 10K https://a-k-apart.com/

f2etw

via: alistapart src: https://t.co/vMsOovYdLW tw: https://twitter.com/RplusTW/status/765265096486457344

Rplus commented 8 years ago
power# likes comments shares
# 12 4 24 0 
想請教一個 FB api 的疑問
(狀況描述)
https://github.com/f2etw/weekly-collection/issues/101

我用自己 App 的 token 去戳 Facebook 會拿不到完整的公開資料(1)
但是透過 Graph API Explorer 的操作可以拿到(2)

如果把 1 使用的 token 換成 2 生成的 token 去打
就能拿到完整的資料 Orz

想請教一下，FB App 的 access_token 有什麼需要另外設定的嗎？
感謝

: Facebook API 拿不到轉分享貼文中的 message · Issue #101 · f2etw&/weekly-collection 出問題的貼文例子： https://fb.com/521085554595481_1044772642226767 用一般的拿法拿不到 description 但透過 Graph API Explorer - Facebook for Developers 卻能拿到 Orz https://developers.facebook.com/tools/explorer/14563499...

Rplus commented 8 years ago
power# likes comments shares
# 13 22 8 0

Lea Verou 在訪談中聊到 CSS Secrets 的寫作初衷在於 向讀者傳達如何用創意的 CSS 來思考及解決問題

進一步地也提到了一些如何推展成就的方式 Lea Verou 認為溝通 & 表達非常的重要 　這邊她以自己寫前端技術部落格為例， 　用希臘母語，沒人看吶… 　改用英文寫一寫就變大姐大了 XDD

也聊到她待過的技術團隊比較少遇到性別平等問題 所以她還滿愜意的 ( 這邊我覺得不管男女， ( 在她的程式碼面前可能都會有被霸凌的感覺 XDDD

如同標題， 她很喜歡開放的資訊環境 分享、合作，一起讓某些功能更加完整

主持人也問到她演講喜歡 Live Coding 的問題 她說她會事前一再地確認，補不起來就先閉眼跳過 ( 我記得之前她電腦才在研討會前一天開不了機不是嗎？ XDDD

CSS 問題就主要是標準走太慢，瀏覽器實作歪七扭八 不過她也說到救世主 Houdini 也可能帶來一些過度依賴的問題~

至於 CSS in JS 的東西， 在她這種 CSS 狂教徒眼裡肯定是異端份子吶 XD 不過 component CSS 的 scope 問題肯定是要找的方法來處理的

最後提到的 print CSS 要推到出版業 我覺得可能還要一段不短的時間吧？ 至少現有出版設計師還是大多用 indesign 在作業的哩(？

圖靈社區 : 閱讀 : [英文版]《CSS揭秘》作者Lea Verou：I love the openness of our industry （圖靈訪談） 08-05 http://www.ituring.com.cn/article/261346

f2etw

via: https://www.facebook.com/leaverou/posts/10154365216261192 src: https://t.co/8Dhniw824y tw: https://twitter.com/RplusTW/status/765544458129592320

Rplus commented 8 years ago
power# likes comments shares
# 14 2 19 1 
各位大大  想請教一種jquery套件
有沒有一種套件是可以讓你的div無限左右循環呢
假設你有10個橫排的div  然後可以左右滑動
但他不會滑動到底  會無限輪播的功能??
Rplus commented 8 years ago
power# likes comments shares
# 15 23 0 2 
嗨嗨！

這幾天把玩了Elm，所以寫了篇文章，稍微作一點Elm的介紹，以及純函數式語言對於我的影響。

一個月前先摸摸Haskell，其實已經對我在寫其他程式碼有不少影響，但由於Haskell畢竟是後端語言，缺乏共鳴。而Elm專注於Web UI，因此相對我來說也比較實際。

不過函數式語言真的是博大精深，因此沒辦法完全在文章中一步一步詳細的介紹起，是比較可惜的一點。

另外標題是惡搞哏阿，千萬不要直接開罵 XD

: 語言界的Redux —從學習Elm到函數式編程的啟發 Preface

Rplus commented 8 years ago
power# likes comments shares
# 16 7 12 0 
想請問一下，像這種影片播放的按鈕，中間三角形是透明的，如果不用clip path和mask，有其他方法可以做到嗎
Rplus commented 8 years ago
power# likes comments shares
# 17 15 3 1 
徵求JS家教協助Debug。

我朋友在一個功能上卡關，想找前輩幫忙看一下，了解該怎麼解決問題。

徵求一位前輩能在旁指點解決問題的方法，費用一小時1500，無論有無解決問題，按時計酬，當日發給。

地址在台北捷運科技大樓站旁，上下班時間均可，意者請與我連絡，謝謝幫忙。

徵才文

Rplus commented 8 years ago
power# likes comments shares
# 18 3 11 0 
各位大神好,這兩天發現一件弔詭的事情。
window.onload = 匿名函式在Chrome裡沒有作用...
他並沒有等我圖load完就先跳alert了 (版本 52.0.2743.116 m)
在Firefox/ IE則正常。

附上原始碼給大家測試,求解。感謝各位大神

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>Document</title>
 <script>
 window.onload = function(){
 alert("Hi!");
 }
 </script>
</head>
<body>
 <h1>Hello World</h1>
 <p>Test window onload</p>
 <img src="flower.jpg" />
</body>
</html>
Rplus commented 8 years ago
power# likes comments shares
# 19 8 3 1 
[自答]
https://github.com/google/ios-webkit-debug-proxy/issues/154 目前此工具不能 Debug UIWebView (because iOS doesn't expose them to WebInspector)。
--
請問有人會 debug iOS 的 Chrome 嗎？目前有找到一個工具 https://github.com/google/ios-webkit-debug-proxy ，經測試，可以 Debug iOS 的 Safari，但 Chrome 或其他 UIWebViews 都沒有出現在 localhost:9222/

: google&/ios-webkit-debug-proxy ios-webkit-debug-proxy - A DevTools proxy (Chrome Remote Debugging Protocol) for iOS devices (Safari Remote Web Inspector).

Rplus commented 8 years ago
power# likes comments shares
# 20 8 0 1 
已經在使用Karma 做JavaScript TDD可以參考在WebStorm IDE要如何整合，在IDE就可以看到測試結果與測試覆蓋率。

: 在WebStorm使用Karma執行JavaScripts測試 本文源自 這篇文章最早 2013/10/3 由Ekaterina Prigara發佈，2016/8/8更新。…