發表文章

目前顯示的是 10月, 2014的文章

D3.js - Bar Chart

圖片
這幾天和隔壁同事相約實踐前輩食夢黑貘的 成為資料工程師最初的 28 堂課 計畫,看完系列文章後便著手規畫要看的書還有想要實作的東西。在資料視覺化呈現(Data Visualization)的這一塊,身為前端工程師的我除了閱讀理論外,當然要找一套工具來玩玩。由於之前專案用過 Highcharts 、 Fusioncharts 、 jqGrid ,因此以上暫不考慮。東摸摸西看看之下就選了 D3.js 了。 以下是學習筆記啦,不是什麼教學文章。

使用Graph API上傳圖片到Facebook相簿、並設定為使用者大頭照

圖片
Upload Photos to User's Facebook Profile via Graph API and Change Facebook Profile Picture 有不少活動都會引導使用者上傳圖片並設定為封面或是檔案頭像,例如 遮打革命 Umbrella Revolution - Support Campaign | Twibbon 。 先來看看遮打革命 Umbrella Revolution的分享美圖~

RWD(Responsive Web Design) 實作筆記

圖片
RWD(Responsive Web Design)是一種設計概念,希望能讓網頁適用在不同的平台上。 而距離上一次專做RWD大約是一年前,公司最近想對產品大改版,於是又來練練RWD搂!

2014 SEO Ranking Factors - 點閱率CTR成為最重要的因子、利用標籤競爭SERPs排名

圖片
2014 SEO Ranking Factors - 點閱率CTR成為最重要的因子、利用標籤競爭SERPs排名 2013年的SEO Rankgin Factors著重於頁面優化、如何呈現好的內容與社群平台的散播。與2013相較,2014年最大的不同在於 CTR變成SERPs排行中最重要的因子 ,並強調了使用者的動向(User Signals),除了CTR還有使用者停留時間(Time on Site)、跳出率(Bounse Rate)、更全面性的評估,例如相關詞彙(Relevant Terms)、網站速度(Site Speed)。而再來便沒有太大變化(即基本功),依然是SNS、Semantic Web、網站架構與技術等(可參考 從搜尋到社群 - Semantics、Rich Snippets、Social Meta Tags )。

Facebook Product Introduction 產品總整理與功能說明

圖片
Facebook Product Introduction 產品總整理與功能說明 Facebook產品總整理與功能說明(Social Plugins、Sharing、其他UI功能應用、Graph API功能應用、og相關、權限相關、成效衡量),部份範例以粉多網站為例。 註: Facebook Product Introduction - 這篇文章的孿生兄弟,也是我寫的,因當時有分享需求而略做調整,是比較完整的版本,可以參考一下。