使用 Node.js + Express 建構一個簡單的微博網站

使用 Node.js + Express 建構一個簡單的微博網站。

node.js express


D3.js:Bar Chart 長條圖簡單範例

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

D3.js Data Visualization 資料視覺化


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

有不少活動都會引導使用者上傳圖片並設定為封面或是檔案頭像,例如「遮打革命 Umbrella Revolution」。

Facebook Graph API


響應式網頁(Responsive Web Design)實作筆記

響應式網頁(Responsive Web Design)是一種設計概念,希望能讓網頁適用在不同的平台上。公司最近想對產品大改版,於是又來練練 RWD 摟!

Media Query Responsive Web Design 響應式網頁


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

2013 年的 SEO Rankgin Factors 著重於頁面優化、如何呈現好的內容與社群平台的散播,而 2014 年最大的不同在於 CTR 變成排行中最重要的因子,並強調了使用者的動向 (User Signals),除了 CTR 還有使用者停留時間 (Time on Site)、跳出率 (Bounce Rate)、更全面性的評估,例如相關詞彙 (Relevant Terms)、網站速度 (Site Speed)。再來便沒有太大變化 (即基本功),依然是 SNS、Semantic Web、網站架構與技術等。

SEO 標籤系統 搜尋引擎優化 SEO101


Facebook Graph API - Taggable Friends

由於 IKEA 做了一個好玩的活動網站「來IKEA睡一晚」,其中含有邀請朋友並標記、分享到 Facebook 上,因此也做了一個範例來玩玩。

Facebook Graph API


關鍵字 (Keyword) 與標籤 (Tag)-談選擇、聚焦與經營

許多網站都有設置關鍵字與標籤,但網站一定需要關鍵字、標籤嗎?關鍵字和標籤有什麼差別?能夠帶給網站什麼樣的成效?

SEO 標籤系統 關鍵字經營 搜尋引擎優化 SEO101