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

0 Like 0 留言 302 瀏覽

鐵人賽 SideProject30 DAY 1

30天製作RWD個人品牌網站系列第 1 篇

技術 Day1. 前言

Hi～大家好，我是Luna這是我第一次參加鐵人賽，在這之前因為學習、工作上查資料時常常會看到IT邦的文章，沒想到自己有一天也會參與在其中。在第一天想先簡單介紹...

luna0228 ‧ 2023-09-16

0 Like 0 留言 211 瀏覽

鐵人賽 Modern Web DAY 1

不用庫也能酷 - 玩轉 CSS & Js 特效系列第 1 篇

技術 Day1 相見歡 - 庫就不酷嗎？

哈囉大家好我是毛哥EM，歡迎來到【不用庫也能酷 - 玩轉 CSS & Js 特效】在這30天裡面我會先帶大家複習一些許多人搞不懂但很重要的語法，...

毛哥EM ‧ 2023-09-15

0 Like 0 留言 11107 瀏覽

徵才【徵才】又上財務規劃顧問 - 網頁設計師

【徵才】又上財務規劃顧問 - 網頁設計師【關於公司】又上財務規劃顧問有限公司 Utrust Corporation 我們的成立是希望可以培養透過我們的專業...

pellok ‧ 2023-07-31

0 Like 0 留言 697 瀏覽

技術【前端動手玩創意】動態生成的藝術｜小心，亂改DOM你可能會被打臉。(13)

目錄【前端動手玩創意】等待的轉圈圈效果 (1) 【前端動手玩創意】google五星評分的星星(2) 【前端動手玩創意】CSS-3D卡片翻轉效果(3) (今天難...

Oo_花之舞__oO ‧ 2023-07-24

0 Like 0 留言 1880 瀏覽

技術從零到一：網站架設和網頁設計流程的初學者指南

你想學習網站架設嗎？你想瞭解如何做好網頁設計嗎？網站流程是什麼？網站需要哪些費用？在這篇文章中將會完整為你說明如果想更完整瞭解關於網頁設計的相關教學，請參考下...

小彤 ‧ 2023-06-29

1 Like 0 留言 1389 瀏覽

技術 SVG 自學微筆記(10) - SVG...然後呢?

基本上是這系列最後一篇，除非之後接觸到跟SVG相關的有趣應用! (≧▽≦) 我在大學畢業的最後一學期，選修了網頁資料視覺化的課程，課程主要使用D3.js這個...

Xiang1009 ‧ 2023-06-22

1 Like 0 留言 1461 瀏覽

技術 SVG 自學微筆記(09) - 路徑

SVG 自學微筆記完! (๑´ㅂ`๑) 學習資源: W3Schools、其他網路資料說到SVG中最複雜的東西，路徑(Path)絕對是一個大魔王，它有太...

Xiang1009 ‧ 2023-06-03

0 Like 0 留言 822 瀏覽

技術 SVG 自學微筆記(08) - 線性&放射漸層

不定更新、即將迎來結尾 (๑´ㅂ`๑) 學習資源: W3Schools、其他網路資料漸層(Gradients)是W3Schools關於SVG基礎教學的...

Xiang1009 ‧ 2023-05-28

0 Like 0 留言 647 瀏覽

技術 SVG 自學微筆記(07) - 圖形濾鏡

不定更新、可能爛尾XD 學習資源: W3Schools、其他網路資料 SVG有提供Filter(濾鏡)這個東西，可以用來在SVG圖形上加入特殊的效果，像...

Xiang1009 ‧ 2023-05-26

1 Like 0 留言 715 瀏覽

技術 SVG 自學微筆記(06) - 線段的特性

不定更新、可能爛尾XD 學習資源: W3Schools、其他網路資料在前面的微筆記中，有使用到<line></line>來繪製...

Xiang1009 ‧ 2023-05-24

1 Like 0 留言 873 瀏覽

技術 SVG 自學微筆記(05) - 在圖上加文字

不定更新、可能爛尾XD 學習資源: W3Schools、其他網路資料之前有段時間挺忙的，所以停更了好一陣子 ಥ⌣ಥ，但至少還沒爛尾 ٩(๑❛ᴗ❛๑)۶...

Xiang1009 ‧ 2023-05-19

0 Like 0 留言 625 瀏覽

技術 SVG 自學微筆記(04) - 繪製多邊形、折線

不定更新、可能爛尾XD 學習資源: W3Schools、其他網路資料 SVG : 多邊形 (僅列出部分有使用到的屬性) <svg>&lt...

Xiang1009 ‧ 2023-05-18

1 Like 0 留言 566 瀏覽

技術 SVG 自學微筆記(03) - 繪製圓形、橢圓形 & 線段

不定更新、可能爛尾XD 學習資源: W3Schools、其他網路資料這篇筆記使用到的圖形屬性，基本上都跟矩形那篇差不多。 SVG : 圓形 (僅列出部...

Xiang1009 ‧ 2023-05-14

1 Like 0 留言 749 瀏覽

技術 SVG 自學微筆記(02) - 繪製矩形 & 補充說明

不定更新、可能爛尾XD 學習資源: W3Schools、其他網路資料前置 : 開發環境在開始畫SVG圖形前，需要先建好開發環境，以下是我的配置 :...

Xiang1009 ‧ 2023-05-12

2 Like 0 留言 2482 瀏覽

技術如何架設網站? 完整網站架設流程，5個架設網站你該知道的事

架設網站聽著很難，但其實做了你就會發現步驟不多，只是網站架設的過程中需要做的功課比較多，以下整理架設網站的的3個要件，接下來我們再來詳細說明網站架設具體該怎麼做...

yumili ‧ 2023-05-10

2 Like 0 留言 823 瀏覽

技術 SVG 自學微筆記(01) - 初步認識 SVG

不定更新、可能爛尾XD 學習資源: W3Schools、其他網路資料關於 SVG SVG 全名為 Scalable Vector Graphics 即...

Xiang1009 ‧ 2023-05-09

0 Like 0 留言 1965 瀏覽

技術自製免費點名系統 - 複製貼上就能成為工程師

本文將教授如何使用程式製作一個簡單的點名網頁。透過這個點名系統，你可以方便地管理你的學生出席狀況，並且隨時查詢歷史出席紀錄。我們將使用 Google Apps...

毛哥EM ‧ 2023-05-01

0 Like 0 留言 724 瀏覽

技術【自製】CrossDown - 一個輕量化跨窗口顯示的Markdown編輯器

好不容易忙完午休沒事，就花了下午下課時間搞出來了它。分享給大家，希望大家喜歡。 Github: https://github.com/Edit-Mr/C...

毛哥EM ‧ 2023-04-28

0 Like 0 留言 1228 瀏覽

技術【前端動手玩創意】創造一個Skill bar(5)

目錄【前端動手玩創意】等待的轉圈圈效果 (1) 【前端動手玩創意】google五星評分的星星(2) 【前端動手玩創意】CSS-3D卡片翻轉效果(3) (今天難...

Oo_花之舞__oO ‧ 2023-03-29

1 Like 1 留言 1682 瀏覽

技術【前端動手玩創意】google五星評分的星星(2)

目錄【前端動手玩創意】等待的轉圈圈效果 (1) 【前端動手玩創意】google五星評分的星星(2) 【前端動手玩創意】CSS-3D卡片翻轉效果(3) (今天難...

Oo_花之舞__oO ‧ 2023-03-22

1 Like 0 留言 1070 瀏覽

技術 JS筆記-製作copy效果

目錄 JS筆記-幫元素加上style的寫法 JS筆記-getPosition 讓你找到元素x,y位置 js筆記--寫腳本需要用到的waitForKeyEleme...

Oo_花之舞__oO ‧ 2023-03-17

1 Like 1 留言 575 瀏覽

技術 CSS濾鏡生成器:輕鬆製作網頁圖示上色效果

隨著網頁設計的發展，圖示上色效果已成為許多網站和應用程式中不可或缺的元素之一。然而，手動編輯每個圖示的色彩是一個繁瑣的任務，因此我進行了一些搜尋製作了這個CSS...

毛哥EM ‧ 2023-03-13

0 Like 1 留言 826 瀏覽

鐵人賽 Modern Web DAY 30

網頁切版入門及版面實作系列第 30 篇

技術 [DAY30]網頁切版入門及版面實作_電子名片

電子名片在這個範例中要練習電子名片的切版整理幾個小重點如下方： 1.設定名片的寬高為390x240px，並導圓角15px，添加陰影box-shadow2.名...

ruhui0726 ‧ 2022-10-15 ‧團隊蝦兵蟹將

0 Like 1 留言 1265 瀏覽

鐵人賽 Modern Web DAY 29

網頁切版入門及版面實作系列第 29 篇

技術 [DAY29]網頁切版入門及版面實作_聯絡表單

聯絡表單在這個範例中要練習聯絡表單的切版整理幾個小重點如下方： 1.將section設為滿版，添加背景色#f3c1c52.添加一個container，做為固...

ruhui0726 ‧ 2022-10-14 ‧團隊蝦兵蟹將

1 Like 2 留言 1016 瀏覽

鐵人賽 Modern Web DAY 30

防禦性 CSS - 建立「防患未然」的匠人心態系列第 30 篇

技術【Day30】完賽心得

就算已經參加過兩屆了，到了這一天還是會有「天啊，沒想到我終於走到終點了啊！」的感覺。如果有讀過我的「Day01 參賽前言」的讀者就會知道，我今年絕對擁有一...

Taiming ‧ 2022-10-14 ‧團隊光明頂

0 Like 0 留言 1240 瀏覽

鐵人賽 Modern Web DAY 28

網頁切版入門及版面實作系列第 28 篇

技術 [DAY28]網頁切版入門及版面實作_導覽列

導覽列在這個範例中要練習導覽列的切版整理幾個小重點如下方： 1.將section設為滿版，添加背景色#FFEBF22.nav，做為固定欄寬1280px的區塊...

ruhui0726 ‧ 2022-10-13 ‧團隊蝦兵蟹將

2 Like 0 留言 1624 瀏覽

鐵人賽 Modern Web DAY 29

防禦性 CSS - 建立「防患未然」的匠人心態系列第 29 篇

技術【Day29】CSS 語法 - 失效的 z-index

情境 z-index 可以幫助我們決定當元素重疊的時候，誰在上面，誰在下面。那我們該如何使用 z-index 呢？首先，因為 z-index 只用於「重疊」的...

Taiming ‧ 2022-10-13 ‧團隊光明頂

1 Like 0 留言 611 瀏覽

鐵人賽 Modern Web DAY 27

網頁切版入門及版面實作系列第 27 篇

技術 [DAY27]網頁切版入門及版面實作_ 卡片版面7&漸層

卡片版面在這個範例中要練習卡片版面的切版整理幾個小重點如下方： 1.將section_card設為滿版2.添加一個container，做為固定欄寬1200p...

ruhui0726 ‧ 2022-10-12 ‧團隊蝦兵蟹將

2 Like 0 留言 3340 瀏覽

鐵人賽 Modern Web DAY 28

防禦性 CSS - 建立「防患未然」的匠人心態系列第 28 篇

技術【Day28】CSS 語法 - 隱藏網頁上的元件

情境有時候我們會需要隱藏網頁上的元件。舉幾個例子來說，例如我們為了使用者體驗的目的，我們希望在某某情境下，某些按鈕不要被使用者誤觸，或是為了畫面上排版的簡潔...

Taiming ‧ 2022-10-12 ‧團隊光明頂

0 Like 0 留言 458 瀏覽

鐵人賽 Modern Web DAY 26

訂單網頁嘗試集系列第 26 篇

技術 {Day26} 小公主訂單網頁嘗試集＿第二十六集＿實作伍天

喔某！竟然邁入網頁30天的最後階段！剩下五天！！！歡呼吧！各位！！雖然剛經過今年最後一個連假，不過還有四天又有週末囉！！！今日新功能：增加在頁尾回到頂端的按鈕...

icetong ‧ 2022-10-11

技術 Day1. 前言

技術 Day1 相見歡 - 庫就不酷嗎？

徵才 【徵才】又上財務規劃顧問 - 網頁設計師

技術 【前端動手玩創意】動態生成的藝術｜小心，亂改DOM你可能會被打臉。(13)

技術 從零到一：網站架設和網頁設計流程的初學者指南

技術 SVG 自學微筆記(10) - SVG...然後呢?

技術 SVG 自學微筆記(09) - 路徑

技術 SVG 自學微筆記(08) - 線性&放射漸層

技術 SVG 自學微筆記(07) - 圖形濾鏡

技術 SVG 自學微筆記(06) - 線段的特性

技術 SVG 自學微筆記(05) - 在圖上加文字

技術 SVG 自學微筆記(04) - 繪製多邊形、折線

技術 SVG 自學微筆記(03) - 繪製圓形、橢圓形 & 線段

技術 SVG 自學微筆記(02) - 繪製矩形 & 補充說明

技術 如何架設網站? 完整網站架設流程，5個架設網站你該知道的事

技術 SVG 自學微筆記(01) - 初步認識 SVG

技術 自製免費點名系統 - 複製貼上就能成為工程師

技術 【自製】CrossDown - 一個輕量化跨窗口顯示的Markdown編輯器

技術 【前端動手玩創意】創造一個Skill bar(5)

技術 【前端動手玩創意】google五星評分的星星(2)

技術 JS筆記-製作copy效果

技術 CSS濾鏡生成器:輕鬆製作網頁圖示上色效果

技術 [DAY30]網頁切版入門及版面實作_電子名片

技術 [DAY29]網頁切版入門及版面實作_聯絡表單

技術 【Day30】完賽心得

技術 [DAY28]網頁切版入門及版面實作_導覽列

技術 【Day29】CSS 語法 - 失效的 z-index

技術 [DAY27]網頁切版入門及版面實作_ 卡片版面7&漸層

技術 【Day28】CSS 語法 - 隱藏網頁上的元件

技術 {Day26} 小公主訂單網頁嘗試集＿第二十六集＿實作伍天

標記使用者

徵才【徵才】又上財務規劃顧問 - 網頁設計師

技術【前端動手玩創意】動態生成的藝術｜小心，亂改DOM你可能會被打臉。(13)

技術從零到一：網站架設和網頁設計流程的初學者指南

技術如何架設網站? 完整網站架設流程，5個架設網站你該知道的事

技術自製免費點名系統 - 複製貼上就能成為工程師

技術【自製】CrossDown - 一個輕量化跨窗口顯示的Markdown編輯器

技術【前端動手玩創意】創造一個Skill bar(5)

技術【前端動手玩創意】google五星評分的星星(2)

技術【Day30】完賽心得

技術【Day29】CSS 語法 - 失效的 z-index

技術【Day28】CSS 語法 - 隱藏網頁上的元件