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

2 Like 0 留言 2201 瀏覽

技術鼠年全馬鐵人挑戰 WEEK 25: Git branch 合併 Merge Rebase

分支在開發中我們會有許多版本，像是開發版、測試版，測試功能都正常，才會合併到上線版。分支就像是影分身術的概念，而我們會透過 git 的指令，來取需要分身的...

jason06286 ‧ 2020-07-30

0 Like 0 留言 2167 瀏覽

技術鼠年全馬鐵人挑戰 WEEK 02：瞭解Html標籤及特性-標籤下的好，架構沒煩惱！

瞭解Html標籤及特性每個Html標籤都有其功能及特性，或許很抽象。我用遊戲來做譬喻，Html標籤就像是遊戲中的職業有各種功能，而屬性就像遊戲中的公會，每個職...

jason06286 ‧ 2020-02-23

0 Like 0 留言 2139 瀏覽

鐵人賽自我挑戰組 DAY 26

新手村－30 Day JS Coding Challenge 系列第 26 篇

技術新手村26 - Stripe Follow Along Nav

26 - Stripe Follow Along Nav 俗話說的好，一天一蘋果，醫生遠離我一天一 JS，What the f*ck JavaScript？...

Chester ‧ 2019-10-11

1 Like 0 留言 2138 瀏覽

鐵人賽自我挑戰組 DAY 7

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

技術 Day 07 CSS <字體屬性>

CSS Fonts(字體) 屬性用於定義字體系列、大小、粗細和文字樣式(ex:斜體) 1.字體系列font-family 屬性定義文本的字體系列 <st...

a0265392_lin ‧ 2021-09-17

1 Like 0 留言 2101 瀏覽

鐵人賽 Modern Web DAY 14

實作經典 JavaScript 30 系列第 14 篇

技術 Day14: 一次選取想要選取的checkbox

WES BOS系列影片Alex快速導讀系列影片今天要嘗試做一個todo-list的小功能，按下shift鍵時，可以一次勾選代辦事項。 1.首先抓出所有chec...

喬依司 ‧ 2020-09-22 ‧團隊自討苦吃三十天#像極了愛情

1 Like 0 留言 2083 瀏覽

鐵人賽自我挑戰組 DAY 4

從0開始的菜鳥工程師挑戰賽系列第 4 篇

技術第四天-好用的div

上次介紹完基本的架構了，這次說說塞在body裡面的東西((小聲:不知道塞在其他地方行不行就是了))。現在好像大家寫網頁的方式都是用包起來寫你要呈現在網頁上的東...

lf2exe ‧ 2017-12-16

1 Like 0 留言 2014 瀏覽

技術鼠年全馬鐵人挑戰 WEEK 06:優化SEO- 將 h1 圖片取代文字！

首先我們要先知道什麼是SEO？沒有SEO，人們只有5.59%的機會找到你 SEO為什麼重要？讓人們看見你以Google的角度而言 :Google不斷的更...

jason06286 ‧ 2020-03-22

1 Like 0 留言 2013 瀏覽

鐵人賽 Modern Web DAY 15

實作經典 JavaScript 30 系列第 15 篇

技術 Day15: 自製的影片撥放器(一)

WES BOS系列影片Alex快速導讀系列影片今天要來製作自己的影片撥放器，覺得原始的控制套件很醜?那就自己做一個，不過作者已經幫我們做好樣式了。我們還是注重...

喬依司 ‧ 2020-09-23 ‧團隊自討苦吃三十天#像極了愛情

0 Like 0 留言 2004 瀏覽

鐵人賽自我挑戰組 DAY 20

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

技術 Day 20 CSS & HTML5 <CSS的初始化 & HTML5 新增的語意化標籤>

CSS的初始化簡單理解 : CSS初始化是指重設瀏覽器的樣式 (也稱 CSS reset) 每個網頁都必須首先進行 CSS初始化初始化範例 : /* 把我们...

a0265392_lin ‧ 2021-09-30

3 Like 1 留言 1999 瀏覽

技術 [鼠年全馬鐵人挑戰] Week06 - 新手學習筆記：淺談 RWD (響應式網頁設計)

Hi~又見面啦這週大家過的好嗎? 最近開始學習了 RWD 響應式網頁設計，發現可以運用的好多也不少細節呢~想好好把學到的寫成筆記增加自已的印象 :)所以最近幾...

a841722 ‧ 2020-03-15

2 Like 1 留言 1928 瀏覽

鐵人賽自我挑戰組 DAY 1

新手村－30 Day JS Coding Challenge 系列第 1 篇

技術新手村01 - JavaScript Drum Kit

01 - JavaScript Drum Kit 俗話說的好，一天一蘋果，醫生遠離我一天一 JS，What the f*ck JavaScript？ smal...

Chester ‧ 2019-09-16

0 Like 0 留言 1922 瀏覽

技術鼠年全馬鐵人挑戰 WEEK 07:優化SEO- 語意化標籤！讓別人看懂你在寫什麼！

什麼是語意標籤？？為了讓標籤(Tag)更具意義，已加強文件的結構化，讓搜尋引擎更清楚瞭解，可以更清楚表現網頁中每個區塊的設計目的。為什麼要用語意標籤？可...

jason06286 ‧ 2020-03-28

1 Like 0 留言 1919 瀏覽

鐵人賽 Modern Web DAY 18

實作經典 JavaScript 30 系列第 18 篇

技術 Day 18 : 為網頁增加圖片動畫效果

WES BOS系列影片Alex快速導讀系列影片今天要為靜態的文章，添加一些圖片進場的動畫效果練習抓取螢幕與圖片的長度，進而控制圖片的進場時間。 1.先抓出需要...

喬依司 ‧ 2020-09-26 ‧團隊自討苦吃三十天#像極了愛情

2 Like 2 留言 1861 瀏覽

技術 2021 春季 JS 直播班心得

前言去年忙結婚的事情一度暫停學習及更新文章忙完結婚事以後剛好六角學院也開了很適合新手的JS直播課程自已實在是停了太久所以就立馬報名啦! 在上課之前的心理建設...

a841722 ‧ 2021-04-19

1 Like 0 留言 1825 瀏覽

鐵人賽 Modern Web DAY 2

實作經典 JavaScript 30 系列第 2 篇

技術 Day02:來做個鍵盤鼓手(一)

WES BOS系列影片Alex快速導讀系列影片 Day01-JavaScript Drum Kit 思考需要的功能1.按鍵按下後需要發出聲音2.發出聲音的同時加...

喬依司 ‧ 2020-09-10 ‧團隊自討苦吃三十天#像極了愛情

0 Like 0 留言 1789 瀏覽

鐵人賽自我挑戰組 DAY 6

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

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

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

a0265392 ‧ 2021-09-06

1 Like 1 留言 1755 瀏覽

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

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

Doris ‧ 2023-05-01

3 Like 0 留言 1746 瀏覽

技術鼠年全馬鐵人挑戰 WEEK 24: 從零開始，如何從Git push 到 GitHub？

本篇適用於完全不會Git的人，將一步步帶你上傳檔案至GitHub 1. 安裝首先到 Git 官網，下載Git以下為 windows 環境下示範，開始選單...

jason06286 ‧ 2020-07-23

1 Like 0 留言 1706 瀏覽

技術鼠年全馬鐵人挑戰 WEEK 13: CSS | 假的！假的！這一切都是假的！偽元素 - 基本用法

什麼是偽元素？它不是網頁元素，但行為、表現又像元素一樣，可以用CSS操控。簡易來說它就是個分身術，常用的偽元素有::before、::after兩種。 ::b...

jason06286 ‧ 2020-05-10

2 Like 1 留言 1703 瀏覽

技術 [快速入門前端 28] Float 浮動

Float 浮動 Float 在設計之初是用來呈現文繞圖的效果，可以將元素指定為靠左或靠右浮動，在 CSS 中，所有的元素都可以加入 float 屬性。範例：...

Doris ‧ 2023-06-11

1 Like 0 留言 1697 瀏覽

技術 [快速入門前端 4] 什麼是 HTML 標籤 (2) — 表格(Table) 和表單(Form)

HTML 標籤表格 - table <table> 顧名思義就是表格標籤，用來呈現二維資料的表資訊，不過 <table> 標籤只是作為...

Doris ‧ 2023-05-10

0 Like 0 留言 1680 瀏覽

鐵人賽自我挑戰組 DAY 25

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

技術 Day 25 CSS3 < 2D轉換 transform>

轉換 (transform)實現元素的位移、旋轉、縮放等效果，可以簡單理解為變形。移動 translate 旋轉 rotate 縮放 scale 1.2D...

a0265392_lin ‧ 2021-10-05

1 Like 0 留言 1551 瀏覽

技術 [快速入門前端 33] 進階樣式屬性 (3)：3D Transform 和 Transition 轉場效果

3D Transform 上一篇我們講完了 2D Transform，今天我們就來介紹 3D 的部分，其實 3D 只是加入 Z 軸，有了立體和透視的概念。在 3...

Doris ‧ 2023-06-26

0 Like 0 留言 1517 瀏覽

鐵人賽自我挑戰組 DAY 19

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

技術 Day 19 CSS <icon font 字體圖標>

1. 字體圖標使用場景主要用於顯示網頁中通用或常用的一些小圖標因為精靈圖有許多優點但缺點也很明顯: a. 圖片文件相對較大b. 圖片本身放大和縮小會失真c...

a0265392_lin ‧ 2021-09-29

0 Like 1 留言 1500 瀏覽

鐵人賽自我挑戰組 DAY 3

新手村－30 Day JS Coding Challenge 系列第 3 篇

技術新手村03 - CSS Variables

03 - CSS Variables 俗話說的好，一天一蘋果，醫生遠離我一天一 JS，What the f*ck JavaScript？ small step...

Chester ‧ 2019-09-18

1 Like 0 留言 1468 瀏覽

鐵人賽 Modern Web DAY 28

實作經典 JavaScript 30 系列第 28 篇

技術 Day28: Sticky Nav

WES BOS系列影片Alex快速導讀系列影片今天針對常用的Navbar做fix的狀態這真的是很常見的功能，可以立馬學起來 1.先抓出NavBar的位置，以及...

喬依司 ‧ 2020-10-06 ‧團隊自討苦吃三十天#像極了愛情

1 Like 1 留言 1451 瀏覽

鐵人賽 Modern Web DAY 17

實作經典 JavaScript 30 系列第 17 篇

技術 Day17: 為網站設計一個彩蛋

WES BOS系列影片Alex快速導讀系列影片今天的實例用到了cornify.js這個套件，功能類似打電動時要放大絕招前，一定要輸入一段指令串。例如:上上下下...

喬依司 ‧ 2020-09-25 ‧團隊自討苦吃三十天#像極了愛情

0 Like 0 留言 1448 瀏覽

鐵人賽自我挑戰組 DAY 18

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

技術 Day 18 CSS <Sprite 精靈圖>

1. 為什麼需要精靈圖一個網頁中會需要很多小的背景作為修飾，若圖像過多服務器頻繁接收&發送會造成服務器壓力過大，將降低頁面加載速度因此，為了有效減少...

a0265392_lin ‧ 2021-09-28

1 Like 0 留言 1442 瀏覽

鐵人賽 Modern Web DAY 7

33歲轉職者的前端筆記系列第 7 篇

技術 33歲轉職者的前端筆記-DAY 7 常見的捲軸 scollbar 做法

第七篇一樣來寫寫公司專案用到的排版技能在註冊頁面還沒填資料時很多網站都會先跳出「個人資料使用聲明同意書」因為個資法的關係，通常網站都會加上這個畫面這個畫...

a841722 ‧ 2021-09-07

1 Like 0 留言 1434 瀏覽

技術 [快速入門前端 23] CSS 常見屬性(3) 邊框、表格及列表屬性

border 邊框 border，指的是邊框，擁有三個必要屬性 border-width、border-color、border-style，分別指定邊框的寬度...

Doris ‧ 2023-05-30

技術 鼠年全馬鐵人挑戰 WEEK 25: Git branch 合併 Merge Rebase

技術 鼠年全馬鐵人挑戰 WEEK 02：瞭解Html標籤及特性-標籤下的好，架構沒煩惱！

技術 新手村26 - Stripe Follow Along Nav