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

0 Like 1 留言 1028 瀏覽

鐵人賽自我挑戰組 DAY 21

2020 iT邦幫忙鐵人賽網頁前端-刻意練習系列第 21 篇

技術 Day21 網頁前端-刻意練習(名片練習)

Day21 六角名片練習簡單小語一看到名片就想接著昨天的練習做結合，讓每點擊一次名片就會更換，而且職稱還越來越高呢，現在練習的問題在於配色，對於美籍顏色...

TerryYu ‧ 2020-09-21

0 Like 0 留言 1017 瀏覽

鐵人賽 Modern Web DAY 18

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

技術 Day 18：Collapsibles 組件實作

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

東尼先生 ‧ 2022-10-02

0 Like 0 留言 1006 瀏覽

鐵人賽自我挑戰組 DAY 16

2020 iT邦幫忙鐵人賽網頁前端-刻意練習系列第 16 篇

技術 Day16 網頁前端-刻意練習(履歷表#1)

Day16 AC 履歷表#1 簡單小語很快地又來到履歷頁面的練習，想當初剛開始學習時就在思考要放什麼在履歷表中，到了現在還是一頭霧水，就是一直練習一直練習，...

TerryYu ‧ 2020-09-16

0 Like 0 留言 1003 瀏覽

鐵人賽 Modern Web DAY 27

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

技術 Postman challenge Day 26 - HTML解析 (Parse HTML response)

今日主題今天的主題是前面章節Using libraries的延伸應用，我們將會使用Postman來解析HTML的內容。在開始之前，記得先把Day 26: Pa...

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

0 Like 1 留言 1001 瀏覽

鐵人賽 Modern Web DAY 3

拾起 Canvas，人人都是大藝術家！系列第 3 篇

技術第 3 幅－藝起寫 Code，復刻蒙德里安抽象畫

昨天練習了許許多多的幾何圖形，今天來休息一下，順便沾沾藝術氣息吧！不知道大家知不知道蒙德里安？他是 19 世紀的荷蘭畫家，他將抽象派推至極限，僅通過構圖和色彩等...

珊迪 ‧ 2022-09-18 ‧團隊斜槓排排隊

0 Like 0 留言 1000 瀏覽

技術 HTML筆記(05)-HTML基本語法

前面說了一堆廢話(但我覺得應該是頗需要釐清的架構吧~)，現在就把HTML的內容物列出來真正踏進去撰寫程式碼的世界。 <!DOCTYPE html>:...

ccz5011 ‧ 2021-12-18

1 Like 0 留言 994 瀏覽

鐵人賽 Modern Web DAY 15

HTML 與 CSS 學習筆記系列第 15 篇

技術 Day15 - Flex (2) - 外容器、軸線

外容器 (Container) 參考 CodePen 連結，試著將註解的行數依描述進行調整 try01：要加display才會顯示 Flex 的效果 try0...

hokou ‧ 2020-09-30

0 Like 0 留言 993 瀏覽

鐵人賽自我挑戰組 DAY 19

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

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

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

steventhibe ‧ 2022-09-26

1 Like 0 留言 992 瀏覽

鐵人賽自我挑戰組 DAY 30

2020 iT邦幫忙鐵人賽網頁前端-刻意練習系列第 30 篇

技術 Day30 網頁前端-刻意練習(鐵人煉成)

Day30 鐵人煉成中點是中點不是終點，沒想到30天的挑戰成功了，在工作及休息時間找到平衡點，利用自己的時間加緊練習並學習，雖然目前的作品不是非常有競爭力...

TerryYu ‧ 2020-09-30

0 Like 0 留言 992 瀏覽

鐵人賽自我挑戰組 DAY 11

網頁學習紀錄系列第 11 篇

技術鐵人賽Day11- 向 KKBOX 致敬，一樣從 navbar 開始

小弟平常喜歡聽音樂，台灣音樂串流平台的始祖 KKBOX，從一推出就使用至今，也看到 KKBOX 在台灣的音樂圈越來越具有代表性，並且還有自己的風雲榜演唱會，真是...

Tim Hsu ‧ 2019-09-14

0 Like 1 留言 986 瀏覽

鐵人賽自我挑戰組 DAY 4

小白網頁設計練成記系列第 4 篇

技術小白網頁設計練成記-DAY4-淺談區塊元素<div> & <span>

HTML標記語言裡，能讓CSS和javaScript整合運作的關鍵，就是運用好HTML的屬性(HTML Attribute)，但是在使用屬性之前，我們要整理出需...

Eric ‧ 2022-09-04

0 Like 0 留言 985 瀏覽

鐵人賽自我挑戰組 DAY 4

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

技術 Day 04：論如何學習

一、前言你是不是曾經有過一種經驗，就是當你努力的讀書，努力的學習，網路上查了一堆資料，也寫了一堆筆記，記在腦袋裡面的東西過了幾天之後就全部遺忘，彷彿不存在過...

東尼先生 ‧ 2022-09-18

1 Like 0 留言 985 瀏覽

技術 [快速入門前端 7] 內嵌框架 (Inline Frame) 和特殊實體 (Entity)

Inline Frame (內嵌框架) 內嵌框架是指在我們的 HTML 頁面中嵌入另一個檔案，例如 HTML 頁面、圖片、影片等都可以被嵌入在網頁中。嵌入的標籤...

Doris ‧ 2023-05-12

0 Like 0 留言 985 瀏覽

鐵人賽自我挑戰組 DAY 14

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

技術 Day 14：JS ES6 學習筆記

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

東尼先生 ‧ 2022-09-28

0 Like 0 留言 971 瀏覽

鐵人賽自我挑戰組 DAY 28

Elementor 教學 - 如何使用 WordPress 建立一頁式銷售網站系列第 28 篇

技術 Elementor 教學 28 | 如何推廣您的一頁式銷售網站

推廣是行銷最重要的部份，這篇文章比較長，可能要分數次來完成，下方有一些有用的參考文章對大家有幫助，容後我再更新更多的內容。 100 個安裝 WordPres...

Mack Chan ‧ 2020-09-29

0 Like 0 留言 964 瀏覽

鐵人賽自我挑戰組 DAY 21

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

技術 Day 21 RWD回應式設計

前言登登登登～～昨天剛完成一個簡易的HTML+CSS的網頁雛形結果…這時候有個問題出來那就是…如果當網頁換成平板試看或是手機的時候我昨天好不容易崩潰排好...

candy82202 ‧ 2022-10-06

0 Like 0 留言 958 瀏覽

技術選擇動物頁面

可以先去https://www.ifreesite.com/upload/ 這裡上傳圖片取得網址點進去就可以看動物的品種介紹，明天再開始做狗勾頁面

sophie2156 ‧ 2021-12-02

0 Like 0 留言 955 瀏覽

鐵人賽自我挑戰組 DAY 22

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

技術 Day 22：SVG Path 急速入門

組件實作：Demo 一、前言今天要來介紹的東西是「與繪畫相關的東西 - CSS 和 SVG」，CSS 來製作圖形是一件很常見的事情，至於為什麼會特別的提...

東尼先生 ‧ 2022-10-06

0 Like 2 留言 952 瀏覽

技術 RWD問題

不知道為甚麼，旁邊無緣無故多了一條空白區域，但那個區域根本沒有其他元件程式碼好像也不知道該貼哪段，求各位IT大大幫幫忙解惑!! 有需要補充程式碼我附上gith...

SKYDOG ‧ 2021-11-06

0 Like 0 留言 944 瀏覽

鐵人賽 Modern Web DAY 23

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

技術 Day 23：Image Overlay 組件實作

組件實作：Demo 一、前言 Image Overlay 指的是圖片上的覆蓋效果，我們要做的是：「使用滑鼠移動到圖片上，頁面會從四個方向來滑入頁面，像是從...

東尼先生 ‧ 2022-10-07

0 Like 0 留言 939 瀏覽

鐵人賽 Modern Web DAY 28

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

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

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

Olivia ‧ 2022-09-29

0 Like 0 留言 939 瀏覽

鐵人賽自我挑戰組 DAY 3

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

技術 [Day 3] Menu Icon: 漢堡包好好ㄘ

前言在每天的實作中，都會遇到不熟、不知道如何使用語法完成的難題，可以點擊CSS 100作者本身的CodePen參考(參考下圖紅色箭頭)，像是背景色、動畫效果之...

steventhibe ‧ 2022-09-10

0 Like 0 留言 936 瀏覽

鐵人賽 Modern Web DAY 11

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

技術 Day 11 - 切版基礎打底(一) : HTML標籤/CSS基礎

Day 11 - 切版基礎打底(一) : HTML標籤/CSS基礎每日一談嗨，大家好 ! 我是阿蘇今天是Day 11，不知不覺終於突破 Day10 啦 !...

阿蘇蘇 ‧ 2022-09-26 ‧團隊死線衝鋒 Deadline Squad

0 Like 0 留言 936 瀏覽

技術處理瀏覽器CACHE住CSS/JS/圖片資訊的方式

有時候已經調整完程式的CSS/JS檔，或是置換了新的圖片上去，在自己本機環境測試也都OK了，但將程式更新到客戶的主機後，卻會遇到客戶反映檔案未更新的問題，這是因...

wanjan_chen ‧ 2022-11-08

1 Like 0 留言 933 瀏覽

鐵人賽 Modern Web DAY 25

HTML 與 CSS 學習筆記系列第 25 篇

技術 Day25 - CSS (6) - 漸層、權重

漸層 linear-gradient：漸層屬性，可以從 background 套用方向：預設未寫為上至下 to bottom，也可寫成角度，從上以 0...

hokou ‧ 2020-10-10

0 Like 0 留言 932 瀏覽

技術日記19

[https://codepen.io/terry-yu-the-vuer/pen/rNOrWYY?cf_chl_jschl_tk=cc73fd5172bc83...

九四帥 ‧ 2020-11-30

0 Like 0 留言 922 瀏覽

鐵人賽自我挑戰組 DAY 18

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

技術 Day 18 Side Project : Drag N Drop 拖與拉

今天要來做的是滑鼠拖拉事件，點選笑臉圖片可以把它拖放到空的正方形中，功能拆解預設情況圖片會放在第一個正方形內持續按著滑鼠左鍵，可以拖拉照片抓起圖片經...

hannnahTW ‧ 2022-09-24

0 Like 1 留言 918 瀏覽

鐵人賽 Modern Web DAY 4

拾起 Canvas，人人都是大藝術家！系列第 4 篇

技術第 4 幅－風格文字：致敬時代的眼淚「文字藝術師」

昨天畫完畫，今天來看看如何用 Canvas 寫出文字吧！不知道大家對 Word 的文字藝術師有沒有印象？以前超多海報和宣傳單上都會出現文字藝術師做出來的經典風格...

珊迪 ‧ 2022-09-19 ‧團隊斜槓排排隊

0 Like 0 留言 917 瀏覽

鐵人賽 Modern Web DAY 18

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

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

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

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

1 Like 0 留言 914 瀏覽

技術好想工作室 Web Camp 第 15 梯招生

我是 Chris，從 2017 年起在好想工作室擔任 Web Camp Mentor 至今，培訓許多屆的 Web Camp 學員，這次我們要招收 Web Ca...

Chris ‧ 2023-11-15