https://mocationer.com/tags/%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88/ Recent content in 網頁設計 on 薯薯推薦 https://mocationer.com/images/og-default.png https://mocationer.com/images/og-default.png Hugo zh-tw Thu, 12 Jan 2023 21:05:00 +0800 https://mocationer.com/2022-js-hexschool/ Thu, 01 Dec 2022 21:19:58 +0800 https://mocationer.com/2022-js-hexschool/ 今年參加 2022 六角學院 JS 直播班的心得分享和評價。我覺得課程內容非常紮實而且實用！講師也非常有耐心，講得很詳細易懂，推薦對於已經有一點網頁設計基礎、想要邁向前端工程師的人，這門課真的非常值得參加！ https://mocationer.com/scss-live-sass-compiler/ Sat, 30 Oct 2021 08:30:00 +0800 https://mocationer.com/scss-live-sass-compiler/ 這篇要來教你用 VS Code 插件 Live Sass Compiler 來快速將 SCSS 轉換成 CSS 檔！讓我手把手帶你把環境設定和輸出路徑，用圖解的方式設定一遍吧！未來再也不怕主管或客戶突然想更換網頁顏色，使用 SASS 或 SCSS 預處理器，幫你完成高效率的修改吧！ https://mocationer.com/before-after-css/ Mon, 15 Mar 2021 08:30:00 +0800 https://mocationer.com/before-after-css/ 什麼是 ::before 和::after？CSS的偽元素是一個可以用CSS「憑空創造」一個區塊出來，而且在HTML程式碼後台你並不會看到它存在，但在網頁F12開發人員工具時可以看到。希望經過這些最基本的說明與範例實作，帶大家學會CSS偽元素::before和::after！ https://mocationer.com/btn-with-font-awesome/ Mon, 01 Mar 2021 08:30:00 +0800 https://mocationer.com/btn-with-font-awesome/ 教你如何將文字類型的按鈕，透過 Font Awesome 來改成圖示類型的按鈕吧！可以透過Google瀏覽器直接搜尋輸入font awesome cdn，用程式碼的方式嵌入圖示，就能直接使用 Font Awesome 的圖示囉！