Bootstrap 排版技巧：確保 row 中不同欄位的子元素高度對齊
當我們在使用 Bootstrap 進行網頁排版時，經常會遇到這樣的情況：同一 row 中的兩個（或多個）col 元素包含的子元素高度不同，這經常...
#網頁開發
18 篇筆記
處理 bootstrap table 當中固定 thead 的 border 跑掉問題
在使用 Bootstrap 進行網頁開發時，如果想要自己在進行一些樣式微調，就常會遇到一些預期之外的排版問題，像是樣式改不過去、或是效果只出現...
StackEdit: 所見即所得的 markdown 工具
最近偶爾會幫一些舊文章補圖，通常是些表格阿、圖表之類的，但又懶得真的一張一張的去做圖、調整格式，這時我的腦筋就動到了只需要簡單文字...
通用版 GA 即將停止服務，快來認識新的 Google Analytics 4 (GA4)
如果你是網站經營者或網站資料分析師，那麼一定對我們的老朋友 Google Analytics 不會感到陌生吧！不過，根據 Google 發佈的...
開發你的第一個DApp (五) 存取智能合約
在上一篇文章中，我們已經在localhost部屬好合約，以及取得了合約的地址。合約只存在在測試環境中，所以如果我們中斷了localhost，則需要...
開發你的第一個DApp (四) 佈署智能合約
目前為止我們有了localhost環境、有一份solidity合約、也已經compile成json格式了，現在可以進入佈署合約的環節囉。佈署合約前，我們需要...
開發你的第一個DApp (三) 產生智能合約
我們在上一篇 開發你的第一個DApp (二) 中，準備好了Loaclhost與metamask測試錢包及ETH測試幣。如此一來我們就可以在這個環境下...
開發你的第一個DApp (二) Localhost
繼前篇 開發你的第一個DApp (一)，我們已經把相關環境都設定好了，之後每次要進入localhost環境的話，再重新到...
開發你的第一個DApp (一) 簡介與環境設定
DApp(Decentralized application)，外觀上和普通的應用程式(application)非常相像，不同的是dapp整合了web3的概念，能夠透過智能...
能根據資料庫自動生成、還能與使用者互動的 js 圖表 chart.js，讓資料視覺化更容易
以往當我們想要從資料庫讀資料並轉化成網頁上的動態向量圖表時，可能常會想到的是具備良好設計彈性的開源工具 d3.js ，但實作與...
CSS Layout: 各式常見 CSS 空白版面與元件，刻 UI 的好幫手
如果平常有在接觸前端開發的朋友，應該都知道拜許多好用的工具與框架之賜，現在許多常見的元件與版面佈局已經不再像從前...
CSS3 屬性教學: Flexbox
Flexbox 是 CSS3 新增的一種屬性，從2012年推出以來到現在，大部分的瀏覽器(除了 ie10 以下)都有良好的支援。好好使用 Flexbox 可以...
方便的前端小工具：Fake Image 假圖產生器
做網頁前端的朋友們應該有聽過可以幫助預覽版面的假文產生器 Lorem Ipsum，在還不知道具體文字內容的情況下，有了假文的幫助，也可以順暢...
SEO 的基本功 (二)：如何進行網站關鍵字搜尋分析
想像一下，當潛在客戶在搜尋引擎中輸入查詢時，你希望能出現在他們的眼前會是什麼？這時候，如果你的網站內容...
SEO 的基本功 (一)：Sitemap(網站地圖) 提升網站能見度的秘密武器
我們都知道，一間店生意是好是壞，除了產品是否吸引人之外，這個商店每天能被多少路過的人看見也是很重要的因素之一。同樣的...
記事本掰掰！可即時預覽 html、css、以及 js 效果的 codepen
CodePen是一個線上編輯器，可以即時預覽HTML、CSS和JavaScript的效果。對於我這樣喜歡馬上看到成果的人來說...
JSON：簡潔易用的結構化資料格式
說到網頁開發，在過去遇到有資料要在伺服器、網頁及app之間傳輸的時候，通常會使用 XML 來處理。但隨者時代技術演進跟多種瀏覽器...
Balsamiq：快速、易於操作的手繪風格wireframe工具
今天我們來聊聊一個對於設計師、產品經理，甚至是任何一位需要快速構思產品原型的人來說，都是一個極佳選擇的工具 -- Balsamiq。這款工具...