🔴 【設計分享】 Tailwind CSS 初探
每週五的直播又來啦，之前我們每週花了很多時間理解基礎的 HTML CSS 以及一些簡單的 JS 做出自己的第一個簡單網頁。
今天要跟大家介紹一個很方便的 CSS 框架：Tailwind CSS
讓我們用原子 class 快速組合出各種想要的頁面排版，並且在開發的過程中直覺地寫完 RWD 功能。
我們五點見嘍 👋
（第一次看請提早註冊Twitch帳號方便互動）
www.twitch.tv/may_logger
每週五的直播又來啦，之前我們每週花了很多時間理解基礎的 HTML CSS 以及一些簡單的 JS 做出自己的第一個簡單網頁。
今天要跟大家介紹一個很方便的 CSS 框架：Tailwind CSS
讓我們用原子 class 快速組合出各種想要的頁面排版，並且在開發的過程中直覺地寫完 RWD 功能。
我們五點見嘍 👋
（第一次看請提早註冊Twitch帳號方便互動）
www.twitch.tv/may_logger
設計師勞哥 - Twitch
熱愛網頁設計的 VTuber 設計師勞哥 👉 分享網頁與設計話題
www.twitch.tv
May 16, 2025 at 7:34 AM
🔴 【設計分享】 Tailwind CSS 初探
每週五的直播又來啦，之前我們每週花了很多時間理解基礎的 HTML CSS 以及一些簡單的 JS 做出自己的第一個簡單網頁。
今天要跟大家介紹一個很方便的 CSS 框架：Tailwind CSS
讓我們用原子 class 快速組合出各種想要的頁面排版，並且在開發的過程中直覺地寫完 RWD 功能。
我們五點見嘍 👋
（第一次看請提早註冊Twitch帳號方便互動）
www.twitch.tv/may_logger
每週五的直播又來啦，之前我們每週花了很多時間理解基礎的 HTML CSS 以及一些簡單的 JS 做出自己的第一個簡單網頁。
今天要跟大家介紹一個很方便的 CSS 框架：Tailwind CSS
讓我們用原子 class 快速組合出各種想要的頁面排版，並且在開發的過程中直覺地寫完 RWD 功能。
我們五點見嘍 👋
（第一次看請提早註冊Twitch帳號方便互動）
www.twitch.tv/may_logger
Prompt Case (@prompt_case) on Threads
不知道怎樣跟 AI 表達你想要的網頁排版設計？今天為你們介紹 12 種網頁設計中最常見的排版佈局類型！
www.threads.com
December 15, 2025 at 6:29 PM
視覺設計師是什麼？
身為台灣人，你是否曾被令人驚豔的設計深深吸引？視覺設計師，正是將創意轉化為視覺語言的魔術師！他們透過色彩、排版、圖像，打造品牌形象、網頁介面，甚至產品包裝。想讓你的品牌脫穎而出？快找視覺設計師幫你實現吧！
身為台灣人，你是否曾被令人驚豔的設計深深吸引？視覺設計師，正是將創意轉化為視覺語言的魔術師！他們透過色彩、排版、圖像，打造品牌形象、網頁介面，甚至產品包裝。想讓你的品牌脫穎而出？快找視覺設計師幫你實現吧！
視覺設計師是什麼？
身為台灣人，你是否曾被令人驚豔的設計深深吸引？視覺設計師，正是將創意轉化為視覺語言的魔術師！他們透過色彩、排版、圖像，打造品牌形象、網頁介面，甚至產品包裝。想讓你的品牌脫穎而出？快找視覺設計師幫你實現吧！
www.isuperman.tw
March 23, 2025 at 7:53 AM
視覺設計師是什麼？
身為台灣人，你是否曾被令人驚豔的設計深深吸引？視覺設計師，正是將創意轉化為視覺語言的魔術師！他們透過色彩、排版、圖像，打造品牌形象、網頁介面，甚至產品包裝。想讓你的品牌脫穎而出？快找視覺設計師幫你實現吧！
身為台灣人，你是否曾被令人驚豔的設計深深吸引？視覺設計師，正是將創意轉化為視覺語言的魔術師！他們透過色彩、排版、圖像，打造品牌形象、網頁介面，甚至產品包裝。想讓你的品牌脫穎而出？快找視覺設計師幫你實現吧！
Unlook：設計師與非技術人員專用的React可視化工具，提供類Figma的拖拽介面，AI自動生成並雙向同步設計與代碼，無需手動編輯CSS，支持瀏覽器直接操作。Scrappy：高效網頁爬蟲框架，基於Twisty異步引擎，支援高併發抓取與中間件轉換，強制數據流規範提升可維護性，需Python 3.9+環境，附教學資源。Quarkdown：極簡Markdown排版工具，結合Clean、Soft等主題自動生成高質感PDF與網頁文件，支援自訂樣式與一鍵導出，適合快速美化文檔需求。
https://www.youtube.com/watch?v=LylZhmCFlv4
https://www.youtube.com/watch?v=LylZhmCFlv4
Unlook：專為設計師與非技術人員開發的React應用可視化工具
Unlook：設計師與非技術人員專用的React可視化工具，提供類Figma的拖拽介面，AI自動生成並雙向同步設計與代碼，無需手動編輯CSS，支持瀏覽器直接操作。Scrappy：高效網頁爬蟲框架，基於Twisty異步引擎，支援高併發抓取與中間件轉換，強制數據流規範提升可維護性，需Python 3.9+環境，附教學資源。Quarkdown：極簡Markdown排版工具，結合Clean、Soft等主題自動生成高質感PDF與網頁文件，支援自訂樣式與一鍵導出，適合快速美化文檔需求。
https://www.youtube.com/watch?v=LylZhmCFlv4
www.youtube.com
June 8, 2025 at 12:56 PM
Unlook：設計師與非技術人員專用的React可視化工具，提供類Figma的拖拽介面，AI自動生成並雙向同步設計與代碼，無需手動編輯CSS，支持瀏覽器直接操作。Scrappy：高效網頁爬蟲框架，基於Twisty異步引擎，支援高併發抓取與中間件轉換，強制數據流規範提升可維護性，需Python 3.9+環境，附教學資源。Quarkdown：極簡Markdown排版工具，結合Clean、Soft等主題自動生成高質感PDF與網頁文件，支援自訂樣式與一鍵導出，適合快速美化文檔需求。
https://www.youtube.com/watch?v=LylZhmCFlv4
https://www.youtube.com/watch?v=LylZhmCFlv4
csp這顯示方式甚至讓我都懶得用這排版讀一遍好累 (有錯字就錯字啦反正複製網頁的再整稿ㄉ
March 14, 2025 at 12:39 PM
csp這顯示方式甚至讓我都懶得用這排版讀一遍好累 (有錯字就錯字啦反正複製網頁的再整稿ㄉ
Orion Browser 正式版推出！支援 Chrome/Firefox 擴充功能、採用 WebKit 引擎的 Mac 隱私瀏覽器新選擇
當今的網頁瀏覽器依照排版引擎主要有三個分支，包括 Blink（例如 Google Chrome、新版 Microsoft Edge、Opera、Brave 和 Vivaldi 等）、Gecko（例如 Mozilla Firefox、LibreWolf、Zen Browser 和 Waterfox 等）和 WebKit（Safari），新開發的瀏覽器大多會建立在這些既有的引擎上，再依照目標、功能和需求進行修改。例如近期很流行的 AI 瀏覽器…
當今的網頁瀏覽器依照排版引擎主要有三個分支，包括 Blink（例如 Google Chrome、新版 Microsoft Edge、Opera、Brave 和 Vivaldi 等）、Gecko（例如 Mozilla Firefox、LibreWolf、Zen Browser 和 Waterfox 等）和 WebKit（Safari），新開發的瀏覽器大多會建立在這些既有的引擎上，再依照目標、功能和需求進行修改。例如近期很流行的 AI 瀏覽器…
Orion Browser 正式版推出！支援 Chrome/Firefox 擴充功能、採用 WebKit 引擎的 Mac 隱私瀏覽器新選擇
當今的網頁瀏覽器依照排版引擎主要有三個分支，包括 Blink（例如 Google Chrome、新版 Microsoft Edge、Opera、Brave 和 Vivaldi 等）、Gecko（例如 Mozilla Firefox、LibreWolf、Zen Browser 和 Waterfox 等）和 WebKit（Safari），新開發的瀏覽器大多會建立在這些既有的引擎上，再依照目標、功能和需求進行修改。例如近期很流行的 AI 瀏覽器 ChatGPT Atlas、Perplexity Comet 和 Dia（其設計靈感來自 Arc）都是以 Chromium 為基礎所開發的瀏覽器。
free.com.tw
December 2, 2025 at 2:01 AM
Orion Browser 正式版推出！支援 Chrome/Firefox 擴充功能、採用 WebKit 引擎的 Mac 隱私瀏覽器新選擇
當今的網頁瀏覽器依照排版引擎主要有三個分支，包括 Blink（例如 Google Chrome、新版 Microsoft Edge、Opera、Brave 和 Vivaldi 等）、Gecko（例如 Mozilla Firefox、LibreWolf、Zen Browser 和 Waterfox 等）和 WebKit（Safari），新開發的瀏覽器大多會建立在這些既有的引擎上，再依照目標、功能和需求進行修改。例如近期很流行的 AI 瀏覽器…
當今的網頁瀏覽器依照排版引擎主要有三個分支，包括 Blink（例如 Google Chrome、新版 Microsoft Edge、Opera、Brave 和 Vivaldi 等）、Gecko（例如 Mozilla Firefox、LibreWolf、Zen Browser 和 Waterfox 等）和 WebKit（Safari），新開發的瀏覽器大多會建立在這些既有的引擎上，再依照目標、功能和需求進行修改。例如近期很流行的 AI 瀏覽器…
如何用 Firefly 產生具有設計感的文字？
要用Firefly產生具有設計感的文字，先定義在地語感與品牌風格：正式但不疲膩、清晰且具親和力，貼近台灣年輕與專業族群。以台灣市場情境設定提示，設定字數、段落與排版，並融入品牌專有名詞與在地地名，讓輸出同時具視覺與語意的統一。再以商業科技、在地情感為主題，微調語氣與標點，讓海報與網頁文字皆更具設計感與轉換力。
要用Firefly產生具有設計感的文字，先定義在地語感與品牌風格：正式但不疲膩、清晰且具親和力，貼近台灣年輕與專業族群。以台灣市場情境設定提示，設定字數、段落與排版，並融入品牌專有名詞與在地地名，讓輸出同時具視覺與語意的統一。再以商業科技、在地情感為主題，微調語氣與標點，讓海報與網頁文字皆更具設計感與轉換力。
如何用 Firefly 產生具有設計感的文字？
要用Firefly產生具有設計感的文字，先定義在地語感與品牌風格：正式但不疲膩、清晰且具親和力，貼近台灣年輕與專業族群。以台灣市場情境設定提示，設定字數、段落與排版，並融入品牌專有名詞與在地地名，讓輸出同時具視覺與語意的統一。再以商業科技、在地情感為主題，微調語氣與標點，讓海報與網頁文字皆更具設計感與轉換力。
www.isuperman.tw
October 29, 2025 at 3:33 PM
如何用 Firefly 產生具有設計感的文字？
要用Firefly產生具有設計感的文字，先定義在地語感與品牌風格：正式但不疲膩、清晰且具親和力，貼近台灣年輕與專業族群。以台灣市場情境設定提示，設定字數、段落與排版，並融入品牌專有名詞與在地地名，讓輸出同時具視覺與語意的統一。再以商業科技、在地情感為主題，微調語氣與標點，讓海報與網頁文字皆更具設計感與轉換力。
要用Firefly產生具有設計感的文字，先定義在地語感與品牌風格：正式但不疲膩、清晰且具親和力，貼近台灣年輕與專業族群。以台灣市場情境設定提示，設定字數、段落與排版，並融入品牌專有名詞與在地地名，讓輸出同時具視覺與語意的統一。再以商業科技、在地情感為主題，微調語氣與標點，讓海報與網頁文字皆更具設計感與轉換力。
我自己做電子書是用做 app 或網頁的概念去做的，也就是說要用終端裝置來做 render 測試。所以我有 Kobo、Mooink 跟 Kindle Paperwhite，可能未來再添購一台開放式閱讀器。通過 EPUB Checker 只是代表電子書「編譯成功」可以在這些裝置上面跑而已，不代表裡面不會有排版、顯示錯誤等等。
沒有用這些裝置測試的話，就像是沒有看印刷廠印出來的書長什麼樣子，就直接上架。這樣是蠻危險的。
沒有用這些裝置測試的話，就像是沒有看印刷廠印出來的書長什麼樣子，就直接上架。這樣是蠻危險的。
October 16, 2025 at 12:27 PM
我自己做電子書是用做 app 或網頁的概念去做的，也就是說要用終端裝置來做 render 測試。所以我有 Kobo、Mooink 跟 Kindle Paperwhite，可能未來再添購一台開放式閱讀器。通過 EPUB Checker 只是代表電子書「編譯成功」可以在這些裝置上面跑而已，不代表裡面不會有排版、顯示錯誤等等。
沒有用這些裝置測試的話，就像是沒有看印刷廠印出來的書長什麼樣子，就直接上架。這樣是蠻危險的。
沒有用這些裝置測試的話，就像是沒有看印刷廠印出來的書長什麼樣子，就直接上架。這樣是蠻危險的。
網頁為什麼吃我記憶體這麼重
修個照片卡成狗我怎麼排版救命ㄚ
修個照片卡成狗我怎麼排版救命ㄚ
February 1, 2024 at 9:27 AM
網頁為什麼吃我記憶體這麼重
修個照片卡成狗我怎麼排版救命ㄚ
修個照片卡成狗我怎麼排版救命ㄚ
如何在 Google 上購買電子書？
在台灣想要又快又省的取得電子書？先登入Google帳戶並開啟GooglePlay圖書，繁體中文介面與試讀功能能讓你先把內容與排版看清楚。結帳僅需信用卡或GooglePlay點數，購買後可在Android、iOS與網頁版同步閱讀進度，並離線下載。跨裝置同步讓閱讀更順手，無論在手機、平板或電腦都能穩定接續，隨時隨地延伸你的閱讀體驗。
在台灣想要又快又省的取得電子書？先登入Google帳戶並開啟GooglePlay圖書，繁體中文介面與試讀功能能讓你先把內容與排版看清楚。結帳僅需信用卡或GooglePlay點數，購買後可在Android、iOS與網頁版同步閱讀進度，並離線下載。跨裝置同步讓閱讀更順手，無論在手機、平板或電腦都能穩定接續，隨時隨地延伸你的閱讀體驗。
如何在 Google 上購買電子書？
在台灣想要又快又省的取得電子書？先登入Google帳戶並開啟GooglePlay圖書，繁體中文介面與試讀功能能讓你先把內容與排版看清楚。結帳僅需信用卡或GooglePlay點數，購買後可在Android、iOS與網頁版同步閱讀進度，並離線下載。跨裝置同步讓閱讀更順手，無論在手機、平板或電腦都能穩定接續，隨時隨地延伸你的閱讀體驗。
www.isuperman.tw
October 6, 2025 at 2:48 PM
如何在 Google 上購買電子書？
在台灣想要又快又省的取得電子書？先登入Google帳戶並開啟GooglePlay圖書，繁體中文介面與試讀功能能讓你先把內容與排版看清楚。結帳僅需信用卡或GooglePlay點數，購買後可在Android、iOS與網頁版同步閱讀進度，並離線下載。跨裝置同步讓閱讀更順手，無論在手機、平板或電腦都能穩定接續，隨時隨地延伸你的閱讀體驗。
在台灣想要又快又省的取得電子書？先登入Google帳戶並開啟GooglePlay圖書，繁體中文介面與試讀功能能讓你先把內容與排版看清楚。結帳僅需信用卡或GooglePlay點數，購買後可在Android、iOS與網頁版同步閱讀進度，並離線下載。跨裝置同步讓閱讀更順手，無論在手機、平板或電腦都能穩定接續，隨時隨地延伸你的閱讀體驗。
基本上就是一直用比喻說什麼我是巷弄好吃的小吃店
我：（有誰被比喻成小吃店會開心）
還有一直強調我畫的圖很正確肌肉分佈也很正確（思考這種事需要對方告訴我ㄇ）
模稜兩可的誇誇有點多，我已經說了禁止誇網頁跟排版了
他還要在模稜兩可的誇外硬要回一則誇網頁跟排版的www
笑死我越打越覺得是不是大部分都聽不懂人話
我：（有誰被比喻成小吃店會開心）
還有一直強調我畫的圖很正確肌肉分佈也很正確（思考這種事需要對方告訴我ㄇ）
模稜兩可的誇誇有點多，我已經說了禁止誇網頁跟排版了
他還要在模稜兩可的誇外硬要回一則誇網頁跟排版的www
笑死我越打越覺得是不是大部分都聽不懂人話
April 7, 2025 at 9:32 AM
基本上就是一直用比喻說什麼我是巷弄好吃的小吃店
我：（有誰被比喻成小吃店會開心）
還有一直強調我畫的圖很正確肌肉分佈也很正確（思考這種事需要對方告訴我ㄇ）
模稜兩可的誇誇有點多，我已經說了禁止誇網頁跟排版了
他還要在模稜兩可的誇外硬要回一則誇網頁跟排版的www
笑死我越打越覺得是不是大部分都聽不懂人話
我：（有誰被比喻成小吃店會開心）
還有一直強調我畫的圖很正確肌肉分佈也很正確（思考這種事需要對方告訴我ㄇ）
模稜兩可的誇誇有點多，我已經說了禁止誇網頁跟排版了
他還要在模稜兩可的誇外硬要回一則誇網頁跟排版的www
笑死我越打越覺得是不是大部分都聽不懂人話
《CSS Grid 進階 - 不規則版面設計》
告別死板的格線吧！Grid 的真正威力是打造獨特的不規則排版。像在玩數獨，但規則由你定義 🧩
這就像是給你的網頁元素一個自由發揮的舞台，讓它們擺脫傳統格線的束縛！
專業提示：善用 minmax() 和 auto-fill，讓你的版面在各種螢幕尺寸下都完美展現。
#前端開發 #CSS #GridLayout #版面設計
告別死板的格線吧！Grid 的真正威力是打造獨特的不規則排版。像在玩數獨，但規則由你定義 🧩
這就像是給你的網頁元素一個自由發揮的舞台，讓它們擺脫傳統格線的束縛！
專業提示：善用 minmax() 和 auto-fill，讓你的版面在各種螢幕尺寸下都完美展現。
#前端開發 #CSS #GridLayout #版面設計
December 4, 2024 at 1:55 PM
《CSS Grid 進階 - 不規則版面設計》
告別死板的格線吧！Grid 的真正威力是打造獨特的不規則排版。像在玩數獨，但規則由你定義 🧩
這就像是給你的網頁元素一個自由發揮的舞台，讓它們擺脫傳統格線的束縛！
專業提示：善用 minmax() 和 auto-fill，讓你的版面在各種螢幕尺寸下都完美展現。
#前端開發 #CSS #GridLayout #版面設計
告別死板的格線吧！Grid 的真正威力是打造獨特的不規則排版。像在玩數獨，但規則由你定義 🧩
這就像是給你的網頁元素一個自由發揮的舞台，讓它們擺脫傳統格線的束縛！
專業提示：善用 minmax() 和 auto-fill，讓你的版面在各種螢幕尺寸下都完美展現。
#前端開發 #CSS #GridLayout #版面設計
雖然我當然是在自己的地盤這樣子丟出負評，但沒有真的成為體貼的人，體貼河道上在坑者友們（我仍不確定誰們）的心情......！
再者，我自己又自以為自己的創作好多少呢。
我真的，滿常以自己的角度事先看輕各種作品的好處，而後才發現狹隘的可能是我。
整理這些想法可能也不一定是完全自卑，算是一種自白坦承了吧。另外，看到 CP 網頁的眾圖圖們，真的覺得很感謝......！
除了大張的委託圖外，幾乎所有的圖繪者都很有默契地把墜名擺左邊、玄佐擺右邊，這真的可說是小心維護起來的一致跟用心對待我網頁排版的體貼......！想到這邊真的覺得很感謝......！！！
圖圖委託到了，接下來我也應該更加充實設定了。
再者，我自己又自以為自己的創作好多少呢。
我真的，滿常以自己的角度事先看輕各種作品的好處，而後才發現狹隘的可能是我。
整理這些想法可能也不一定是完全自卑，算是一種自白坦承了吧。另外，看到 CP 網頁的眾圖圖們，真的覺得很感謝......！
除了大張的委託圖外，幾乎所有的圖繪者都很有默契地把墜名擺左邊、玄佐擺右邊，這真的可說是小心維護起來的一致跟用心對待我網頁排版的體貼......！想到這邊真的覺得很感謝......！！！
圖圖委託到了，接下來我也應該更加充實設定了。
June 5, 2025 at 1:03 PM
雖然我當然是在自己的地盤這樣子丟出負評，但沒有真的成為體貼的人，體貼河道上在坑者友們（我仍不確定誰們）的心情......！
再者，我自己又自以為自己的創作好多少呢。
我真的，滿常以自己的角度事先看輕各種作品的好處，而後才發現狹隘的可能是我。
整理這些想法可能也不一定是完全自卑，算是一種自白坦承了吧。另外，看到 CP 網頁的眾圖圖們，真的覺得很感謝......！
除了大張的委託圖外，幾乎所有的圖繪者都很有默契地把墜名擺左邊、玄佐擺右邊，這真的可說是小心維護起來的一致跟用心對待我網頁排版的體貼......！想到這邊真的覺得很感謝......！！！
圖圖委託到了，接下來我也應該更加充實設定了。
再者，我自己又自以為自己的創作好多少呢。
我真的，滿常以自己的角度事先看輕各種作品的好處，而後才發現狹隘的可能是我。
整理這些想法可能也不一定是完全自卑，算是一種自白坦承了吧。另外，看到 CP 網頁的眾圖圖們，真的覺得很感謝......！
除了大張的委託圖外，幾乎所有的圖繪者都很有默契地把墜名擺左邊、玄佐擺右邊，這真的可說是小心維護起來的一致跟用心對待我網頁排版的體貼......！想到這邊真的覺得很感謝......！！！
圖圖委託到了，接下來我也應該更加充實設定了。
#MathType 7 a powerful #interactive #equation editor that lets you create mathematical notation - 可使用於各類文字編輯器、投影片軟體、排版軟體、網頁編輯程式，讓使用者輕鬆在研究論文、教材、網頁、投影片、期刊和書籍中建立數學符號。 MathType for #Google
www.cheerchain.com.tw/zh/product_2...
www.cheerchain.com.tw/zh/product_2...
祺荃企業有限公司 您可以信賴的軟體供應商
祺荃企業有限公司 您可以信賴的軟體供應商 FB
www.cheerchain.com.tw
November 16, 2025 at 11:20 PM
#MathType 7 a powerful #interactive #equation editor that lets you create mathematical notation - 可使用於各類文字編輯器、投影片軟體、排版軟體、網頁編輯程式，讓使用者輕鬆在研究論文、教材、網頁、投影片、期刊和書籍中建立數學符號。 MathType for #Google
www.cheerchain.com.tw/zh/product_2...
www.cheerchain.com.tw/zh/product_2...
March 6, 2024 at 8:12 AM
MathType 7 One Year subscription 單機下載版(教育版,一年訂閱)
#MathType 7 a powerful #interactive #equation editor that lets you create mathematical notation - 可使用於各類文字編輯器、投影片軟體、排版軟體、網頁編輯程式，讓使用者輕鬆在研究論文、教材、網頁、投影片、期刊和書籍中建立數學符號。 MathType for #Google
www.cheerchain.com.tw/zh/product_2...
#MathType 7 a powerful #interactive #equation editor that lets you create mathematical notation - 可使用於各類文字編輯器、投影片軟體、排版軟體、網頁編輯程式，讓使用者輕鬆在研究論文、教材、網頁、投影片、期刊和書籍中建立數學符號。 MathType for #Google
www.cheerchain.com.tw/zh/product_2...
祺荃企業有限公司 您可以信賴的軟體供應商
祺荃企業有限公司 您可以信賴的軟體供應商 FB
www.cheerchain.com.tw
August 19, 2025 at 4:14 AM
MathType 7 One Year subscription 單機下載版(教育版,一年訂閱)
#MathType 7 a powerful #interactive #equation editor that lets you create mathematical notation - 可使用於各類文字編輯器、投影片軟體、排版軟體、網頁編輯程式，讓使用者輕鬆在研究論文、教材、網頁、投影片、期刊和書籍中建立數學符號。 MathType for #Google
www.cheerchain.com.tw/zh/product_2...
#MathType 7 a powerful #interactive #equation editor that lets you create mathematical notation - 可使用於各類文字編輯器、投影片軟體、排版軟體、網頁編輯程式，讓使用者輕鬆在研究論文、教材、網頁、投影片、期刊和書籍中建立數學符號。 MathType for #Google
www.cheerchain.com.tw/zh/product_2...
🔴 【設計分享】 2025/3/28 超基礎網頁設計：CSS box model
今天下午 4:00 - 7:00 將會直播分享，如何使用 CSS 把上次的文章排版，排的更漂亮呢？像是區塊四周的空間、行內特殊元素的空間邊線裝飾調整，介紹各種不可思議的坑，我們直播見嘍！
今天下午 4:00 - 7:00 將會直播分享，如何使用 CSS 把上次的文章排版，排的更漂亮呢？像是區塊四周的空間、行內特殊元素的空間邊線裝飾調整，介紹各種不可思議的坑，我們直播見嘍！
設計師勞哥 - Twitch
熱愛網頁設計的 VTuber 設計師勞哥 👉 分享網頁與設計話題
www.twitch.tv
March 28, 2025 at 5:30 AM
🔴 【設計分享】 2025/3/28 超基礎網頁設計：CSS box model
今天下午 4:00 - 7:00 將會直播分享，如何使用 CSS 把上次的文章排版，排的更漂亮呢？像是區塊四周的空間、行內特殊元素的空間邊線裝飾調整，介紹各種不可思議的坑，我們直播見嘍！
今天下午 4:00 - 7:00 將會直播分享，如何使用 CSS 把上次的文章排版，排的更漂亮呢？像是區塊四周的空間、行內特殊元素的空間邊線裝飾調整，介紹各種不可思議的坑，我們直播見嘍！
🔴 【設計分享】 4/11 CSS display 排版魔法術分享交流！
「區塊不該在那！」「為什麼按鈕變形了？」
這些設計排版的奇怪現象，其實都跟 display 以及 box model 有關！
今天下午 5:00 - 7:00，我們來破解網頁排版的第一道魔法：顯示模式。基本 display + 一點實用練習，讓你排版不再亂七八糟！
「區塊不該在那！」「為什麼按鈕變形了？」
這些設計排版的奇怪現象，其實都跟 display 以及 box model 有關！
今天下午 5:00 - 7:00，我們來破解網頁排版的第一道魔法：顯示模式。基本 display + 一點實用練習，讓你排版不再亂七八糟！
設計師勞哥 - Twitch
熱愛網頁設計的 VTuber 設計師勞哥 👉 分享網頁與設計話題
www.twitch.tv
April 11, 2025 at 8:19 AM
🔴 【設計分享】 4/11 CSS display 排版魔法術分享交流！
「區塊不該在那！」「為什麼按鈕變形了？」
這些設計排版的奇怪現象，其實都跟 display 以及 box model 有關！
今天下午 5:00 - 7:00，我們來破解網頁排版的第一道魔法：顯示模式。基本 display + 一點實用練習，讓你排版不再亂七八糟！
「區塊不該在那！」「為什麼按鈕變形了？」
這些設計排版的奇怪現象，其實都跟 display 以及 box model 有關！
今天下午 5:00 - 7:00，我們來破解網頁排版的第一道魔法：顯示模式。基本 display + 一點實用練習，讓你排版不再亂七八糟！
KIMI優化可視化報告設計，採用互動式圖表與精緻排版，包含目錄、執行摘要及可放大移動的圖表，提升閱讀體驗；但部分圖表來源與內容整合稍顯突兀。生成報告前主動反問需求細節，實時展示網頁與PDF內容，調用Passen處理數據，然中文處理能力尚有不足，導致資訊缺失。透過23步推理流程，平均搜索70+關鍵字、200+網址，明確用戶偏好，但對複雜任務的資訊篩選與分析深度仍需改進。
https://www.youtube.com/watch?v=OiwAVVGYoi4
https://www.youtube.com/watch?v=OiwAVVGYoi4
可視化報告設計優化
KIMI優化可視化報告設計，採用互動式圖表與精緻排版，包含目錄、執行摘要及可放大移動的圖表，提升閱讀體驗；但部分圖表來源與內容整合稍顯突兀。生成報告前主動反問需求細節，實時展示網頁與PDF內容，調用Passen處理數據，然中文處理能力尚有不足，導致資訊缺失。透過23步推理流程，平均搜索70+關鍵字、200+網址，明確用戶偏好，但對複雜任務的資訊篩選與分析深度仍需改進。
https://www.youtube.com/watch?v=OiwAVVGYoi4
www.youtube.com
June 24, 2025 at 11:45 AM
KIMI優化可視化報告設計，採用互動式圖表與精緻排版，包含目錄、執行摘要及可放大移動的圖表，提升閱讀體驗；但部分圖表來源與內容整合稍顯突兀。生成報告前主動反問需求細節，實時展示網頁與PDF內容，調用Passen處理數據，然中文處理能力尚有不足，導致資訊缺失。透過23步推理流程，平均搜索70+關鍵字、200+網址，明確用戶偏好，但對複雜任務的資訊篩選與分析深度仍需改進。
https://www.youtube.com/watch?v=OiwAVVGYoi4
https://www.youtube.com/watch?v=OiwAVVGYoi4
Bunny Fonts：隱私友善的 Google Fonts 替代方案，支援 GDPR 與全球 CDN
Google Fonts 是 Google 的免費字型網站，收錄超過 1800 種字體，也是許多網站開發人員會使用的排版樣式，不過它也潛藏一些問題，例如遠端載入網頁字型可能影響網站性能，更多人不選擇 Google Fonts 的原因是它會違反「一般資料保護規則」（GDPR），當使用者存取網頁字型時會將 IP 位址傳送到 Google 伺服器，此外，在網路受到限制的國家（例如中國）會有載入速度很慢或無法載入等問題。
Google Fonts 是 Google 的免費字型網站，收錄超過 1800 種字體，也是許多網站開發人員會使用的排版樣式，不過它也潛藏一些問題，例如遠端載入網頁字型可能影響網站性能，更多人不選擇 Google Fonts 的原因是它會違反「一般資料保護規則」（GDPR），當使用者存取網頁字型時會將 IP 位址傳送到 Google 伺服器，此外，在網路受到限制的國家（例如中國）會有載入速度很慢或無法載入等問題。
Bunny Fonts：隱私友善的 Google Fonts 替代方案，支援 GDPR 與全球 CDN
Google Fonts 是 Google 的免費字型網站，收錄超過 1800 種字體，也是許多網站開發人員會使用的排版樣式，不過它也潛藏一些問題，例如遠端載入網頁字型可能影響網站性能，更多人不選擇 Google Fonts 的原因是它會違反「一般資料保護規則」（GDPR），當使用者存取網頁字型時會將 IP 位址傳送到 Google 伺服器，此外，在網路受到限制的國家（例如中國）會有載入速度很慢或無法載入等問題。
free.com.tw
February 27, 2025 at 2:01 AM
Bunny Fonts：隱私友善的 Google Fonts 替代方案，支援 GDPR 與全球 CDN
Google Fonts 是 Google 的免費字型網站，收錄超過 1800 種字體，也是許多網站開發人員會使用的排版樣式，不過它也潛藏一些問題，例如遠端載入網頁字型可能影響網站性能，更多人不選擇 Google Fonts 的原因是它會違反「一般資料保護規則」（GDPR），當使用者存取網頁字型時會將 IP 位址傳送到 Google 伺服器，此外，在網路受到限制的國家（例如中國）會有載入速度很慢或無法載入等問題。
Google Fonts 是 Google 的免費字型網站，收錄超過 1800 種字體，也是許多網站開發人員會使用的排版樣式，不過它也潛藏一些問題，例如遠端載入網頁字型可能影響網站性能，更多人不選擇 Google Fonts 的原因是它會違反「一般資料保護規則」（GDPR），當使用者存取網頁字型時會將 IP 位址傳送到 Google 伺服器，此外，在網路受到限制的國家（例如中國）會有載入速度很慢或無法載入等問題。
電玩展這網頁排版根本就快變成傑○登展了⋯
這樣真的沒問題嗎
這樣真的沒問題嗎
January 27, 2024 at 2:15 AM
電玩展這網頁排版根本就快變成傑○登展了⋯
這樣真的沒問題嗎
這樣真的沒問題嗎