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

0 Like 0 留言 5945 瀏覽

鐵人賽 Modern Web DAY 20

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

技術 Day 20：AJAX 功能實作

組件實作 : Demo 一、前言 AJAX（Asynchronous JavaScript and XML）中文翻作「非同步的 JavaScript 與...

東尼先生 ‧ 2022-10-04

0 Like 0 留言 2556 瀏覽

鐵人賽自我挑戰組 DAY 19

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

技術 Day 19 HTML+CSS 網頁初版挑戰（上）

前言前面講了那麼多HTML架構啦～CSS排版樣式設計啦～那如果直接嘗試挑戰會是如何呢？自己本身是沒有設計背景的，所以曾經嘗試用學習到的這些語法，然後拼湊看...

candy82202 ‧ 2022-10-04

0 Like 0 留言 1520 瀏覽

鐵人賽自我挑戰組 DAY 29

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

技術 [Day 29] Checklist: 打個勾勾完賽吧

很快地，今天來到了第29天，我們來實作Day #27 Checklist CodePen: https://codepen.io/stevetanus/pen/...

steventhibe ‧ 2022-10-06

1 Like 1 留言 770 瀏覽

鐵人賽自我挑戰組 DAY 27

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

技術 [Day 27] Map Marker: 烏石港衝浪去

我們在使用google map的時候，會將自己喜愛的地方標記起來，以備未來想要查看時，能夠更迅速的掌握資訊 ~今天我們來實作Day #25，以下有些class命...

steventhibe ‧ 2022-10-04

0 Like 0 留言 3667 瀏覽

鐵人賽 Modern Web DAY 19

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

技術 Day 19：滑動頁面組件實作

組件實作 : Demo 一、前言滑動頁面組件 Overlay 的用途是當作側邊選單，可以用在隱藏一部分的資訊，讓頁面看起來更乾淨，反過來說，Overla...

東尼先生 ‧ 2022-10-03

0 Like 0 留言 1815 瀏覽

鐵人賽自我挑戰組 DAY 19

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

技術 Day 19：jQuery 學習筆記-下

組件實作 : Demo、Demo2 一、前言今天要來繼續研究 jQuery 的用法，經過我非常努力的看書後，發現勾不起我寫文章的動力，索性就直接在網路上...

東尼先生 ‧ 2022-10-03

0 Like 0 留言 2123 瀏覽

鐵人賽自我挑戰組 DAY 18

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

技術 Day 18 進階CSS （排版聖品登場！！登登登登～）

前言繼五花八門的選擇器之後，來到了空間學堂，同樣程度的燒腦啊～講到CSS最後的這趴重點就要回想到當初我們的區塊（想當初～～ Day 6講到區塊元素 Day 1...

candy82202 ‧ 2022-10-03

0 Like 0 留言 1318 瀏覽

鐵人賽自我挑戰組 DAY 27

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

技術 Day 27 Side Project : Drawing App 畫畫面板

今天要來做的是畫畫面板，使用到HTML5的canvas這個元素超白話畫面和功能拆解有一個可以畫圖的畫布點選操控面板可以換色、調整粗細滑鼠左鍵按下就...

hannnahTW ‧ 2022-10-03

0 Like 0 留言 1723 瀏覽

鐵人賽 Modern Web DAY 18

[POSTMAN] 該知道的都知道，不知道的慢慢了解 - 與波斯麵三十天的感情培養系列第 18 篇

技術 Postman challenge Day 17 - 可視化 (Visualizations)

今日主題今天的主題是可視化(Visualizations)，主要的目的是針對每次進行API呼叫後，將回應的資料以圖形的方式來呈現，讓資料本身更容易被理解，不需...

chacoteeth ‧ 2022-10-03 ‧團隊森上依然梅友前

0 Like 0 留言 2510 瀏覽

鐵人賽 Modern Web DAY 18

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

技術 Day 18：Collapsibles 組件實作

組件實作 : Demo、Demo2 一、前言 Collapsibles 翻譯為折疊的意思，所以它可以像是下拉選單一樣，點擊按鈕後即可展開內容，其實這個組件的作...

東尼先生 ‧ 2022-10-02

0 Like 0 留言 2781 瀏覽

鐵人賽自我挑戰組 DAY 18

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

技術 Day 18：jQuery 學習筆記-上

一、前言伴隨著前端框架的不斷演進，jQuery 的使用慢慢地式微，甚至出現了棄用 jQuery 的建議【1】。雖然某些公司專案開上可能不再使用 jQuery...

東尼先生 ‧ 2022-10-02

0 Like 0 留言 791 瀏覽

鐵人賽自我挑戰組 DAY 26

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

技術 Day 26 Side Project : Testimonial Box Switcher 人物介紹(仿限時動態)

今天要來做的事人物的介紹，呈現形式有點類似限時動態，固定時間後會自行跳往下一則動態超白話畫面和功能拆解進度條會動態前進，紀錄目前跑的進度主體內容包含...

hannnahTW ‧ 2022-10-02

0 Like 0 留言 2124 瀏覽

鐵人賽自我挑戰組 DAY 17

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

技術 Day 17：Docker 學習筆記

一、前言這篇文章的主要目的是在記錄學習 Docker 的相關議題，內容包括：「是如何入門？碰上問題時的解決方法？」等等，目標是把環境建立起來，還有整理相關的...

東尼先生 ‧ 2022-10-01

0 Like 0 留言 1108 瀏覽

鐵人賽 Modern Web DAY 17

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

技術 Day 17：Testimonials 組件實作

組件實作 : Demo 一、前言 Testimonials 這個組件意思是「證言」，類似推薦信的感覺，也就是網路上的文章底下常見的留言評論區，先不討論這些...

東尼先生 ‧ 2022-10-01

0 Like 1 留言 1360 瀏覽

鐵人賽自我挑戰組 DAY 25

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

技術 Day 25 Side Project : Quiz App 小測驗

今天要來做的是小測驗裝置 (ˉ▽￣～) 超白話畫面和功能拆解畫面上每個題目皆為單選題，每一頁只顯示一個測驗選好答案，，按下submit按鈕，就會自動跳到...

hannnahTW ‧ 2022-10-01

0 Like 0 留言 1459 瀏覽

鐵人賽自我挑戰組 DAY 16

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

技術 Day 16 CSS表格樣式設計

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

candy82202 ‧ 2022-10-01

0 Like 0 留言 5139 瀏覽

鐵人賽 Modern Web DAY 16

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

技術 Day 16：Tooltip 組件實作

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

東尼先生 ‧ 2022-09-30

0 Like 0 留言 2407 瀏覽

鐵人賽自我挑戰組 DAY 16

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

技術 Day 16：Gulp 學習筆記

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

東尼先生 ‧ 2022-09-30

0 Like 1 留言 950 瀏覽

鐵人賽自我挑戰組 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 留言 3808 瀏覽

鐵人賽自我挑戰組 DAY 15

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

技術 Day 15 Position 定位

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

candy82202 ‧ 2022-09-30

0 Like 0 留言 2038 瀏覽

鐵人賽 Modern Web DAY 28

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

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

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

Olivia ‧ 2022-09-29

0 Like 0 留言 1472 瀏覽

鐵人賽自我挑戰組 DAY 15

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

技術 Day 15：偽元素與偽類

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

東尼先生 ‧ 2022-09-29

0 Like 0 留言 1162 瀏覽

鐵人賽 Modern Web DAY 19

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

技術 Day 19 - 正式開發 Side project

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

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

0 Like 0 留言 2765 瀏覽

鐵人賽 Modern Web DAY 15

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

技術 Day 15：Animation 組件實作

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

東尼先生 ‧ 2022-09-29

0 Like 0 留言 863 瀏覽

鐵人賽自我挑戰組 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 留言 1162 瀏覽

鐵人賽自我挑戰組 DAY 23

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

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

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

hannnahTW ‧ 2022-09-29

0 Like 0 留言 1719 瀏覽

鐵人賽自我挑戰組 DAY 14

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

技術 Day 14：JS ES6 學習筆記

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

東尼先生 ‧ 2022-09-28

0 Like 0 留言 1629 瀏覽

鐵人賽自我挑戰組 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 留言 638 瀏覽

鐵人賽影片教學 DAY 13

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

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

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

Olivia ‧ 2022-09-28

0 Like 0 留言 694 瀏覽

技術介绍 ComPDFKit 转换 SDK 1.5.0

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

ComPDFKit ‧ 2023-01-30