Skip to main content

Command Palette

Search for a command to run...

#web-development

Articles tagged with #web-development

  1. #54 網頁渲染動畫的建議 & will-change 的使用時機

    ⚠️ 本篇文章已搬遷至 css.im1010ioio.dev,請至新站閱讀完整版。 在現代網頁設計中,動畫是提升使用者體驗的一大關鍵。然而,過度或不恰當的動畫設計不但會影響效能,還可能帶來不理想的使用體驗。因此,在設計網頁動畫時,我們必須謹慎考量各種因素。以下是幾個實用建議,幫助你打造順暢且高效能的網頁動畫。 1. 除了透明度(opacity)和切換(transform),不要改變任何屬性 動畫時最常使用的兩個屬性是 opacity 和 transform,這是因為它們不會觸發瀏覽器對其他元...

    Aug 13, 20251 min read8
    #54 網頁渲染動畫的建議 & will-change 的使用時機
  2. #02 關於各家瀏覽器,前端必備的小知識:支援度、市佔率、CSS 實驗語法 -webkit-, -moz-... PostCSS Autoprefixer | Super Easy CSS

    ⚠️ 本篇文章已搬遷至 css.im1010ioio.dev,請至新站閱讀完整版。 ↓ 今日學習重點 ↓ 理解關於瀏覽器支援度的重要性 理解各家瀏覽器的開發注意事項 理解瀏覽器的 CSS 實驗性語法是什麼 如何查詢 CSS 在各個瀏覽器的支援度? 不同的瀏覽器,如:Chrome、Safari、Edge、Firefox 等等,也是製作網頁需要考量的部分。因為就算是同樣的語法,不同的瀏覽器對它解讀的方式有可能會不一樣,或是不支援,最終導致破版。 因此,製作完網頁,可以的話,建議盡量...

    Sep 18, 20231 min read572
    #02  關於各家瀏覽器,前端必備的小知識:支援度、市佔率、CSS 實驗語法 -webkit-, -moz-... PostCSS  Autoprefixer | Super Easy CSS
  3. #01 網頁的基本名詞:UI/UX?切版&切圖?前端&後端?靜態&動態?RWD or Mobile First? | Super Easy CSS

    ⚠️ 本篇文章已搬遷至 css.im1010ioio.dev,請至新站閱讀完整版。 ↓ 今日學習重點 ↓ 理解網頁設計師、工程師常用的詞彙是什麼? 網頁的基本名詞 UI/UX? UI/UX 分別代表使用者介面設計(User Interface Design,簡稱 UI)和使用者體驗設計(User Experience Design,簡稱 UX)。它們是設計領域中與軟體、網站、應用程式等產品的使用者互動和使用體驗相關的兩個重要概念。

    Sep 17, 20231 min read1.0K
    #01  網頁的基本名詞:UI/UX?切版&切圖?前端&後端?靜態&動態?RWD or Mobile First? | Super Easy CSS