/3 min
RWD 響應式網頁設計該注意的 UI 細節
早期只有電腦上網時期，只要針對電腦設計網頁即可。然而行動上網的普及，也促成了 RWD 的發展。然而設計響應式網頁時，並不是單純讓視窗大小能夠維持不跑版這麼簡單，還有更深入的設計細節。
/4 min
原來已經 12 年了，這條路佔了我超過一半的人生
今天不寫技術，來點回顧。還記得大三上的期中專題報告，我在簡報上是這麼寫的： 8 月是我的啟蒙月 我第一次接觸網路是在小學三年級，因為那時候學校開始有了電腦課，所以就要求家裡辦網路給我，後來回到家終於不在只有彈珠台可以玩了…
/8 min
運用 CSS 媒體查詢語法開發 RWD 響應式網頁
隨著時代的進步，上網的載具愈來愈方便，從早期的電腦，到後來的平板、手機，甚至於是超大型螢幕，已經不止傳統的 1024 768 解析度螢幕。而這麼多變的螢幕大小，正考驗著網頁開發者的功夫啊！
/9 min
有哪幾種指定 CSS 樣式的方式？權重又是什麼？能吃嗎？
網站的開發當中，若要設定 CSS，我們除了能夠針對網頁的標籤、class 進行指定，其實還有其它方式都能夠指定 CSS 樣式至我們希望呈現樣式的區塊，至於有那些呢，這篇文章就會來提到。
/5 min
Flex 強大排版術：align-items、align-content 傻傻分不清楚？align-self 又是什麼？
前面發了兩篇的 Flex 排版技術文章、也提到了許多主軸的排版方式，今天就要來介紹交錯軸 align-items。
/2 min
Logo 不只能用 img，來試試 background 圖片取代文字技巧！
一般來說新手時期在設置 Logo 時都會使用 HTML 的 img 標籤將圖片展示出來，不過其實除了 img 之外，還能夠使用 background 背景圖片，並使用圖片取代文字的技巧來設置 Logo。
/6 min
Flex 強大排版術：主軸對齊怎麼做？為何都擠在同一排？相應屬性一次解說！
上一篇 Flex 筆記文章介紹了它的主軸與交錯軸觀念，今天要來介紹的是主軸的對齊，就像文字有所謂的靠左對齊、置中對齊、靠右對齊或是分散對齊，Flex 的排版方式也能夠達成這樣的效果。
/8 min
Flex 強大排版術：flex-direction 如何應用？主軸、交錯軸附圖解說！
網頁排版技術非常多，包含 float、inline-block、Flex 或是 grid 等等，其中 Flex 是現今滿常見的排版技術，使用這個技術，也能夠較為輕鬆地達到所謂的水平垂直置中，那要如何使用這項技術呢？
/4 min
什麼是 background？跟 img 的差別？image、repeat、color 以及 position 等屬性又該如何設定？
CSS 除了透過 img 顯示圖片外，還有 background 可以用於顯示背景圖片，當然它並不只有背景圖片的技巧，如果要設定背景顏色也是可以的，今天就來介紹一下 background 相關應用。
/4 min
使用 PHP 解 Leetcode：1431. Kids With the Greatest Number of Candies 擁有最多糖果的孩子
題目資訊 題目網址：1431. Kids With the Greatest Number of Candies 難易度：Easy 簡單 通過率：88.1%（截至發文時間） 這題表示有數量不一定的小朋友，並由陣列 can…