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

5 Like 1 留言 14807 瀏覽

鐵人賽 Modern Web DAY 16

實踐無障礙網頁設計（Web Accessibility）系列第 16 篇

技術實作無障礙網頁功能：真・button —— RWD 漢堡選單應用

這系列無障礙的鐵人賽文章，實踐的內容主要是根據 W3C：WAI-ARIA 的實踐，從設計模式及組件（Design Patterns and Widgets）裡...

Askie Lin ‧ 2019-10-01 ‧團隊好想工作室 v3.0

2 Like 0 留言 14094 瀏覽

鐵人賽自我挑戰組 DAY 24

Typescript 初心者手札系列第 24 篇

技術【Day 24】在 React 專案中使用 TypeScript - 建置開發環境

今天開始來探討如何使用 TS 結合 React 進行開發，要開發一個專案，最重要的就是建置開發環境。這裡我們會介紹兩種React + TypeScript 建置...

Kira ‧ 2019-10-09 ‧團隊好想工作室 v3.0

3 Like 1 留言 13790 瀏覽

鐵人賽自我挑戰組

JavaScript之一定要了解的 Array 與方法系列第 32 篇

技術 # 非常彈性好用的陣列 Array 方法 map()

Day 32 如果日行一善可以持續，那鐵人應該也可以。上一篇我們講解了陣列方法的 forEach()，知道它可以做迭代這件事，但在 ECMAScript...

tsuifei ‧ 2019-10-22 ‧團隊好想工作室 v3.0

2 Like 1 留言 13736 瀏覽

鐵人賽 Modern Web DAY 21

前端新手村系列第 21 篇

技術前端新手村 Media Query

「當你迷惘的時候，就回到原點想一想」-中華一番蘭飛鴻前言網頁前端新手村系列文章，宗旨並不在技術本身的教導，重點放在技術與技術之間的脈胳關係。讓零碎的網...

Chris ‧ 2017-12-31

2 Like 0 留言 13552 瀏覽

鐵人賽 Modern Web DAY 14

前端路上那些重要與不重要的小事系列第 14 篇

技術 Day14：小事之 HTML 語意化標籤上篇

在 HTML5 中新增了語意標籤，用意是：取代掉不具意義的 <div> 等tag 用語意化標籤來加強文件的結構化。 HTML 5 中新增的...

小艾 ( Cami ) ‧ 2018-01-02 ‧團隊好想工作室第一屆鐵人賽

3 Like 2 留言 13418 瀏覽

鐵人賽 Modern Web DAY 25

前端路上那些重要與不重要的小事系列第 25 篇

技術 Day25：小事之 CSS 偽元素與 content Property

W3C 寫道：content 屬性與 ::before 和 ::after 一起使用在文檔中生成內容。因此，使用 ::before 和 ::after 一定要...

小艾 ( Cami ) ‧ 2018-01-13 ‧團隊好想工作室第一屆鐵人賽

2 Like 0 留言 13111 瀏覽

鐵人賽 Modern Web DAY 26

前端新手村系列第 26 篇

技術前端新手村 @import 開心的結構化 CSS

「當你迷惘的時候，就回到原點想一想」-中華一番蘭飛鴻前言網頁前端新手村系列文章，宗旨並不在技術本身的教導，重點放在技術與技術之間的脈胳關係。讓零碎的網...

Chris ‧ 2018-01-05

4 Like 1 留言 12921 瀏覽

達標好文技術 [不做怎麼知道系列之Android開發者的30天後端養成故事 Day22] - 什麼是真正的 RESTful API? #RESTful API應該長什麼樣子? #六規則 #湊個第三項

哈囉，我們又見面了，前幾天我們把整個 Django 網站搬到雲端了，今天我們來研究一下 RESTful API，到底什麼樣的 API 才叫做 RESTful...

Sam ‧ 2020-03-02

3 Like 0 留言 12027 瀏覽

鐵人賽自我挑戰組 DAY 20

JavaScript之一定要了解的 Array 與方法系列第 20 篇

技術輕鬆淺拷貝的陣列 Array 方法 slice()

Day 20 老闆，幫我切一段香腸，從第三節到第六節，你手握著的那節不要。謝謝！ slice 的英文是切片或擷取，我們生活中常用的像是：「slice of...

tsuifei ‧ 2019-10-05 ‧團隊好想工作室 v3.0

0 Like 1 留言 11791 瀏覽

技術 [不做怎麼知道系列之Android開發者的30天後端養成故事 Day27] - 可以付錢給我了! #串接第三方金流 #綠界 #ShowMeTheMoney

哈囉，我們又見面了，前幾天我們把 Line 的 ChatBot 番外篇完成了，今天我們來試著串接「第三方金流」的服務，在開始之前必須先釐清一件事：「第三方金...

Sam ‧ 2020-03-10

2 Like 2 留言 11511 瀏覽

鐵人賽自我挑戰組 DAY 19

JavaScript之一定要了解的 Array 與方法系列第 19 篇

技術 JS 合併陣列 Array 的方法 concat()

人生像是一列火車，旅程中總是會搭載著不同貨物，走得越遠掛載的越多，包括肥肉。圖片來源：www.unsplash.com / Dibyendu Sekha...

tsuifei ‧ 2019-10-04 ‧團隊好想工作室 v3.0

3 Like 0 留言 10813 瀏覽

鐵人賽 Modern Web DAY 23

前端路上那些重要與不重要的小事系列第 23 篇

技術 Day23：小事之 CSS hacks

在各家瀏覽器開始出現的時候，除了不同瀏覽器與 IE 各版本間的不相容需要使用 reset.css 或 normalize.css 來進行最初的調整之外，最讓人頭...

小艾 ( Cami ) ‧ 2018-01-11 ‧團隊好想工作室第一屆鐵人賽

3 Like 1 留言 10734 瀏覽

鐵人賽自我挑戰組 DAY 16

Typescript 初心者手札系列第 16 篇

技術【Day 16】TypeScript 資料型別 - 特殊型別(下)- Any & Unknown

閱讀今天的文章前，先回顧一下昨天的學習，回答看看： never 和 void 的差異為何？ never 是所有型別的子型別，這會讓 never 擁有什麼特性...

Kira ‧ 2019-10-01 ‧團隊好想工作室 v3.0

3 Like 0 留言 10682 瀏覽

鐵人賽 Modern Web DAY 24

前端路上那些重要與不重要的小事系列第 24 篇

技術 Day24：小事之 CSS 偽類與偽元素

先來個比較表 . 符號 . . 作用偽類 : 不是元素不會出現在 DOM tree 用於定義元素的特殊狀態偽元素 :: 是元素會出現在...

小艾 ( Cami ) ‧ 2018-01-12 ‧團隊好想工作室第一屆鐵人賽

1 Like 0 留言 10663 瀏覽

鐵人賽 Modern Web DAY 1

新手也能懂的JS30 系列第 1 篇

技術 JS30-Day1-Javascript Drum Kit

JS30以及文章簡介 JS30，是由加拿大工程師Wes Bos所建立一系列課程，課程中我們可以學到很多Javascript程式語言的實際應用，例如如何操作Doc...

王郁翔 ‧ 2017-12-20 ‧團隊好想工作室第一屆鐵人賽

6 Like 3 留言 10397 瀏覽

鐵人賽 Modern Web DAY 7

實踐無障礙網頁設計（Web Accessibility）系列第 7 篇

技術無障礙網站之 WAI-ARIA 的角色介紹（Role）

Hi there! 讀過前篇文章，對 WAI-ARIA 已經有基本認知，就可以來認識 ARIA 的基本要素：角色、狀態、屬性，它提供特殊的可訪問性「屬性 Att...

Askie Lin ‧ 2019-09-22 ‧團隊好想工作室 v3.0

3 Like 1 留言 10335 瀏覽

鐵人賽自我挑戰組 DAY 8

JavaScript之一定要了解的 Array 與方法系列第 8 篇

技術 JS 判別是否為陣列 Array

Day 8 如果你不是台灣的國民，就不能在台灣投票，對吧？ Javascript 是弱型別語言，也因為這個特性，在處理資料時 JavaScript 很可能的...

tsuifei ‧ 2019-09-23 ‧團隊好想工作室 v3.0

2 Like 0 留言 10182 瀏覽

鐵人賽自我挑戰組 DAY 10

前端新手進化史系列第 10 篇

技術番外篇 - 胡搞 box-shadow (中)

文章將陸續整理並更新至個人部落格。咦，box-shadow 和 box model 唸起來很像? 他們的確有關聯沒錯!還記得 box model 是由...

yachen ‧ 2019-09-25 ‧團隊好想工作室 v3.0

1 Like 1 留言 10089 瀏覽

技術 [不做怎麼知道系列之Android開發者的30天後端養成故事 Day15] - 後端核心中的新星 #資料庫 #MongoDB #NoSQL

哈囉，我們又見面了，今天先跟大家預告，接下來兩天假日不會有文章，因為我睡囉，因為我發現與其要提心吊膽的擔心進度，不如就放心好好休息，休息完再繼續戰鬥，但休息不...

Sam ‧ 2020-02-22

5 Like 1 留言 9793 瀏覽

技術 [不做怎麼知道系列之Android開發者的30天後端養成故事 Day10] - 你/妳SOLID了嗎? #什麼是SOLID Principles #減少debug時間 #高品質程式

哈囉，我們又見面了，今天我們不實作電商網站，來看看 SOLID Principles 說了些什麼，為什麼可以透過遵守 SOLID 來達到高品質程式碼呢 ?...

Sam ‧ 2020-02-14

8 Like 2 留言 9742 瀏覽

鐵人賽 Modern Web DAY 3

前端新手村系列第 3 篇

達標好文技術前端新手村 HTML的作用

「當你迷惘的時候，就回到原點想一想」-中華一番蘭飛鴻前言網頁前端新手村系列文章，宗旨並不在技術本身的教導，重點放在技術與技術之間的脈胳關係。讓零碎的網...

Chris ‧ 2017-12-13

1 Like 0 留言 9669 瀏覽

鐵人賽 Modern Web DAY 26

前端路上那些重要與不重要的小事系列第 26 篇

技術 Day26：小事之多重背景與漸層背景 CSS3 Gradients

多重背景與漸層背景是 CSS3 才開始有的背景屬性瀏覽器適用前綴 Google Chrome 與 Apple Safari 使用 -webkit- Mozil...

小艾 ( Cami ) ‧ 2018-01-14 ‧團隊好想工作室第一屆鐵人賽

3 Like 0 留言 9622 瀏覽

鐵人賽 Modern Web DAY 14

實踐無障礙網頁設計（Web Accessibility）系列第 14 篇

技術實作無障礙網頁功能：麵包屑 Breadcrumb

這系列無障礙的鐵人賽文章，實踐的內容主要是根據 W3C：WAI-ARIA 的實踐，從設計模式及組件（Design Patterns and Widgets）裡...

Askie Lin ‧ 2019-09-29 ‧團隊好想工作室 v3.0

3 Like 1 留言 9605 瀏覽

鐵人賽自我挑戰組 DAY 9

JavaScript之一定要了解的 Array 與方法系列第 9 篇

技術 JS 如何轉型別為陣列 Array

Day 9 轉大人和轉職ㄧ樣不簡單這樣一句話「JavaScript 是弱型別語言」好像出現好幾次了，但它常出現也不是沒有原因，因為我們常常會忘記 Jav...

tsuifei ‧ 2019-09-24 ‧團隊好想工作室 v3.0

1 Like 0 留言 9432 瀏覽

鐵人賽自我挑戰組 DAY 23

JavaScript之一定要了解的 Array 與方法系列第 23 篇

技術 JS 可讓陣列 Array 反過來的 reverse()

Day 23 倒立一點都不稀奇，只要使用一點魔法，我也可以倒著走。今天要來講一個很輕鬆的陣列方法，它可以把陣列反轉過來，而且和上一篇介紹的sort()ㄧ樣...

tsuifei ‧ 2019-10-08 ‧團隊好想工作室 v3.0

0 Like 0 留言 9374 瀏覽

鐵人賽 Modern Web DAY 18

前端路上那些重要與不重要的小事系列第 18 篇

技術 Day18：小事之 HTML form

在整個網站裡，form 表單會出現在不少地方，最常看到的是在聯絡我們那頁。以聯絡我們來舉例，基本的表單如下： <form action="&q...

小艾 ( Cami ) ‧ 2018-01-06 ‧團隊好想工作室第一屆鐵人賽

2 Like 1 留言 9264 瀏覽

鐵人賽 Modern Web DAY 10

前端路上那些重要與不重要的小事系列第 10 篇

技術 Day10：小事之 HTML dir Attribute

<!DOCTYPE html> <html lang="zh-tw" dir="ltr"> &l...

小艾 ( Cami ) ‧ 2017-12-29 ‧團隊好想工作室第一屆鐵人賽

1 Like 1 留言 8889 瀏覽

鐵人賽 Modern Web DAY 19

前端路上那些重要與不重要的小事系列第 19 篇

技術 Day19：小事之 Google form 的運用

會使用 Google form 是因為在做簡易的網站時，如果需要聯絡我們之類的表單，又不想要麻煩工程師，那麼使用 Google form 會是一個很方便的方式。...

小艾 ( Cami ) ‧ 2018-01-07 ‧團隊好想工作室第一屆鐵人賽

3 Like 1 留言 8580 瀏覽

鐵人賽 Modern Web DAY 23

前端新手村系列第 23 篇

技術前端新手村細說 Timing function

「當你迷惘的時候，就回到原點想一想」-中華一番蘭飛鴻前言網頁前端新手村系列文章，宗旨並不在技術本身的教導，重點放在技術與技術之間的脈胳關係。讓零碎的網...

Chris ‧ 2018-01-02

4 Like 1 留言 8438 瀏覽

鐵人賽 Modern Web DAY 4

前端新手村系列第 4 篇

技術前端新手村 CSS 的單位

「當你迷惘的時候，就回到原點想一想」-中華一番蘭飛鴻前言網頁前端新手村系列文章，宗旨並不在技術本身的教導，重點放在技術與技術之間的脈胳關係。讓零碎的網...

Chris ‧ 2017-12-14

技術 實作無障礙網頁功能：真・button —— RWD 漢堡選單應用

技術 【Day 24】在 React 專案中使用 TypeScript - 建置開發環境

技術 # 非常彈性好用的陣列 Array 方法 map()

技術 前端新手村 Media Query

技術 Day14：小事之 HTML 語意化標籤 上篇

技術 Day25：小事之 CSS 偽元素 與 content Property

技術 前端新手村 @import 開心的結構化 CSS

達標好文 技術 [不做怎麼知道系列之Android開發者的30天後端養成故事 Day22] - 什麼是真正的 RESTful API? #RESTful API應該長什麼樣子? #六規則 #湊個第三項

技術 輕鬆淺拷貝的陣列 Array 方法 slice()

技術 [不做怎麼知道系列之Android開發者的30天後端養成故事 Day27] - 可以付錢給我了! #串接第三方金流 #綠界 #ShowMeTheMoney

技術 JS 合併陣列 Array 的方法 concat()

技術 Day23：小事之 CSS hacks

技術 【Day 16】TypeScript 資料型別 - 特殊型別(下)- Any & Unknown

技術 Day24：小事之 CSS 偽類 與 偽元素

技術 JS30-Day1-Javascript Drum Kit

技術 無障礙網站之 WAI-ARIA 的角色介紹（Role）

技術 JS 判別是否為陣列 Array

技術 番外篇 - 胡搞 box-shadow (中)

技術 [不做怎麼知道系列之Android開發者的30天後端養成故事 Day15] - 後端核心中的新星 #資料庫 #MongoDB #NoSQL

技術 [不做怎麼知道系列之Android開發者的30天後端養成故事 Day10] - 你/妳SOLID了嗎? #什麼是SOLID Principles #減少debug時間 #高品質程式

達標好文 技術 前端新手村 HTML的作用

技術 Day26：小事之 多重背景與漸層背景 CSS3 Gradients

技術 實作無障礙網頁功能：麵包屑 Breadcrumb

技術 JS 如何轉型別為陣列 Array

技術 JS 可讓陣列 Array 反過來的 reverse()

技術 Day18：小事之 HTML form

技術 Day10：小事之 HTML dir Attribute

技術 Day19：小事之 Google form 的運用

技術 前端新手村 細說 Timing function

技術 前端新手村 CSS 的單位

標記使用者

技術實作無障礙網頁功能：真・button —— RWD 漢堡選單應用

技術【Day 24】在 React 專案中使用 TypeScript - 建置開發環境

技術前端新手村 Media Query

技術 Day14：小事之 HTML 語意化標籤上篇

技術 Day25：小事之 CSS 偽元素與 content Property

技術前端新手村 @import 開心的結構化 CSS

達標好文技術 [不做怎麼知道系列之Android開發者的30天後端養成故事 Day22] - 什麼是真正的 RESTful API? #RESTful API應該長什麼樣子? #六規則 #湊個第三項

技術輕鬆淺拷貝的陣列 Array 方法 slice()

技術【Day 16】TypeScript 資料型別 - 特殊型別(下)- Any & Unknown

技術 Day24：小事之 CSS 偽類與偽元素

技術無障礙網站之 WAI-ARIA 的角色介紹（Role）

技術番外篇 - 胡搞 box-shadow (中)

達標好文技術前端新手村 HTML的作用

技術 Day26：小事之多重背景與漸層背景 CSS3 Gradients

技術實作無障礙網頁功能：麵包屑 Breadcrumb

技術前端新手村細說 Timing function

技術前端新手村 CSS 的單位