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

0 Like 0 留言 1908 瀏覽

鐵人賽自我挑戰組 DAY 6

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

技術 Day6 HTML 終於來到最後一個Part啦！

前言花了前五天的時間，把HTML的結構還有許多標籤等等的都嘗試解釋完畢。＊之前沒有說明到檔案名稱為什麼設定是「 index.html 」，這邊補上：檔案...

candy82202 ‧ 2022-09-21

0 Like 0 留言 1877 瀏覽

鐵人賽 Modern Web DAY 16

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

技術 Day 16 - 切版進階技巧(二) : 版型規劃、RWD規劃

Day 16 - 切版進階技巧(二) : RWD、版型規劃每日一談嗨，大家好 ! 我是阿蘇今天是Day16 ，今天分享的是RWD、版型規劃，目前大部分的網...

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

0 Like 0 留言 1876 瀏覽

鐵人賽 Modern Web DAY 21

30天學會HTML＋CSS，製作精美網站系列第 21 篇

技術網頁盒子-30天學會HTML＋CSS，製作精美網站

Box Model定義每個html的元素都是一個Box Model，由外而內為外邊距(Margin)、邊框(Border)、內邊距(Padding)、內容盒子...

sunny ‧ 2021-10-06

1 Like 0 留言 1871 瀏覽

鐵人賽 Modern Web DAY 5

All In One NFT Website Development 系列第 5 篇

技術 Day 5【JavaScript】可以看到，將近是20公分的深度

【前言】我的習慣是先在 Youtube 看完落落長的影片，然後才去 Coursera 看看有什麼學院派會特別注重的地方，還有與 Youtube 教學不同的地...

ALu ‧ 2021-09-17 ‧團隊Obit0 Studio

0 Like 0 留言 1861 瀏覽

鐵人賽自我挑戰組 DAY 7

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

技術 Day7 網頁前端-刻意練習(會員登入)

Day7 金魚會員登入簡單小語會員登入畫面的練習，增加了觸摸效果及使用者體驗，先前看Amos老師教學時以為不難，實作才發現很多觀念不足，例如如何放圖片到...

TerryYu ‧ 2020-09-07

1 Like 0 留言 1858 瀏覽

鐵人賽 Modern Web DAY 24

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

技術 Day24 - CSS (5) - 圓弧、陰影

圓弧 border-radius：圓弧屬性，可設定 4 組，可以為 px 或是 % ，從左上開始，順時鐘為左上、右上、右下、左下設定 1 個：代表全部通...

hokou ‧ 2020-10-09

0 Like 0 留言 1838 瀏覽

鐵人賽自我挑戰組 DAY 11

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

技術 Day 11：Position 功能實作

組件實作 : Demo、Demo2 一、前言原本預定這篇要來寫 pug 的學習筆記，但是對於 CSS 的 Position 的用法還有一點不熟悉，所以...

東尼先生 ‧ 2022-09-25

0 Like 0 留言 1837 瀏覽

鐵人賽自我挑戰組 DAY 13

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

技術 Day13 網頁前端-刻意練習(切版練習)

Day13 金魚切版練習簡單小語金魚的尾聲，總結一下自己練習所學，因此就上網找了兩個字認為切得出來的樣板進行練習(太難的小魯功力不足)，練習的過程也真的...

TerryYu ‧ 2020-09-13

0 Like 0 留言 1828 瀏覽

鐵人賽自我挑戰組 DAY 10

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

技術 Day10 網頁前端-刻意練習(文字排版)

Day10 金魚文字排版簡單小語這次練習的文字排版，一開起來才發現，之前切的都亂掉了且有點難看，開始有點刻意練習的效果出來，就是一看到這東西就會想說怎麼...

TerryYu ‧ 2020-09-10

0 Like 0 留言 1821 瀏覽

鐵人賽 Modern Web DAY 10

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

技術 Day 10：Form 驗證功能實作

組件實作 : Demo 一、前言驗證功能（Validate）用途在於能夠避免使用者輸入不符合格式的資料，統一的資料格式方便讓程式處理。Form 表單內容...

東尼先生 ‧ 2022-09-24

0 Like 0 留言 1813 瀏覽

技術 JavaScript專案學習筆記 -鍵盤監聽 1/30天

感謝https://javascript30.com/的免費教程 Demo：http://codepen.io/FutureFronterAndy/pen/Vm...

阿盧 ‧ 2016-12-11

0 Like 0 留言 1797 瀏覽

鐵人賽自我挑戰組 DAY 10

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

技術 Day 10：Webpack 學習筆記

一、前言 Webpack 是網頁的打包工具。當我們的網頁越寫越大，檔案越來越多（例如一個網站有好幾個.html檔案），甚至還有使用到框架。這時候我們可以使用...

東尼先生 ‧ 2022-09-24

0 Like 0 留言 1794 瀏覽

鐵人賽自我挑戰組 DAY 8

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

技術 Day8 網頁前端-刻意練習(簡易表格)

Day8 金魚簡易表格簡單小語練習表格一開始真的會搞不清楚欄跟列的排序方式，再慢慢練習後終於知道tr,th,td差異處，一開始看出還真的一頭霧水呢，表格...

TerryYu ‧ 2020-09-08

0 Like 0 留言 1792 瀏覽

鐵人賽自我挑戰組 DAY 14

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

技術小白網頁設計練成記-DAY14-淺談HTML-核取方塊checkbox

金天我們聊聊check box這個input裡的屬性，當我們有多選的項目，如興趣/地區/清單等等，都可以用checkbox來實現。表單核取方塊 checkbo...

Eric ‧ 2022-09-14

0 Like 0 留言 1789 瀏覽

技術 HTML教學課程 (入門篇) 4個章節 - 由淺入深學習HTML

如果你剛接觸編程，想建立網頁/APP，HTML絕對是你第一個要學習的編程語言。在這篇「HTML教學課程 (入門篇)」，你會學習到： HTML基本概念：開發環境...

mtache ‧ 2021-06-22

0 Like 0 留言 1784 瀏覽

鐵人賽自我挑戰組 DAY 12

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

技術 Day 12：Google Maps API

組件實作 : Demo 一、前言網頁上要顯示店家、場地等地理位置資訊，都會使用到 Google 地圖來輔助。在這個篇章中，我們要來研究關於 Google...

東尼先生 ‧ 2022-09-26

0 Like 0 留言 1767 瀏覽

鐵人賽自我挑戰組 DAY 6

從零開始前端學習筆記(HTML、CSS、JavaScript) 系列第 6 篇

技術 Day 06 CSS <複合選擇器>

CSS的選擇器分為基礎選擇器以及複合選擇器本日將將繼續說明複合選擇器複合選擇器可以更準確更高效的選擇元素(標籤) 是由兩個或多個基礎選擇器透過不同方式組合而...

a0265392 ‧ 2021-09-06

4 Like 0 留言 1762 瀏覽

技術 [鼠年全馬鐵人挑戰] Week 7-從別人的部落格(轉職歷程)領悟到學習應不疾不徐

從別人的部落格(轉職歷程)領悟到學習應不疾不徐今天分享筆記之外的心境，最近因為開始工作，在學習的時間變的比較無法自由掌握。因此學習有些緩慢下來!! 那為什...

Dy.H ‧ 2020-04-23

0 Like 0 留言 1762 瀏覽

鐵人賽自我挑戰組 DAY 29

如何架出github.io的個人網頁-html的30天自由式筆記系列第 29 篇

技術 CSS的Class和id到底誰比較大牌？(原始碼比對版)

相較於前一篇用文字記憶法，這篇則是用原始碼做為比較，詳細列出一眼辯英雄的矛盾大對決！從第5項實驗，我們成功證明了id確實強過class的效果！但是這時我突然靈...

IrisAndMimi ‧ 2018-11-13

0 Like 0 留言 1755 瀏覽

鐵人賽自我挑戰組

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

技術 Day38 網頁前端-持續練習(隨點隨到)

Day38 隨點隨到簡單小語看到這個menu的效果可以fixed在想要的位置上，覺得超酷，立刻查資料看看要如何做，才發現原來可以用JQuery去尋找滑鼠的...

TerryYu ‧ 2020-10-08

0 Like 0 留言 1753 瀏覽

技術將html Special Entities (&#開頭)轉成utf-8編碼

preg_replace_callback 簡單範例 $S = "&#22679; 我 &#22679; &#22679; &...

kevintoshi0208 ‧ 2018-01-02

1 Like 0 留言 1744 瀏覽

鐵人賽 Modern Web DAY 30

30天學會HTML＋CSS，製作精美網站系列第 30 篇

技術版本控制與結語-30天學會HTML＋CSS，製作精美網站

終於來到了最後一章節，也算是蠻重要的「版本控制」版本控制的好處是讓你可以知道自己修改了什麼東西，方便管理自己的code，在多人一起開發一個專案時，更是不可或缺...

sunny ‧ 2021-10-15

0 Like 0 留言 1742 瀏覽

鐵人賽自我挑戰組 DAY 11

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

技術 Day 11 Side Project : Event KeyCodes 鍵盤輸入代碼

今天要做的是鍵盤代碼轉換器，隨著鍵盤的輸入值不一樣，會動態顯示它的code、key、keyCode這些資訊，相信大家可能在學javaScript的過程中也會用過...

hannnahTW ‧ 2022-09-17

1 Like 1 留言 1740 瀏覽

鐵人賽 Modern Web DAY 27

30天學會HTML＋CSS，製作精美網站系列第 27 篇

技術製作響應式網站-30天學會HTML＋CSS，製作精美網站

響應式網頁設計是什麼響應式網頁設計(Responsive Web Design)簡稱RWD，是開發網頁設計中的一種方法，在不改變網站結構，隨著顯示螢幕的大小調...

sunny ‧ 2021-10-12

1 Like 1 留言 1738 瀏覽

技術 [快速入門前端 1] 網頁和開發工具

基礎觀念什麼是前端？前端，故名思義就是指網頁架構的前端部分，也就是我們日常在瀏覽網頁時看到的部分。前端主要包含幾個主要功能：獲取從後端傳來的資料、將資料呈現...

Doris ‧ 2023-05-01

2 Like 0 留言 1737 瀏覽

徵才 PHP軟體工程師(工作地：台中市)

工作內容：依據任務分組負責軟體系統的程式撰寫、版本測試及上線後的維護工作，確保系統正常運行。技能要求：熟悉PHP、MariaDB(或MySQL)、Apac...

hirecruitor ‧ 2017-11-14

1 Like 0 留言 1734 瀏覽

鐵人賽 Modern Web DAY 8

For 前端小幼苗的圖解筆記系列第 8 篇

技術 [HTML] 關於 HTML

HTML HTML (是簡稱所以大寫) HTML 是標記語言不是程式語言（標記 Markup、沒有程式邏輯) 超文本標記語言：重點是「標記」－把文件用標記標...

Eudora ‧ 2020-09-23

1 Like 0 留言 1733 瀏覽

鐵人賽 Modern Web DAY 6

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

技術 Day06 - CSS (1) - Element、位置

開始之前先補充一下 Element (元素)的說明 Element (元素) Element：簡單說元素就是一個前後完整的標籤 + 內容的組合，如下會是一個段...

hokou ‧ 2020-09-21

3 Like 0 留言 1721 瀏覽

技術【HTML】【CSS】圖片下方的空白

【前言】本系列為個人前端學習之路的學習筆記，在過往的學習過程中累積了很多筆記，如今想藉著IT邦幫忙這個平台做整理+再複習。本系列標題一律以【】標示該篇文章主要涉...

hinolin0309 ‧ 2022-03-05

1 Like 0 留言 1695 瀏覽

技術修改 HTML 標籤文字? 插入 HTML 子標籤?

以下分享幾種常見修改HTML標籤內容的方式，依照不同需求，我把自己會的修改方式分成兩大類，分別是針對標籤修改內部文字和在標籤內插入子標籤兩大類。假設我們現...

Xiang1009 ‧ 2022-08-12