還在跟複雜的 CSS 的設定奮鬥嗎?用 Tailwind 來幫你實現真正的高效整潔!

技術文章 By Meng-Ying Tsai・Apr 25 2020

什麼是 Tailwind CSS? 簡單來說 Tailwind CSS 是一套 Utility-First CSS,相當具有彈性,也非常適合快速刻板。在 Utility-First CSS 之間也算是殺出了一片天。不過這個工具的魅力到底在哪呢?且讓我慢慢說明。 Utility-First...

Vue.js 新手如何製作口罩地圖?一起來貢獻小小力量吧!

技術文章 By 吳兆召・Apr 18 2020

最近世界各地疫情嚴峻,筆者以口罩地圖作為 Vue.js 練習主題的主因在於,前陣子閱讀口罩地圖先發者、好想工作室創辦人- Howard(吳展瑋先生)解釋為何而做口罩地圖時所說的一段話: 工程師就是這樣,會自己生出工具,也會想要自己生出證據,口罩地圖就是我想證明口罩政策是行得通最好的證據;難...

無痛理解 JS | 非同步怎麼運作?

技術文章 By Mindy・Mar 30 2020

總以為世界的形狀我們早已熟悉,但到頭來卻發現並不是。 筆者每每在寫 Javascript 時,處處都會發現驚喜。 下面想舉一個曾經印象深刻的例子給大家看: console.log('Start'); console.log('Stop'); 印出的結果為 Start Stop 那中間如果加...

線上直播與錄製線上課程 - 硬體篇

技術文章 By 高見龍・Mar 24 2020

本文章同步刊載於高見龍的個人 blog。 網紅、Youtuber 當道,連我家讀小學的小朋友都請我幫他開通 Youtube 帳號,他說想要拍遊戲影片上傳(給誰看?)。就連我們自己做教學,也經常收到「請問你們的課程會有線上版本嗎?」的詢問,這表示「線上」這件事需求量只有增加沒有減少。 除了寫...

網站當中的色彩學|如何選擇網站的顏色定調?

技術文章 By Debby・Mar 22 2020

圖片來源:Steve Johnson 前言 色彩可以區分出品牌的獨特性、資訊的層級性,抑或是影響使用者瀏覽的感受。 此篇文章將分享色彩的重要性、如何學習配色。 為什麼色彩這件事很重要? 接續上一篇如何著手設計你的第一個網站?我們談到該如何想像你的客戶、蒐集靈感等,這一篇...

用 Sass 玩出自己的 Memo Style

技術文章 By Grace Huang・Mar 21 2020

你有看過深色的便條紙嗎? 坊間好像比較少看到深色系的便條紙耶,雖然還是有,但大多數的便條紙都是以提醒效果比較好的、較醒目的亮色、淺色系為主,又或者是因為藍、黑、紅色的原子筆(文字顏色預設:黑)比較通用的緣故?總之,便條紙的顏色我要自己決定!! (任性) 既然要自己決定背景色,那麼如何自動搭...

React Native 升級教戰手冊 — 以 0.60 + AppBundle 為例

技術文章 By PastLeo・Mar 10 2020

在開發 React Native (以下簡稱 RN) App 期間除了遇到很多雷之外,大致功能做完開始進入長期維護狀態也是偶爾就會有平台的問題冒出來得處理,有時候是 Apple/Google Play 改了些什麼會要求開發者某時候開始的 App 必須符合某些新規範或是 native API 改...

Oopsy! 一個頭兩個大的 Stripe 開發經驗

技術文章 By Roy・Mar 7 2020

Stripe 是全球知名的線上金流服務,由於針對各種主流語言的支援度極高,加上清楚明瞭的開發者文件,使得 Stripe 也使許多知名公司,例如 Slack 以及 Booking.com 成為他們金流收費服務的使用者。遺憾的是,礙於法規緣故,目前在台灣仍然無法使用 Stripe 來處理境內交易。

安安你好給電話嗎?使用 Authy 快速打造二階段驗證

技術文章 By DC・Feb 22 2020

Photo by Jude Al-Safadi 前言 為了增加資訊安全,很多線上服務如購物網站或銀行使用二階段驗證加強保護使用者個資。目前市面上較知名提供簡訊寄送/驗證的服務有 Twilio(與 Authy 同公司)、Nexmo、Message Bird … 等,提供的服務內容大同小異...

快打造靜態網站的利器?Gatsby!

技術文章 By Jimmy・Feb 15 2020

Image by Johannes Plenio from Pixabay 前言 在這個科技日新月異的時代下,製作網頁的工具也是隨著時間演進下,不斷推陳出新。如果你曾經對於每天透過瀏覽器打開的網頁有一點的好奇心,會不會想要嘗試做一個自己專屬的網站呢?這時候我們就可以享受工具進步所帶來的...