網頁版型控制不能不知道的事！區塊與行內元素、盒模型與容器 繼上一篇 網頁樣式跟想像中不一樣，你 CSS Reset 了嗎？ 說明了 CSS Reset 造成網頁排版不如預期的因素，其實還有許多因素都會影響網頁上的排版，今天就來了解這些因素，來掌握版型控制技巧！ 2021-07-10 CSS 網頁排版 區塊元素 行內元素 盒模型 box-modelㄋ padding margin 行距 容器 滿版式設計
網頁樣式跟想像中不一樣，你 CSS Reset 了嗎？ 當透過 CSS 切完網頁版面後，發現網頁跟自己想像或是設計稿上顯示的有落差，是發生了什麼事情？ CSS Reset 出現與存在意義 之所以會有 CSS Reset 出現，是因為早期瀏覽器在渲染 HTML 的 CSS 樣式標準不一，導致同一段語法在不同家瀏覽器所渲染出的結果不一樣，為了統一各家瀏覽器的預設渲染樣式，因此出了 CSS Reset 讓預設網頁樣式在各家瀏覽器是一樣的狀態。 2021-07-08 CSS CSS CSS Reset
想要提升寫 code 效率，一定要認識的寫網頁好幫手 - Emmet Emmet 是個支援多個編輯器的擴充程式，幫助我們在寫程式時，只要記相對應的縮寫，就能完整將關鍵字打出來。 優點 提升開發速度 減少打錯字造成後續 debug 的時間 2021-07-06 工具推薦 HTML CSS emmet VS code
Joomla! 表單元件 JSN UniForm 利用 HTML 語法加上圖片 Joomla! 的表單元件 JSN UniForm 預設提供的表單功能，在 radioButton 內沒有提供圖片選項（不過是免費版的部分，且是 2020 年時改的，不知道之後有沒有改？） 不過後來發現，只要透過簡單的 HTML 語法就能夠達成這個效果了！ 2021-07-04 Joomla Joomla JSN UniForm
Xampp 錯誤訊息：MySQL shutdown unexpectedly. 解決方法 有些人可能有個壞習慣，就是 Xampp 沒有正常關閉就直接進行關機；當然不只 Xampp，相信非常多視窗也都是跟著 Xampp 一起被強制關機。 強制關機的結果：資料庫意外關閉 實習日常的第一個動作，就是開啟電腦、打開 Xampp 的 Apache 與 MySQL。但就在某一天，發現打不開 MySQL，並出現以下錯誤訊息： 1234567891009:42:22 AM [mysql] Attem 2021-06-27 Xampp MySQL Xampp MySQL
Joomla! 嘗試客製化修改元件控制台界面 過去在實驗室時接到一個網站業主的請求。 網站是用 Joomla! 架設、利用 j2Store 搭建起購物車；其中，j2Store 後台界面訂單資訊裡，有個「顧客註記」與「運送追蹤 ID」兩個 input 欄位，如圖所示；業主認為這兩個欄位放在原本這個位置，較不顯眼，希望放置在訂單紀錄下面空白區域。 2021-06-20 PHP Joomla PHP Joomla MVC
Bootstrap 5 新手教學實戰營 - Week 2 這篇是 Bootstrap 5 新手教學實戰營的第二次上課筆記，學習重點主要是格線系統的應用以及在各個不同大小的裝置上，格線系統的呈現方式，以及相關觀念。 在介紹格線系統之前，先讓我們認識一下「魔術數字」。 什麼是魔術數字（magic number）？ 設計師開了一個 div 的規格，數字為：左200px、右800px 程式設計師在程式碼設計了一個數字，但只有程式設計師知道其意義 2021-05-20 Bootstrap Bootstrap CSS Bootstrap5 格線 通用類別
