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

0 Like 0 留言 866 瀏覽

鐵人賽自我挑戰組 DAY 16

一趟30天網頁設計的學習冒險＃explain like i‘m five 系列第 16 篇

技術 Day 16 CSS表格樣式設計

前言挑戰最初的幾天，有說明關於列表跟表格在HTML的架構使用，那針對上述的樣式設計部分，就是今天的重點啦在學習過程中，一直不斷發現到這個跟以前做報告在編輯文...

candy82202 ‧ 2022-10-01

0 Like 0 留言 2395 瀏覽

鐵人賽 Modern Web DAY 16

從零開始手刻網站，30 天打造我的前端武器庫系列第 16 篇

技術 Day 16：Tooltip 組件實作

組件實作 : Demo 一、前言 Tooltip 是文字提示的組件，感覺上它很容易被忽略，其實這一個功能在網頁上也很常找到它的芳蹤，其實作的原理，也不會太...

東尼先生 ‧ 2022-09-30

0 Like 0 留言 1559 瀏覽

鐵人賽自我挑戰組 DAY 16

手刻武器庫，30 天前端學習心得系列第 16 篇

技術 Day 16：Gulp 學習筆記

一、前言 Gulp 是工作流程自動化的工具，可以幫我們處理一些需要重複執行的指令，像這類繁瑣的工作，可以交給 Gulp 來處理，在初學 Gulp 時，可以直接...

東尼先生 ‧ 2022-09-30

0 Like 1 留言 598 瀏覽

鐵人賽自我挑戰組 DAY 24

在30天利用HTML & CSS & JavaScript完成Side Project實作系列第 24 篇

技術 Day 24 Side Project : Live User Filter 動態篩選器

今天要做的是動態篩選器畫面和功能拆解沒有輸入的情況下，可以看到所有的人名每輸入一個字母，便動態篩選搜尋結果（類似 google 搜尋 bar）...

hannnahTW ‧ 2022-09-30

0 Like 0 留言 2460 瀏覽

鐵人賽自我挑戰組 DAY 15

一趟30天網頁設計的學習冒險＃explain like i‘m five 系列第 15 篇

技術 Day 15 Position 定位

前言家裡每個物品都有自己的定位，所以前面講了這麼多設計框架背景等等的，接下來家具等等的要放在哪就很重要了，總不可能鍋子放房間或是枕頭棉被放廚房吧（當然這樣放真...

candy82202 ‧ 2022-09-30

0 Like 0 留言 1300 瀏覽

鐵人賽 Modern Web DAY 28

【每天5分鐘】學前端系列第 28 篇

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

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

Olivia ‧ 2022-09-29

0 Like 0 留言 1042 瀏覽

鐵人賽自我挑戰組 DAY 15

手刻武器庫，30 天前端學習心得系列第 15 篇

技術 Day 15：偽元素與偽類

組件實作 : Demo 一、前言在寫某些專案或者是練習，時不時會看到::before、::after這類元素的用法，在第一次接觸時，總是會感到困惑，不清...

東尼先生 ‧ 2022-09-29

0 Like 0 留言 988 瀏覽

鐵人賽 Modern Web DAY 19

從零開始學 - Side Project專題開發及切版實作技巧系列第 19 篇

技術 Day 19 - 正式開發 Side project

Day 19 - 正式開發 Side project 每日一談嗨，大家好 ! 我是阿蘇今天是 Day19 ，前面有分享很多開發前的切版知識、開發專題前的準...

阿蘇蘇 ‧ 2022-10-04 ‧團隊死線衝鋒 Deadline Squad

0 Like 0 留言 1823 瀏覽

鐵人賽 Modern Web DAY 15

從零開始手刻網站，30 天打造我的前端武器庫系列第 15 篇

技術 Day 15：Animation 組件實作

組件實作 : Demo 一、前言 Animation 動畫是網頁中不可或缺的重要元素，它能夠為網頁帶來生命力，讓整個網頁「活了起來」，在本篇中介紹幾個語法...

東尼先生 ‧ 2022-09-29

0 Like 0 留言 550 瀏覽

鐵人賽自我挑戰組 DAY 14

一趟30天網頁設計的學習冒險＃explain like i‘m five 系列第 14 篇

技術 Day 14 Box Model

####前言 All html elements are boxes!(with width and height) html版面就像是用一個個盒子組成的，那整...

candy82202 ‧ 2022-09-29

1 Like 0 留言 566 瀏覽

鐵人賽自我挑戰組 DAY 23

在30天利用HTML & CSS & JavaScript完成Side Project實作系列第 23 篇

技術 Day 23 Side Project : Verify Account UI 帳戶驗證介面

今天要來做的是很常見的用戶驗證介面超白話畫面和功能拆解當輸入一個數字後，便會自動跳到下一個輸入框可以按backspace 按鍵去修改前面的數字運...

hannnahTW ‧ 2022-09-29

0 Like 0 留言 1344 瀏覽

鐵人賽自我挑戰組 DAY 14

手刻武器庫，30 天前端學習心得系列第 14 篇

技術 Day 14：JS ES6 學習筆記

組件實作 : Demo 一、前言關於 JavaScript 的故事其實是這樣的：「JavaScript 誕生於 1995 年的景網通訊（Netscape...

東尼先生 ‧ 2022-09-28

0 Like 0 留言 866 瀏覽

鐵人賽自我挑戰組 DAY 21

Do you wanna play? CSS game ぎりぎり系列第 21 篇

技術 [Day 21] Slider with Radio Button: 三點換頁

在我們瀏覽網站時，可能會看到購物網站、風景網站等等使用slider來切換圖片，最常見的應該就是三個小點~今天我們就來實作Day #19 Slider with...

steventhibe ‧ 2022-09-28

0 Like 1 留言 508 瀏覽

鐵人賽影片教學 DAY 13

從麻瓜變成前端魔法師系列第 13 篇

技術 Day13【從麻瓜變成前端魔法師】CSS flex 排列實作

我們來做下圖的小卡片：並補充說明 HTML 的影片標籤及清單標籤。清單分兩種：無序清單（unordered list）：使用 <ul&gt...

Olivia ‧ 2022-09-28

0 Like 0 留言 442 瀏覽

技術介绍 ComPDFKit 转换 SDK 1.5.0

了解有关 ComPDFKit PDF SDK 的更多信息：https ://www.compdf.com/ComPDFKit Conversion SDK 1....

ComPDFKit ‧ 2023-01-30

0 Like 0 留言 1055 瀏覽

鐵人賽 Modern Web DAY 14

從零開始手刻網站，30 天打造我的前端武器庫系列第 14 篇

技術 Day 14：Typing Effect 組件實作

組件實作：Demo 一、前言 Typing Effect 是一種好用的文字效果，看似簡單的語法下，其實藏著一些不太好理解的概念，例如 CSS 的 Anim...

東尼先生 ‧ 2022-09-28

0 Like 0 留言 823 瀏覽

鐵人賽自我挑戰組 DAY 13

一趟30天網頁設計的學習冒險＃explain like i‘m five 系列第 13 篇

技術 Day 13 background & border

前言文字樣式設計變化之後那可以試試看更改背景還有框線設計 background color / image 背景顏色 / 圖片 Background-siz...

candy82202 ‧ 2022-09-28

0 Like 0 留言 599 瀏覽

鐵人賽自我挑戰組 DAY 22

在30天利用HTML & CSS & JavaScript完成Side Project實作系列第 22 篇

技術 Day 22 Side Project : Hoverboard 面板

今天要來做的是由多個正方形所組成的hover面板超白話畫面和功能拆解面板主要由多個小正方形所組成當滑鼠經過正方形，就會產生不同的顏色，離開正方形顏色...

hannnahTW ‧ 2022-09-28

1 Like 0 留言 955 瀏覽

鐵人賽自我挑戰組 DAY 13

手刻武器庫，30 天前端學習心得系列第 13 篇

技術 Day 13：Vim 學習筆記

一、前言其實，我也不知道自己怎麼會想加入這個主題，只是有點想要學習 Vim 的基本操作，順便紀錄一下學過的操作方法，現階段我也沒有想要背任何的指令或是快捷鍵...

東尼先生 ‧ 2022-09-27

0 Like 0 留言 782 瀏覽

鐵人賽自我挑戰組 DAY 12

一趟30天網頁設計的學習冒險＃explain like i‘m five 系列第 12 篇

技術 Day 12 CSS text styling

前言進入CSS講了這麼多選擇器，終於來到文字的設計啦！之前在學校做報告時候，常常會使用文件裡面編輯文字，可能這個字體要更改成微軟正黑體，又或是字體的大小需要...

candy82202 ‧ 2022-09-27

0 Like 0 留言 437 瀏覽

鐵人賽 Modern Web DAY 12

30天讓你爺爺取得 FreeCodeCamp 響應式網頁設計證書系列第 12 篇

技術 Day12 - 偽裝(上) (table,虛擬類別;偽類)

資產負債表表格元素 <table> HTML自帶製作表格或報表專用的標籤，這裡簡單介紹table中標籤代表的意思： <table>...

前端小小咖 ‧ 2022-09-27 ‧團隊週六 Podcast 團

0 Like 0 留言 1272 瀏覽

鐵人賽自我挑戰組 DAY 19

Do you wanna play? CSS game ぎりぎり系列第 19 篇

技術 [Day 19] Penrose Triangle: 潘洛斯三角(不可能三角)

今天我們來實作Day #17，潘洛斯三角形為存在於二維空間的三角形，而在現實世界中不可能存在的物體。潘洛斯三角維基百科 Penrose Triangle...

steventhibe ‧ 2022-09-26

0 Like 1 留言 1065 瀏覽

鐵人賽自我挑戰組 DAY 21

在30天利用HTML & CSS & JavaScript完成Side Project實作系列第 21 篇

技術 Day 21 Side Project : Password Generator 密碼生成器(下)

接續Day 20，繼續來講解沒完成的JS部分專案回顧畫面和功能拆解畫面中的密碼生成器裡內有標題 > 結果顯示欄 +複製按鈕 > 需求設定...

hannnahTW ‧ 2022-09-27

0 Like 0 留言 1198 瀏覽

鐵人賽 Modern Web DAY 13

從零開始手刻網站，30 天打造我的前端武器庫系列第 13 篇

技術 Day 13：Tab 組件實作

組件實作 : Demo 一、前言 Tab 組件是一種高互動性的組件，構造是由一個 Menu 選單和一個訊息框組合而成，當選單項目被選中時，會切換到對應的訊...

東尼先生 ‧ 2022-09-27

0 Like 0 留言 2138 瀏覽

鐵人賽 Modern Web DAY 12

從零開始手刻網站，30 天打造我的前端武器庫系列第 12 篇

技術 Day 12：Ｍodal 組件實作

組件實作 : Demo 一、前言Ｍodal 指的是互動視窗，也就是讓畫面跳出一個蓋板訊息框。使用 Modal 背景大多由半透明黑色覆蓋；訊息框（互動視窗...

東尼先生 ‧ 2022-09-26

0 Like 0 留言 621 瀏覽

鐵人賽自我挑戰組 DAY 11

一趟30天網頁設計的學習冒險＃explain like i‘m five 系列第 11 篇

技術 Day 11 CSS Rules

前言挑戰快要到一半了！！剛完成讓人頭昏眼花的選擇器學習，那選擇器在套用的順序上面也是有優先順序的本篇就是一個補充說明，講一下CSS Rules 幾個規則，...

candy82202 ‧ 2022-09-26

0 Like 0 留言 929 瀏覽

鐵人賽自我挑戰組 DAY 20

在30天利用HTML & CSS & JavaScript完成Side Project實作系列第 20 篇

技術 Day 20 Side Project : Password Generator 密碼生成器(上)

這篇沒有帥哥可以看，不過也是一個非常有趣的projecto(￣▽￣)ｄ今天要做的是密碼生成器，根據使用者的需求去自動生成密碼，聽起來很厲害，另外考量到這篇的J...

hannnahTW ‧ 2022-09-26

0 Like 0 留言 548 瀏覽

鐵人賽自我挑戰組 DAY 10

一趟30天網頁設計的學習冒險＃explain like i‘m five 系列第 10 篇

技術 Day 10 CSS Selector 最後一趴

前言 CSS選擇器來到第三篇了，沒想到讓頭腦打結的規則越來愈複雜，花了好一段時間好好理解跟運用這些選擇器的規則。 Part.3 介紹的基本選擇器如下 Des...

candy82202 ‧ 2022-09-25

0 Like 0 留言 2753 瀏覽