Menu
official logo 75*75

地瓜大的飛翔旅程

點數旅行 留學 信用卡 程式學習

Menu
Facebook Twitter Feed GitHub LinkedIn YouTube Instagram

Primary Menu

Skip to content
  • 熱門文章目錄 Popular Posts
  • 懶人包 Dummies
    • 二日遊系列 Two-day Trip
    • 機場貴賓室 Airport lounge
    • 飛行體驗 Flight
    • 飛行過夜包 Amenity Kit
    • 英國留學 Study In UK
    • 獎勵機票兌換實戰 Redeem Flight Awards
    • 美國嘉信 CharlesSchwab
    • 美國匯豐 HSBC US
    • 美國德美利 TD Ameritrade
    • 英國匯豐 HSBC UK
    • 香港匯豐 HSBC HK
  • 工程師之路 Learning Programming
  • 關於作者 About
    • Impressum
    • Privacy Policy
Search

Secondary Menu

Skip to content
  • 旅店 Hotel
  • 亞洲 Asia
    • 日本 Japan
    • 台灣 Taiwan
    • 泰國 Thailand
  • 歐洲 Europe
    • 德國 Deutschland
    • 法國 France
    • 匈牙利 Hungary
    • 冰島 Iceland
    • 捷克 Czech Republic
    • 義大利 Italy
    • 西班牙 Spain
    • 英國 United Kingdom
    • 歐洲其他國家 Other European Countries
  • 美洲 America
  • 指南 Guide
    • 語言學習 Language Learning
    • 科技 Technology
    • 投資 Investment
    • 證書 Certificate
  • 食記 Food
  • 雜學 Trivia
    • 日記 Diary
    • 電影 Movie
    • 點數 Points
    • 開箱 Unboxing

標籤: sassWalkthrough

[筆記] Sass 實戰全攻略 – 11 – 自製格線系統

[筆記] Sass 實戰全攻略 – 11 – 自製格線系統

Posted on2020-04-042020-04-01

這一段算是額外的補充部分,但也是很實用的章節。藉由介紹、分解既有的格線系統,你也可以製作一個屬於自己的格線系統。 課程對應章節 Course 62 ~ Cour Read More …

Categories筆記 Notes, 網頁開發 Web DevelopmentTagssassWalkthrough, 格線系統

[筆記] Sass 實戰全攻略 – 10 – 設計模式和規範

[筆記] Sass 實戰全攻略 – 10 – 設計模式和規範

Posted on2020-04-012020-03-30

每次專案,都提供給自己或是團隊一個可以將這些 CSS 規範給內化的機會。不過要謹記規範是死的,而人是活的,切勿為了規範而讓專案過於瑣碎,而是要力求導入規範讓工作 Read More …

Categories筆記 Notes, 網頁開發 Web DevelopmentTagssassWalkthrough

[筆記] Sass 實戰全攻略 – 9 – 錯誤的 CSS 設計方式

[筆記] Sass 實戰全攻略 – 9 – 錯誤的 CSS 設計方式

Posted on2020-03-182020-03-14

Sass 在撰寫時,要注意一些常見的 CSS 設計方式,會讓你在撰寫的時候顯得冗長、日後也變得難以維護。 課程對應章節 Course 58 ~ Course 6 Read More …

Categories筆記 Notes, 網頁開發 Web DevelopmentTagssassWalkthrough

[筆記] Sass 實戰全攻略 – 8 – 關於命名的那些事兒

[筆記] Sass 實戰全攻略 – 8 – 關於命名的那些事兒

Posted on2020-03-152020-03-14

撰寫程式的人們的日常頭痛問題之一,就是如何命名變數。變數命名的好,可以省下日後維護時的大量時間在研究先前的邏輯上。這邊筆記下這個段落部分有提及的一些設計巧點。 Read More …

Categories筆記 Notes, 網頁開發 Web DevelopmentTagssassWalkthrough

[筆記] Sass 實戰全攻略 – 7 – Sass/CSS 設計模式 (OOCSS)

[筆記] Sass 實戰全攻略 – 7 – Sass/CSS 設計模式 (OOCSS)

Posted on2020-03-112020-03-05

Sass/CSS 的設計模式,對於使用者來說,你可以把它想做是一種歸納管理 CSS 的思維。除了前一篇文章提到的 Smacss 外,OOCSS 提出另外一種收納 Read More …

Categories筆記 Notes, 網頁開發 Web DevelopmentTags960gs, sassWalkthrough

[筆記] Sass 實戰全攻略 – 6 – Sass/CSS 設計模式 (Smacss)

[筆記] Sass 實戰全攻略 – 6 – Sass/CSS 設計模式 (Smacss)

Posted on2020-03-092020-03-05

Sass/CSS 的設計模式,對於使用者來說,你可以把它想做是一種歸納管理 CSS 的思維。隨著專案的開發架構越發龐大,修改一個小小樣式變成一個大工程,因為你必 Read More …

Categories筆記 Notes, 網頁開發 Web DevelopmentTagssassWalkthrough, scss 設計

[筆記] Sass 實戰全攻略 – 5 – mixin 解決響應式網頁的斷點問題

[筆記] Sass 實戰全攻略 – 5 – mixin 解決響應式網頁的斷點問題

Posted on2020-03-012020-02-24

Sass 的 mixin 可以幫助使用者在編寫 RWD 響應式網頁格式時,可以預先指定好自身常用的樣式表和斷點。這樣一來在實際運用上,可以增加可讀性,同時也避免 Read More …

Categories筆記 Notes, 網頁開發 Web DevelopmentTagssass rwd, sassWalkthrough, 嘉信開戶ptt

[筆記] Sass 實戰全攻略 – 4 – mixin 統整你常用的 CSS 方法

[筆記] Sass 實戰全攻略 – 4 – mixin 統整你常用的 CSS 方法

Posted on2020-02-282020-02-24

妥善運用變數和 mixin,這樣就可以方便管理你常用的 css 方法,在必要時候免去你上網 google 查詢的困擾。同時,你也可以藉此開始打包一套屬於自己的常 Read More …

Categories筆記 Notes, 網頁開發 Web DevelopmentTagssass mixin, sassWalkthrough, scss 教學

[筆記] Sass 實戰全攻略 – 3 – import 切分檔案和維護

[筆記] Sass 實戰全攻略 – 3 – import 切分檔案和維護

Posted on2020-02-252020-02-23

Sass 隨著專案大小的越發增加,是可以透過引入 import 這個動作,來做到結構化的維護管理的。換言之,你可以在一個作為索引的 index 的 scss 檔 Read More …

Categories筆記 Notes, 網頁開發 Web DevelopmentTagssassWalkthrough

Post navigation

← Older posts

Google 站內搜尋

GA4瀏覽人氣

  • 線上人數:6
  • 昨日人氣:329
  • 本月人氣:47,900
  • 上月人氣:19,353
  • 本年人氣:339,495
  • 累積人氣:2,051,283

GA4熱門文章




    Google 熱門關鍵字

    • 在國外接電話要錢嗎(1500/8118/3.9)
    • 國外接電話要錢嗎(815/2282/2.3)
    • 國際電話誰付錢(503/2359/2.5)
    • 人在國外接電話(489/1670/2.6)
    • traditional chinese ime is not ready yet(454/3492/10.5)
    • 國外接電話(439/2217/4.9)
    • 在國外接電話費用(424/2618/4.7)
    • ana pay 教學(406/2783/5.8)
    • traditional chinese ime is not ready yet解決方法(399/1576/4.3)
    • 在國外接電話(395/1449/3.8)
    • 國際電話 誰付費(340/1238/2.4)
    • 接國際電話(291/985/2.9)
    • 接國際電話要錢嗎(274/6583/6.0)
    • ana pay(256/7236/8.9)
    • t card開卡(246/636/2.0)
    • br71(217/21221/8.5)
    • 接聽國際電話(189/478/1.3)
    • 國外接電話 費用(188/982/5.3)
    • 維珍航空註冊教學(182/373/2.1)
    • ime已停用(178/12330/8.5)
    • 接國外電話要付錢嗎(171/4448/4.7)
    • ana pay申請教學(170/747/5.3)
    • ime is not ready yet解決方法(150/406/3.5)
    • 接國際電話要付費嗎(143/2819/5.5)
    • 國際電話 付費(137/353/2.5)
    • 國外 接電話(132/557/6.2)
    • 國際電話 誰付錢(127/407/2.5)
    • rimowa吊牌刻字(125/545/2.9)
    • traditional chinese ime is not ready yet 解決(118/326/3.7)
    • 國際電話誰付費(118/412/2.4)

    好站推薦

    優雅筆寄
    網站狂人
    嘿!部落!

    CC授權標示

    創用 CC 授權條款
    本著作係採用創用 CC 姓名標示-相同方式分享 4.0 國際 授權條款授權.

    Written-By-Human-Not-By-AI-Badge-white@2x.png

    分類

    Copyright © 2025 地瓜大的飛翔旅程. All Rights Reserved. 隱私權政策 | Catch Responsive by Catch Themes
    • 熱門文章目錄 Popular Posts
    • 懶人包 Dummies
      • 二日遊系列 Two-day Trip
      • 機場貴賓室 Airport lounge
      • 飛行體驗 Flight
      • 飛行過夜包 Amenity Kit
      • 英國留學 Study In UK
      • 獎勵機票兌換實戰 Redeem Flight Awards
      • 美國嘉信 CharlesSchwab
      • 美國匯豐 HSBC US
      • 美國德美利 TD Ameritrade
      • 英國匯豐 HSBC UK
      • 香港匯豐 HSBC HK
    • 工程師之路 Learning Programming
    • 關於作者 About
      • Impressum
      • Privacy Policy
    • 旅店 Hotel
    • 亞洲 Asia
      • 日本 Japan
      • 台灣 Taiwan
      • 泰國 Thailand
    • 歐洲 Europe
      • 德國 Deutschland
      • 法國 France
      • 匈牙利 Hungary
      • 冰島 Iceland
      • 捷克 Czech Republic
      • 義大利 Italy
      • 西班牙 Spain
      • 英國 United Kingdom
      • 歐洲其他國家 Other European Countries
    • 美洲 America
    • 指南 Guide
      • 語言學習 Language Learning
      • 科技 Technology
      • 投資 Investment
      • 證書 Certificate
    • 食記 Food
    • 雜學 Trivia
      • 日記 Diary
      • 電影 Movie
      • 點數 Points
      • 開箱 Unboxing
    • facebook
    • Instagram
    • 站長嚴選推薦
    • GOTOP
    Blogimove部落格搬家技術服務