iT邦幫忙

切版相關文章
共有 72 則文章
0 Like 0 留言 836 瀏覽
鐵人賽 IT 管理 DAY 13
【前端工程師＆UI 的 30 天約會】戰勝猴子！：Figma 交付實戰篇 系列 第 13 篇

技術 [Day13-開發前期] 跟著 UI SPEC，切版不迷路🕵️

有系統的交付 UI 設計 在設計師們 UI 時，我們能夠隨時、直接的在 Figma 上看到，UI 的各種 width、padding 數值。雖然自動產生的方便歸...

TC ‧ 2024-09-25 ‧團隊擁有夢想的鐵人猴子隊
0 Like 0 留言 553 瀏覽
鐵人賽 Modern Web DAY 19
切版與CSS：打造工具箱與切版施工流程！ 系列 第 19 篇

技術 Day19 跑版＆切好寫好

什麼是跑版？跑版，簡單來說，畫面不是你預期，東西待在它不該待的地方，畫面不忍直視，有興趣可自行查詢關鍵字。事情是這樣得，隨著每次Code Review做調整後，...

Jessie ‧ 2023-10-04 ‧團隊好想工作室 v7.0
0 Like 0 留言 475 瀏覽
鐵人賽 Modern Web DAY 18
切版與CSS：打造工具箱與切版施工流程！ 系列 第 18 篇

技術 Day18 切切切，如何解構元件(Component)？

我們要來談談切分元件了，我學習切分元件的概念，是到用SASS才出現Component這個詞，但其實在簡單切版的時候就會有初步概念了。記得那時候，跑去問問題，學姊...

Jessie ‧ 2023-10-03 ‧團隊好想工作室 v7.0
0 Like 0 留言 643 瀏覽
鐵人賽 Modern Web DAY 3
切版與CSS：打造工具箱與切版施工流程！ 系列 第 3 篇

技術 Day03 學習看文件Ｗ3C，武林秘笈之文件意識

看不懂啊 起初，跑去問問題，得到一則Ｗ3C官方規範網址，我試圖集中注意力，想要看透它，每個單字都懂意思，合在一起就看不懂了。是天書無誤，心想，規範有夠難看懂，...

Jessie ‧ 2023-09-18 ‧團隊好想工作室 v7.0
0 Like 1 留言 455 瀏覽
鐵人賽 Modern Web DAY 2
切版與CSS：打造工具箱與切版施工流程！ 系列 第 2 篇

技術 Day02 腦容量爆炸！打造你的切版工具箱

初入CSS，會被他豐富的屬性嚇到以為要玩記憶力大考驗，我曾經就把MDN的側欄屬性給他一個個看過(佩服自己的刻苦耐勞)，後來隔天就忘了。經過幾番無功、探索與混亂...

Jessie ‧ 2023-09-17 ‧團隊好想工作室 v7.0
0 Like 1 留言 821 瀏覽
鐵人賽 Modern Web DAY 1
切版與CSS：打造工具箱與切版施工流程！ 系列 第 1 篇

技術 Day01 系列介紹 切版與CSS：打造工具箱與切版施工流程

切版與CSS：打造工具箱與切版施工流程！ 轉往前端的第一大關便是切版，這工藝主要由HTML5、CSS3作為底層技術，搭配切版心法，並在各家瀏覽器上呈現畫面，切版...

Jessie ‧ 2023-09-16 ‧團隊好想工作室 v7.0
0 Like 0 留言 897 瀏覽

技術 六角學院程式體驗營錯題筆記-切版

其實體驗營已經結束一陣子了 最近才有空回來補齊每日作業，這邊寫的感覺都算是很基礎的東西，就給像我一樣的純新手看看，有興趣想報名六角的體驗營可以參考(對新手來說...

willy718066 ‧ 2023-08-08
0 Like 0 留言 1403 瀏覽
鐵人賽 Modern Web DAY 28
從零開始學 - Side Project專題開發及切版實作技巧 系列 第 28 篇

技術 Day 28 - 專案開發技巧篇(六) : 推薦實用套件

專案開發技巧篇(六) : 推薦實用套件 每日一談 嗨，大家好 ! 我是阿蘇今天是Day28 ，今天分享的是實用套件分享，我們可以在網路找到很多好用的套件，有很...

阿蘇蘇 ‧ 2022-10-13 ‧團隊死線衝鋒 Deadline Squad
0 Like 0 留言 1262 瀏覽
鐵人賽 Modern Web DAY 27
從零開始學 - Side Project專題開發及切版實作技巧 系列 第 27 篇

技術 Day 27 - 專案開發技巧篇(五) : Bootstrap 元件客製化

專案開發技巧篇(五) : Bootstrap 元件客製化 每日一談 嗨，大家好 ! 我是阿蘇今天是Day27 ，今天分享的是 Bootstrap 元件客製化教...

阿蘇蘇 ‧ 2022-10-12 ‧團隊死線衝鋒 Deadline Squad
0 Like 0 留言 1161 瀏覽
鐵人賽 Modern Web DAY 26
從零開始學 - Side Project專題開發及切版實作技巧 系列 第 26 篇

技術 Day 26 - 專案開發技巧篇(四) : Bootstrap 元件

專案開發技巧篇(四) : Bootstrap 元件 每日一談 嗨，大家好 ! 我是阿蘇今天是Day26 ， 剩下最後倒數幾天，快要完結篇啦 !!今天分享的是...

阿蘇蘇 ‧ 2022-10-11 ‧團隊死線衝鋒 Deadline Squad
0 Like 0 留言 1045 瀏覽
鐵人賽 Modern Web DAY 25
從零開始學 - Side Project專題開發及切版實作技巧 系列 第 25 篇

技術 Day 25- 專案開發技巧篇(三) : Variable、Utilities

專案開發技巧篇(三) : Variable、Utilities 每日一談 嗨，大家好 ! 我是阿蘇今天是Day25 ，在這篇會詳細說明 Variable、Ut...

阿蘇蘇 ‧ 2022-10-10 ‧團隊死線衝鋒 Deadline Squad
0 Like 0 留言 945 瀏覽
鐵人賽 Modern Web DAY 24
從零開始學 - Side Project專題開發及切版實作技巧 系列 第 24 篇

技術 Day 24 - 專案開發技巧篇(二) : Bootstrap 開發響應式網頁

專案開發技巧篇(二) : Bootstrap 開發響應式網頁 每日一談 嗨，大家好 ! 我是阿蘇今天是Day24 ，今天分享的是 以 Boostrap 為核...

阿蘇蘇 ‧ 2022-10-09 ‧團隊死線衝鋒 Deadline Squad
0 Like 0 留言 1338 瀏覽
鐵人賽 Modern Web DAY 22
從零開始學 - Side Project專題開發及切版實作技巧 系列 第 22 篇

技術 Day 22- 開發環境架設(三) : Bootstrap 自訂基礎樣式

開發環境架設(三) : Bootstrap 自訂基礎樣式 每日一談 嗨，大家好 ! 我是阿蘇今天是day22 ，今天分享開發環境架設 第三篇，我們來教大家如何...

阿蘇蘇 ‧ 2022-10-07 ‧團隊死線衝鋒 Deadline Squad
0 Like 0 留言 1343 瀏覽
鐵人賽 Modern Web DAY 21
從零開始學 - Side Project專題開發及切版實作技巧 系列 第 21 篇

技術 Day 21 - 開發環境架設(二) : ejs版型管理、layout

開發環境架設(二) : ejs版型管理、layout 每日一談 嗨，大家好 ! 我是阿蘇今天是Day21 ，今天分享開發環境架設 第二篇，我們來分享架設時使用...

阿蘇蘇 ‧ 2022-10-06 ‧團隊死線衝鋒 Deadline Squad
0 Like 0 留言 1002 瀏覽
鐵人賽 Modern Web DAY 29
【每天5分鐘】學前端 系列 第 29 篇

技術 Day29【每天5分鐘】學前端 | 切版實作 CSS 篇

昨天架構完 HTML （附上連結 切版實作 HTML 篇），今天要加上 CSS 樣式做排版～ 會補充說明 偽類別 ，以及 CSS 變數 的使用方法。 首先建立一...

Olivia ‧ 2022-09-30
0 Like 0 留言 1369 瀏覽
鐵人賽 Modern Web DAY 20
從零開始學 - Side Project專題開發及切版實作技巧 系列 第 20 篇

技術 Day 20 - 開發環境架設(一) : Bootstrap 核心、SCSS架構

開發環境架設(一) : Bootstrap 核心、SCSS架構 每日一談 嗨，大家好 ! 我是阿蘇到了第20天啦 ，剩下的天數都會來分享關於正式開發 Side...

阿蘇蘇 ‧ 2022-10-05 ‧團隊死線衝鋒 Deadline Squad
0 Like 0 留言 1302 瀏覽
鐵人賽 Modern Web DAY 28
【每天5分鐘】學前端 系列 第 28 篇

技術 Day28【每天5分鐘】學前端 | 切版實作 HTML 篇

鐵人賽將近尾聲了～時間在不知不覺間也過得很快。 我們來切一個簡單的網頁吧！ Wireframe 配置 方框中間有叉叉 ： 表示 圖片 方框 ： 表示...

Olivia ‧ 2022-09-29
0 Like 0 留言 916 瀏覽
鐵人賽 Modern Web DAY 18
從零開始學 - Side Project專題開發及切版實作技巧 系列 第 18 篇

技術 Day 18 - 開發小知識(二) : 切版學習之路、實作精進切版

Day 18 - 開發小知識(二) : 切版學習之路、實作精進切版 每日一談 嗨，大家好 ! 我是阿蘇今天是 Day17 ， 前面的切版實作技巧分享差不多了，...

阿蘇蘇 ‧ 2022-10-03 ‧團隊死線衝鋒 Deadline Squad
0 Like 0 留言 1335 瀏覽
鐵人賽 Modern Web DAY 15
從零開始學 - Side Project專題開發及切版實作技巧 系列 第 15 篇

技術 Day 15 - 切版進階技巧(一) : CSS進階、CSS動畫、偽元素

Day 15 - 切版進階技巧(一) : CSS進階、CSS動畫、偽元素 每日一談 嗨，大家好 ! 我是阿蘇今天是Day15 ， 不知不覺寫到了15天，不曉得...

阿蘇蘇 ‧ 2022-09-30 ‧團隊死線衝鋒 Deadline Squad
1 Like 0 留言 953 瀏覽
鐵人賽 Modern Web DAY 14
從零開始學 - Side Project專題開發及切版實作技巧 系列 第 14 篇

技術 Day14 - 切版排版技巧(二) : Width、格線系統(Bs)

Day 14 - 切版排版技巧(二) : Width、格線系統(Bs) 每日一談 嗨，大家好 ! 我是阿蘇今天是Day14， 今天繼續談切版排版技巧，除了fl...

阿蘇蘇 ‧ 2022-09-29 ‧團隊死線衝鋒 Deadline Squad
0 Like 0 留言 1269 瀏覽
鐵人賽 Modern Web DAY 13
從零開始學 - Side Project專題開發及切版實作技巧 系列 第 13 篇

技術 Day 13 - 切版排版技巧(一) : Flex排版、Box模型

Day 13 - 切版排版技巧(一) : Flex排版、Box模型 每日一談 嗨，大家好 ! 我是阿蘇今天是Day13 ，我們前面分享了HTML / CSS...

阿蘇蘇 ‧ 2022-09-28 ‧團隊死線衝鋒 Deadline Squad
0 Like 0 留言 2120 瀏覽
鐵人賽 Modern Web DAY 12
從零開始學 - Side Project專題開發及切版實作技巧 系列 第 12 篇

技術 Day 12 - 切版基礎打底(二) : 必學CSS運用

Day 12 - 切版基礎打底(二) : 必學CSS運用 每日一談 嗨，大家好 ! 我是阿蘇今天是Day12，我們一樣繼續談談CSS的實作運用，有哪些是必學、...

阿蘇蘇 ‧ 2022-09-27 ‧團隊死線衝鋒 Deadline Squad
2 Like 1 留言 1358 瀏覽
鐵人賽 Modern Web DAY 30
30天以設計＋切版實作（Adobe XD、Bootstrap 5） 系列 第 30 篇

技術 【設計+切版30天實作】｜Day30 - 最後一天了嗚嗚嗚的30天參賽心得

感人時刻 今天是鐵人賽30天的最後一天了，有種「嗯？30天了喔？」的奇妙感覺！畢竟已經習慣每天上來發文，也習慣隊友們每天互相提(恐)醒(嚇)發文!!! 突然有點...

烙詩 ‧ 2021-10-14 ‧團隊卍乂卍火箭隊卍乂卍aka生命魔法研究社
1 Like 0 留言 1211 瀏覽
鐵人賽 Modern Web DAY 29
30天以設計＋切版實作（Adobe XD、Bootstrap 5） 系列 第 29 篇

技術 【設計+切版30天實作】｜Day29 - Footer區塊 - 切出最後一步，看似不起眼但必須存在的footer

前面完成了「CTA」區塊，今天來完成「Footer」的區塊。 數據收集 Footer的樣式 Background-color：$Secondary...

烙詩 ‧ 2021-10-13 ‧團隊卍乂卍火箭隊卍乂卍aka生命魔法研究社
2 Like 1 留言 890 瀏覽
鐵人賽 Modern Web DAY 28
30天以設計＋切版實作（Adobe XD、Bootstrap 5） 系列 第 28 篇

技術 【設計+切版30天實作】｜Day28 - CTA區塊 - 超快速切出簡約CTA，讓使用者註冊起來！！

前面完成了「Plans」區塊，今天來完成「CTA」的區塊。 數據收集 CTA的樣式 Background-color：$Primary Pad...

烙詩 ‧ 2021-10-12 ‧團隊卍乂卍火箭隊卍乂卍aka生命魔法研究社
1 Like 0 留言 1052 瀏覽
鐵人賽 Modern Web DAY 27
30天以設計＋切版實作（Adobe XD、Bootstrap 5） 系列 第 27 篇

技術 【設計+切版30天實作】｜Day27 - Plans區塊 - 怎麼做出背景陰影？原來陰影還可以調數據！

前面完成了「Reviews」區塊，今天來完成「Plans」的區塊。 數據收集 標題的樣式 Font-weight：Bold Font-size：3...

烙詩 ‧ 2021-10-11 ‧團隊卍乂卍火箭隊卍乂卍aka生命魔法研究社
2 Like 0 留言 1255 瀏覽
鐵人賽 Modern Web DAY 26
30天以設計＋切版實作（Adobe XD、Bootstrap 5） 系列 第 26 篇

技術 【設計+切版30天實作】｜Day26 - Reviews區塊 - 卡片可以因應不同用途而千變萬化

前面完成了「Carousel」區塊，今天來完成「Reviews」的區塊。 數據收集 card 標題的樣式 Font-weight：Regular F...

烙詩 ‧ 2021-10-10 ‧團隊卍乂卍火箭隊卍乂卍aka生命魔法研究社
1 Like 0 留言 3623 瀏覽
鐵人賽 Modern Web DAY 25
30天以設計＋切版實作（Adobe XD、Bootstrap 5） 系列 第 25 篇

技術 【設計+切版30天實作】｜Day25 - Carousel區塊 - 把Carousel Caption和Indicators改成心目中理想的模樣

前面完成了「Steps」區塊，今天來完成「Carousel」的區塊。 數據收集 margin-top : 96px Carousel底下Backg...

烙詩 ‧ 2021-10-09 ‧團隊卍乂卍火箭隊卍乂卍aka生命魔法研究社
1 Like 0 留言 1035 瀏覽
鐵人賽 Modern Web DAY 24
30天以設計＋切版實作（Adobe XD、Bootstrap 5） 系列 第 24 篇

技術 【設計+切版30天實作】｜Day24 - Steps區塊 - 如何做出漸層背景？

前面完成了「Pros」區塊，今天來完成「Steps」的區塊。 數據收集 標題的樣式 Font-weight：Medium Font-size：24p...

烙詩 ‧ 2021-10-08 ‧團隊卍乂卍火箭隊卍乂卍aka生命魔法研究社
1 Like 0 留言 857 瀏覽
鐵人賽 Modern Web DAY 23
30天以設計＋切版實作（Adobe XD、Bootstrap 5） 系列 第 23 篇

技術 【設計+切版30天實作】｜Day23 - Pros區塊 - 看似無邊框的三欄式卡片，到底要對準哪條欄位？

前面完成了小廣告區塊，今天來完成「平台好處 - pros」的區塊。 數據收集 card標題的樣式 Font-weight：Bold Font-siz...

烙詩 ‧ 2021-10-07 ‧團隊卍乂卍火箭隊卍乂卍aka生命魔法研究社
iThome鐵人賽
參賽組數
1064 組
團體組數
40 組
累計文章數
22195 篇
完賽人數
600 人
iT+看影片追技術 看影片追技術 看更多
熱門tag 看更多
15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽 鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 windows php c# windows server linux css react vue.js
熱門問題
熱門回答
熱門文章
IT邦幫忙