在我們最近舉辦 The F2E - 前端修練精神時光屋的各種活動中，經常都會釋出 API 提供給大家在開發網頁時，可以更有彈性的使用這些資料，而在釋出這些 AP...
VSCode 下載點： https://code.visualstudio.com/ VSCode是由微軟開發的文字編輯器，同時支援 Windows、Linux...
Markdown 是一種輕量級標記式語言， 它有純文字標記的特性，讓編寫的可讀性提高，這是在以前很多電子郵件中就已經有的寫法，而目前也有很多網站都使用 Mark...
雖然在 VSCode 與 github 整合以後，使用指令來進行版本控制已經變得非常方便，但有時候可能還是記不住指令，或是新手入坑比較不了解指令，這種時候就可以...
在前端開發時經常會遇到需要處理日期或是時間的問題，而在 JavaScript 撰寫上經常都會需要用很多函數來處理與轉換，因此推薦大家使用 moment.js。m...
在介紹下一個主題 Github Gist 前，我們要先說明一下 SSH、HTTPS 的差異與如何設定 Github SSH 金鑰，在下一篇中會需要使用到，所以這...
VSCode 吸引人的原因除了本身內建的功能相當多，VSCode 能夠安裝的插件也是又多又好用又方便呀～使用插件可以更有品質或是更快速的進行開發，前一篇為大家介...
Gist 是 Github 的一個子服務，且任何人都可以使用這個服務，不論你是否擁有 Github 帳號。以開發者的角度來說，最基本的功能就是可以分享片段的原始...
又來到工欲善其事，必先利其器的時間～今天要來介紹針對開發 10 個好用的 Chrome 插件，使用這些插件有什麼好處呢？ 可以快速且清楚了解其他網站使用哪些套...
validate.js 是一個方便用於表單驗證的 JavaScript 函式庫，透過 validate.js 你可以更簡單且完整的處理表單驗證的問題，那就來介紹...
前一篇講了 Method 測試方法，也有提到 Postman 還有一個好用的功能 - Collection，這篇就來介紹一下吧！特別介紹 Collection...
Codepen 是近幾年很受歡迎的線上編輯器。與同為線上編輯器的 jsFiddle 相比，介面設計美觀許多，點進網頁就可以看到許多厲害的作品。Codepen 的...
Yarn 是一個新的套件管理工具，以提供的功能面向來說，和大家熟知的 npm 是差不多的，但 npm 的安裝與套件快取通常都需要花費不少時間，而 Yarn 提供...
Firebase Functions 是 Firebase 服務中的其中一個功能，利用程式碼將這些事件透過 Functions 來處理並得到回應，典型的使用範例...
JSON Viewer JSON Viewer 線上應用程式商店：https://chrome.google.com/webstore/detail/json-...
我從來沒想過會當工程師 「歷史系」、「運動」、「採訪編輯」、「數位行銷」、「前端工程師」，這幾個看似毫無關聯的tag全部出現在我身上。每次跟其它人介紹自己的工作...
Chrome Canary 網站連結：https://www.google.com/chrome/canary/進入網站後就可以根據自己的電腦系統下載，金絲雀版...
MarkMan – 馬克鰻是一款方便又高效的標註工具，可以節省設計師在設計稿上添加和修改標註的時間，簡單又易用的介面和工具，很快就能上手，除了設計師可以使用，工...
每個 Repository 都可以建立自己的 Project，Project 可以規劃專案、排序任務、追蹤任務狀態、分享狀態等等，採用看板的方式顯示，和 tre...
前一篇主要講了 gist 在開發的方面可以使用的功能，而 gist 除了使用在分享或下載原始碼檔案以外，還有其他的功能可以提供非開發者也能使用，像是拿來做筆記，...
前言前三篇介紹了以 Daily UI-Sign Up為例設計的畫面相關細節，此時前端工程師就會從設計師手中拿到設計稿(如 Zeplin)等資訊，將視覺畫面進行「...
Hexo 是一款基於 Node.js 的網誌框架，之所以這麼多人在使用，是因為它能夠快速、簡單的建置屬於自己的部落格，且包含許多強大的功能。Hexo 可以使用...
現在大家對 code 的要求已經不是先求有再求好，而是先求好再求更好，因此能提升程式碼品質的工具就越來越受大家的重視。而 ESLint 相較於 JavaScri...
在還沒認識Flex前我的水平垂直置中招式，永遠都只有這幾招，line-height+margin auto或用postion來設定，但每次遇到的狀況還不一定能用...
上一篇已經了解 Functions 可以如何應用，接下來我們就嘗試運用 Functions 來做一個可以上傳圖片並得到圖片網址與 metadata，範例是參考...
這一篇介紹的是 Issue 如何轉為 Project 的卡片以及 Issue 本身的功能，在前一篇也有提到過其實Project 的卡片和 Issue 有很多共通...
前一篇是 Github Project 的基礎認識，包括看板的建立，看板的樣版有哪些與其中的差異，還有如何新增管理的標籤等等，有了這些基礎的認識，接下來就是更完...
前幾篇我們對於 hexo 做成部落格並客製一些樣式有基礎的了解了，而既然是部落格，就是要放到網上讓大家可以來看自己想要分享的內容，所以這篇就來介紹如何把現有的內...
接下來這兩篇要來讓部落格越來越可以改成自己想要的樣子，所以我們會講到自訂變數與修改樣式兩個部分，hexo 提供相當多種類的變數來讓我們透過這些變數增加一些內容在...
上一篇對於自訂變數已經有基礎的了解了，接下來我們就用這些變數來做一些判斷並修改樣板與新增樣式，讓部落格更客製化、更豐富。那就開始介紹囉！ 首頁內容調整 首先從首...
六角學院
Anny Cheng
iThome鐵人賽
看影片追技術