iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

0 Like 0 留言 494 瀏覽

鐵人賽自我挑戰組 DAY 10

CSS甜點烘焙店系列第 10 篇

技術【焦糖布丁】這不是兔子耳朵啦~流動糖漿的眉眉角角

您好，歡迎光臨CSS甜點烘焙店今天上架的是焦糖布丁焦糖布丁分成以下幾個架構，頂層光暈、中層糖漿、布丁、下層糖漿，以及盤子Html結構如下： .pudding...

Isha Wang ‧ 2022-09-25

0 Like 0 留言 557 瀏覽

鐵人賽自我挑戰組 DAY 9

CSS甜點烘焙店系列第 9 篇

技術【馬卡龍】什麼！3層架構就做出馬卡龍，還有flex排的簡單九宮格喔

您好，歡迎光臨CSS甜點烘焙店今天上架的是馬卡龍馬卡龍主要分成3個部份，上層外殼、下層外殼，以及中層夾餡Html結構如下： .macaron .to...

Isha Wang ‧ 2022-09-24

1 Like 0 留言 747 瀏覽

鐵人賽自我挑戰組 DAY 8

CSS甜點烘焙店系列第 8 篇

技術【芒果瑞士捲】製作透視好物！perspective + rotate真的很好用耶

您好，歡迎光臨CSS甜點烘焙店今天上架的是芒果瑞士捲瑞士捲主要分成3個部份，蛋糕體、蛋糕表皮，以及芒果鮮奶油內餡Html結構如下： .rollCake ....

Isha Wang ‧ 2022-09-23

0 Like 0 留言 799 瀏覽

鐵人賽自我挑戰組 DAY 7

CSS甜點烘焙店系列第 7 篇

技術【蜂蜜奶油鬆餅】猜猜看奶油的3面透視如何做的？

您好，歡迎光臨CSS甜點烘焙店今天上架的是蜂蜜奶油鬆餅蛋糕主要分成4個部份，上層奶油、蛋糕體、蜂蜜，以及盤子Html結構如下： .pancake .but...

Isha Wang ‧ 2022-09-22

1 Like 0 留言 614 瀏覽

鐵人賽自我挑戰組 DAY 6

CSS甜點烘焙店系列第 6 篇

技術【千層年輪蛋糕】哇嗚，原來box-shadow還可以這樣用~

您好，歡迎光臨CSS甜點烘焙店今天上架的是千層年輪蛋糕蛋糕主要分成3個部份，上層年輪、中間空洞，以及蛋糕表皮Html結構如下： .baumkuchen ....

Isha Wang ‧ 2022-09-21

1 Like 1 留言 503 瀏覽

鐵人賽自我挑戰組 DAY 5

CSS甜點烘焙店系列第 5 篇

技術【草莓奶油小蛋糕】不得不說box-shadow真的好用無極限

您好，歡迎光臨CSS甜點烘焙店今天上架的是草莓奶油小蛋糕蛋糕主要分成3個部份，上層草莓、中層蛋糕體，以及下層餅乾Html結構如下： .strawberryC...

Isha Wang ‧ 2022-09-20

0 Like 0 留言 559 瀏覽

鐵人賽自我挑戰組 DAY 4

CSS甜點烘焙店系列第 4 篇

技術【銅鑼燒】多啦A夢最愛的甜點，只用了3層架構就做完

您好，歡迎光臨CSS甜點烘焙店今天上架的是銅鑼燒銅鑼燒主要分成3個部份，上層麵皮、中層紅豆餡、下層麵皮，看似這麼多層的層次，其實只要2層架構就可以完成喔～不...

Isha Wang ‧ 2022-09-19

0 Like 1 留言 855 瀏覽

鐵人賽自我挑戰組 DAY 3

CSS甜點烘焙店系列第 3 篇

技術【貝果】這是...?!好啦~這次最滿意的應該是芝麻的部份惹

您好，歡迎光臨CSS甜點烘焙店今天上架的是貝果主要分成2部份，麵包體和上方的黑白芝麻Html架構如下： .bagel .black-sesame .wh...

Isha Wang ‧ 2022-09-18

0 Like 0 留言 622 瀏覽

鐵人賽自我挑戰組 DAY 2

CSS甜點烘焙店系列第 2 篇

技術【巧克力切片蛋糕】簡單好用的clip-path，直接畫出你想要的形狀

您好，歡迎光臨CSS甜點烘焙店今天上架的是巧克力切片蛋糕蛋糕主要分成3個部份，上層巧克力、下層蛋糕體，以及巧克力上方的奶油Html結構如下： .chocol...

Isha Wang ‧ 2022-09-17

1 Like 0 留言 881 瀏覽

鐵人賽自我挑戰組 DAY 1

CSS甜點烘焙店系列第 1 篇

技術 CSS甜點烘焙店-30天內容介紹

Hi，大家好我是Isha 這次藉由iT鐵人賽，想開一間甜點烘焙店，讓CSS不只是程式碼，而是可以帶著你發揮創意、實現夢想的藍圖。 30天的內容大致分為以下幾個...

Isha Wang ‧ 2022-09-16

0 Like 0 留言 689 瀏覽

技術 Sass

主要管理CSS sass寫在.sass檔案中，但透過"編譯"的方式轉成.css檔案=>在html上還是用.css的檔名格式: Sas...

Karlo ‧ 2022-06-13

1 Like 0 留言 1870 瀏覽

鐵人賽自我挑戰組 DAY 30

30 天轉生到 bootstrap 5 的意識界系列第 30 篇

技術第 30 集：Bootstrap 客製化秘技

用 meme 圖講述這一趟 30 天轉生到 Bootstrap 5 的意識界的心境。

Kent ‧ 2021-10-15

0 Like 0 留言 2099 瀏覽

鐵人賽自我挑戰組 DAY 29

30 天轉生到 bootstrap 5 的意識界系列第 29 篇

技術第 29 集：Bootstrap 客製化 component 元件樣式

此篇延續上一篇元件樣式修改，此篇著重在元件的動態效果樣式。 option 參數撰寫動態效果起手式。 $enable-reduced-motion:...

Kent ‧ 2021-10-14

0 Like 0 留言 3009 瀏覽

鐵人賽自我挑戰組 DAY 28

30 天轉生到 bootstrap 5 的意識界系列第 28 篇

技術第 28 集：Bootstrap 客製化 component 元件樣式

此篇會介紹如何修改 Bootstrap 元件樣式。事前準備須先了解變數設置、通用類別設置，再繼續閱讀會更好消化呦。 _variable.scss...

Kent ‧ 2021-10-13

0 Like 0 留言 1098 瀏覽

鐵人賽自我挑戰組 DAY 23

30 天轉生到 bootstrap 5 的意識界系列第 23 篇

技術第 23 集：Bootstrap 客製化 Grid 格線系統

此篇會教學如何將 Bootstrap grid 格線系統，自幹一個出來。事前準備 Gird System 格線系統基礎觀念 RWD 響應式基礎觀念...

Kent ‧ 2021-10-08

0 Like 0 留言 1902 瀏覽

鐵人賽自我挑戰組 DAY 22

30 天轉生到 bootstrap 5 的意識界系列第 22 篇

技術第 22 集：Bootstrap 客製化 utilities（下）

此篇延續 Bootstrap 客製化 Sass utilities（上）最後尚未介紹的 generate-utility，解析 generate-utilit...

Kent ‧ 2021-10-07

0 Like 0 留言 1840 瀏覽

鐵人賽自我挑戰組 DAY 20

30 天轉生到 bootstrap 5 的意識界系列第 20 篇

技術第 20 集：Bootstrap 客製化 Sass variable

此篇分享著重在介紹 _variable.scss 變數介紹，以及如何客製化修改。事前須看完Bootstrap 客製化 Sass 必備知識有介紹許多今天...

Kent ‧ 2021-10-05

0 Like 0 留言 1527 瀏覽

鐵人賽自我挑戰組 DAY 19

30 天轉生到 bootstrap 5 的意識界系列第 19 篇

技術第 19 集：Bootstrap 客製化 Sass 必備知識（下）

此篇接續客製化 sass 基礎語法以及觀念下集，尚未觀看上集可以先看完再來看下集。 Operators 運算介紹 sass 原生的運算功能，以往 c...

Kent ‧ 2021-10-04

1 Like 0 留言 1721 瀏覽

鐵人賽自我挑戰組 DAY 18

30 天轉生到 bootstrap 5 的意識界系列第 18 篇

技術第 18 集：Bootstrap 客製化 Sass 必備知識（上）

此篇會著重在客製化修改會用到的 sass 基礎語法以及觀念分為上下兩集。編譯 scss 註解有分為會被編譯、不會被編譯兩種。寫法：// // 不...

Kent ‧ 2021-10-03

0 Like 1 留言 2336 瀏覽

鐵人賽自我挑戰組 DAY 17

30 天轉生到 bootstrap 5 的意識界系列第 17 篇

技術第 17 集：Bootstrap 客製化 Sass 官網資源

此篇會用好理解（好笑）的方式導覽官網、原始碼如何閱讀，詳細介紹會放在往後的文章。官網英文官網中文官網 (六角學院翻譯) 中文官網，不一定...

Kent ‧ 2021-10-02

0 Like 0 留言 3166 瀏覽

鐵人賽自我挑戰組 DAY 14

30 天轉生到 bootstrap 5 的意識界系列第 14 篇

技術第 14 集：Bootstrap 客製化 Sass 原始碼架構 import 路徑

此篇會介紹 Bootstrap 客製化 sass 原始碼架構，著重在如何使用原始碼來客製化自己的 Bootstrap 環境。 Sass 架構官網推薦的客...

Kent ‧ 2021-09-29

0 Like 0 留言 5960 瀏覽

鐵人賽自我挑戰組 DAY 12

30 天轉生到 bootstrap 5 的意識界系列第 12 篇

技術第 12 集：Sass 編譯環境

> 此篇會介紹三種免費的 sass 編譯方法 Live Sass Compiler 這是一款免費 VSCode 插件，會自動將所有 sass、scss...

Kent ‧ 2021-09-27

0 Like 0 留言 1069 瀏覽

鐵人賽 Modern Web DAY 7

使用SASS(SCSS)建立自己的CSS Library 系列第 7 篇

技術 [Day 07] Sass - Project Structure

Project Structure 這篇文章我們來建立我們Sass專案的架構~ 一般Sass專案內都會有一個主要的.scss檔案，其用來負責將所有有用到的.sc...

zhix6842 ‧ 2021-09-20

0 Like 0 留言 733 瀏覽

鐵人賽 Modern Web DAY 6

使用SASS(SCSS)建立自己的CSS Library 系列第 6 篇

技術 [Day 06] Sass - Partials

這篇文章會講解如何將Sass分成多個檔案模組化管理，並於編譯時只會編譯到同一個css檔案內首先，我們在專案的sass資料夾內先建立一個variables.sc...

zhix6842 ‧ 2021-09-19

0 Like 0 留言 918 瀏覽

鐵人賽 Modern Web DAY 5

使用SASS(SCSS)建立自己的CSS Library 系列第 5 篇

技術 [Day 05] Sass - Variables

Variables 在Sass中，開發者可以使用變數，例如可以將常用的顏色、寬度設定成變數，這樣未來如果顏色或寬度要改變時，只需要改掉變數的值，而不用像一般CS...

zhix6842 ‧ 2021-09-18

0 Like 0 留言 1746 瀏覽

鐵人賽 Modern Web DAY 4

使用SASS(SCSS)建立自己的CSS Library 系列第 4 篇

技術 [Day 04] Sass - 簡介

這篇文章簡單介紹一下Sass~ Sass 是什麼 ? Sass是一種CSS預處理器語言(CSS preprocessor)，可以讓開發者使用像是變數、函式、嵌套...

zhix6842 ‧ 2021-09-17

0 Like 0 留言 1069 瀏覽

鐵人賽 Modern Web DAY 3

使用SASS(SCSS)建立自己的CSS Library 系列第 3 篇

技術 [Day 03] 環境建置(二) - gulp、compiling SASS

今天要來安裝這次會用到的所有工具套件，並能順利將SASS編譯成CSS~ VS Code 套件我們這次需要使用到Live Server，可以到VS Code的延...

zhix6842 ‧ 2021-09-16

1 Like 1 留言 1843 瀏覽

鐵人賽自我挑戰組 DAY 1

30 天轉生到 bootstrap 5 的意識界系列第 1 篇

技術第 1 集：轉生到 Bootstrap 5 世界

30天轉生到 bootstrap 5 的意識界類型前端切版 / Sass / Bootstrap 5 這是一部講述 Bootstrap 5 世界的故事，...

Kent ‧ 2021-09-16

0 Like 0 留言 13906 瀏覽

徵才【鼎新電腦】Angular/ Java 研發工程師(台中) 招募中！

【平臺研發中心】Angular/Java 研發工程師(台中) ｜職務說明｜1、與團隊合作，開發Web端開發平台，提供全公司SaaS產品使用2、參與前後端技術方案...

digiwin ‧ 2021-06-10

0 Like 0 留言 1522 瀏覽

鐵人賽 Software Development DAY 28

Mendix從入門到了解，工程師和業務都要知道低代碼平台是什麼系列第 28 篇

技術誰說低代碼平台上就不能寫自己的CSS

都已經千辛萬苦的學會CSS了，不用用這個技能不是就太浪費了嗎? 對，本篇文就是要來看看怎麼在低代碼平台上用CSS。工具好用的IDE (我用Visual S...

Mel ‧ 2020-10-12

技術 【焦糖布丁】這不是兔子耳朵啦~流動糖漿的眉眉角角

技術 【馬卡龍】什麼！3層架構就做出馬卡龍，還有flex排的簡單九宮格喔

技術 【芒果瑞士捲】製作透視好物！perspective + rotate真的很好用耶

技術 【蜂蜜奶油鬆餅】猜猜看奶油的3面透視如何做的？

技術 【千層年輪蛋糕】哇嗚，原來box-shadow還可以這樣用~

技術 【草莓奶油小蛋糕】不得不說box-shadow真的好用無極限

技術 【銅鑼燒】多啦A夢最愛的甜點，只用了3層架構就做完

技術 【貝果】這是...?!好啦~這次最滿意的應該是芝麻的部份惹

技術 【巧克力切片蛋糕】簡單好用的clip-path，直接畫出你想要的形狀

技術 CSS甜點烘焙店-30天內容介紹

技術 Sass

技術 第 30 集：Bootstrap 客製化秘技

技術 第 29 集：Bootstrap 客製化 component 元件樣式

技術 第 28 集：Bootstrap 客製化 component 元件樣式

技術 第 23 集：Bootstrap 客製化 Grid 格線系統

技術 第 22 集：Bootstrap 客製化 utilities（下）

技術 第 20 集：Bootstrap 客製化 Sass variable

技術 第 19 集：Bootstrap 客製化 Sass 必備知識（下）

技術 第 18 集：Bootstrap 客製化 Sass 必備知識（上）

技術 第 17 集：Bootstrap 客製化 Sass 官網資源

技術 第 14 集：Bootstrap 客製化 Sass 原始碼架構 import 路徑

技術 第 12 集：Sass 編譯環境