2024 iThome 鐵人賽

2024 iThome 鐵人賽

Share More Gain More

Modern Web

最新文章熱門文章

選手 90 文章 2138

Day 5

2024-09-16

172

0

GitHub Pages實作筆記系列

DAY5 目錄-2

昨天完成了點擊互動的目錄，不過選單直接出現有些突兀，所以今天給選單加上一個滑入動畫。 #click-menu:checked ~ * .list { ani...

Day 27

2024-10-08

172

0

GitHub Pages實作筆記系列

DAY27 CSS預處理器

前幾天提到一些關於網頁優化的內容，這幾天回到CSS上，CSS預處理器是什麼？CSS預處理器就是一種可以讓開發者用另一種語法規則來寫CSS，再編譯成CSS檔案讓瀏...

Day 14

2024-09-25

169

0

GitHub Pages實作筆記系列

DAY14 文字右移效果

昨天前往介紹頁的標語加上跳動效果了，不過現在在使用者看來它還只是一條標語，今天加上一些互動效果。我想做出下圖這種效果，當游標停在按鈕上讓右邊的標語可以被推一下。...

Day 7

2024-09-19

169

0

簡單的事最困難-Angular動態Form元件系列

第7天下拉選單元件

前天確認了設定檔的格式，是時候來補上一些其他的基本格式了，之前我們只有加入輸入框的部分，現在來加入一些比較特殊但也相當常用的元件首先就是相當常使用到的下拉選單...

團隊擁有夢想的鐵人猴子隊

Day 11

2024-09-23

168

0

簡單的事最困難-Angular動態Form元件系列

第11天要改的東西太多了不如就繼承吧

昨天調整了base-text今天來調整其他的調整著調整著覺得重複的程式碼太多了吧有沒有辦法將重複的部分共用呢這邊我們考慮使用extends用一個基本的模板把大多...

團隊擁有夢想的鐵人猴子隊

Day 7

2024-09-21

168

0

一個人的朝聖：重啟對 CSS 的認識系列

Color

概念可以用很多種形式來設定顏色 1. Numeric （數值） Hex 以 16 進位表示 RGB 三原色，共六位數 h1 { color: #b7154...

熱門文章

熱門系列

鐵人選手

工商時間