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

3 Like 0 留言 3161 瀏覽

鐵人賽 Modern Web DAY 13

前端新手村系列第 13 篇

技術前端新手村 CSS 的簡單 Selector (下篇)

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

Chris ‧ 2017-12-23

3 Like 0 留言 3159 瀏覽

技術 [不做怎麼知道系列之Android開發者的30天後端養成故事 Day11] - 測試可以吃嗎? #高品質程式 #單元測試 #整合測試

哈囉，我們又見面了，今天我們來看看怎麼測試一個網站，在開始實作之前，我們必須先釐清一些觀念，包含架站的過程中會遇到什麼事情、為什麼需要測試。架站流程我...

Sam ‧ 2020-02-17

2 Like 0 留言 3130 瀏覽

鐵人賽自我挑戰組 DAY 21

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

技術旋轉吧 rotate3d

文章將陸續整理並更新至個人部落格。今天不看 spec 哈哈，來現學現賣熱騰騰剛學到的新招式～以前很俗的只知道一般的 rotate，完全不知道還有這玩意...

yachen ‧ 2019-10-06 ‧團隊好想工作室 v3.0

1 Like 3 留言 3101 瀏覽

鐵人賽 Modern Web DAY 4

網頁阿尼尛，到底是在幹尛？系列第 4 篇

技術第三章、我是愛與正義的水少服戰士，要代替視差滾動懲♥︎罰♥︎你

前言網頁動畫起手式不難，透過一些視覺暫留、前後景的切換，就可以做出最簡的單(偽)動畫效果。。參考網站參考網站像這樣的網站已經是近幾年網站設計趨勢，可以簡...

CathyShen ‧ 2020-09-19 ‧團隊好想工作室 v4.0

0 Like 0 留言 3083 瀏覽

鐵人賽 Modern Web DAY 27

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

技術 JS30-Day27-Click & Drag

Day27-課題內容 JS30 進入倒數第四天，在今天的課題中，我們的目標是做出可以拖曳的目錄效果。[1]實作連結進入課題要做出拖曳的功能，我們要結合目前為...

王郁翔 ‧ 2018-01-15 ‧團隊好想工作室第一屆鐵人賽

2 Like 0 留言 3027 瀏覽

鐵人賽 Modern Web DAY 10

前端新手村系列第 10 篇

技術前端新手村再論 ex, em

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

Chris ‧ 2017-12-20

2 Like 1 留言 3003 瀏覽

鐵人賽 Modern Web DAY 23

完美 Camp 進化論系列第 23 篇

技術好想工作室 web camp 切版怎麼 training (一)

警語!!照著 Kata 練習，會遇到許多的困難。我會在這盡可能的把 Kata 講清楚，但是不保證照練就成功。我剛進來時的切版 KATA 是這樣我剛接觸...

Chris ‧ 2020-10-08 ‧團隊好想工作室 v4.0

1 Like 1 留言 2991 瀏覽

鐵人賽 Modern Web DAY 4

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

技術 JS30-Day4-Array Cardio

Day4-課題內容今天的題目當中，不會碰到任何跟頁面呈現有關的程式碼，而是將針對陣列Array於ECMAScript5中增加的新方法做進一步的認識。 ECMA...

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

2 Like 0 留言 2989 瀏覽

鐵人賽自我挑戰組 DAY 25

Typescript 初心者手札系列第 25 篇

技術【Day 25】在 React 專案中使用 TypeScript - 模組(Module)觀念(上)

昨天學習了如何建立 React 加 TypeScript 的開發環境，但是在嘗試開發的過程中，發現還有一些很重要的觀念需要了解，模組就是其中之一。在 React...

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

0 Like 0 留言 2923 瀏覽

鐵人賽 Modern Web DAY 1

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

技術 Day01：前言

動機從一開始從事網頁設計到漸漸邁向前端，一路上難免遇到不少雷只是一直沒有寫部落格的習慣，很多該紀錄的都忘了之前也曾想參加IT鐵人賽，但因為諸多因素而沒報名這...

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

1 Like 0 留言 2890 瀏覽

鐵人賽 Security DAY 30

逆向工程 – 從入門到放棄系列第 30 篇

技術 Day30 - 逆向 WannaCry 病毒，想哭病毒？

惡名昭彰的 WannaCry 讓 Windows 使用者欲哭無淚。今天來逆向 WannaCry，看這隻病毒到底有什麼實際行為？為什麼新聞說有人買下特定的網域，就...

@x0mg ‧ 2020-10-15 ‧團隊好想工作室 v4.0

2 Like 0 留言 2879 瀏覽

鐵人賽 Modern Web DAY 15

前端新手村系列第 15 篇

技術前端新手村偽元素

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

Chris ‧ 2017-12-25

0 Like 0 留言 2864 瀏覽

鐵人賽 Modern Web DAY 21

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

技術 JS30-Day21-Geolocation

Day21-課題內容在今天的課題當中，我們要透過 Geolocation API，取得我們目前位置的經緯度。[1]實作連結-大家可以把得到的經緯度貼在 goo...

王郁翔 ‧ 2018-01-09 ‧團隊好想工作室第一屆鐵人賽

0 Like 0 留言 2853 瀏覽

鐵人賽 Modern Web DAY 27

網頁阿尼尛，到底是在幹尛？系列第 27 篇

技術第二十六章、燃燒吧！Three.js 小宇宙！(肆)

簡介在 Three.js 動畫中我們可以透過以下三種方式來製作動畫： SkinnedMesh 骨骼蒙皮動畫 Geometry.morphTargets 變形...

CathyShen ‧ 2020-10-12 ‧團隊好想工作室 v4.0

4 Like 9 留言 2844 瀏覽

鐵人賽自我挑戰組 DAY 30

Typescript 初心者手札系列第 30 篇

技術【Day 30】總結：TypeScript 初心者的學習之路

今天是鐵人賽的最後一天，想來聊聊這30天的參賽心得。想想當初參賽在賽前一個禮拜決定從較熟悉的 React 主題，換成完全沒碰過未知的 TypeScript ，一...

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

1 Like 0 留言 2839 瀏覽

鐵人賽 Modern Web DAY 11

三十哩路，我的前端學習路程系列第 11 篇

技術 Day11::我所知道的 CSS重構第二章瞭解串接

第二章瞭解串接什麼是串接？串接(cascade) 是瀏覽器用來決定樣式如何套用到元素上的方法。有許多樣式可以套用到同一個元素上，當樣式沒有依照預期的方法被...

只是顆米荳 ‧ 2017-12-14

1 Like 0 留言 2836 瀏覽

鐵人賽 Modern Web DAY 15

三十哩路，我的前端學習路程系列第 15 篇

技術 Day15::我所知道的 CSS重構第四章為不同類型的樣式分類

第四章為不同類型的樣式分類樣式分類的重要性網頁可以被視為是用來呈現資訊的文件集，也能被視為一套複雜的應用程式這兩種面像都需要具語意的HTML標籤來描述要呈...

只是顆米荳 ‧ 2017-12-18

3 Like 9 留言 2836 瀏覽

鐵人賽自我挑戰組 DAY 30

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

技術 JS 陣列 Array 之小菜還沒出完

Day 30 據聞，在法國晚餐可以從七點半吃到 11 點。婚宴呢？可以從晚上十點吃到凌晨五點。我的鐵人賽大概就是這個概念。從來沒想過，自己可以寫陣列寫得這...

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

3 Like 0 留言 2812 瀏覽

鐵人賽 Modern Web DAY 8

完美 Camp 進化論系列第 8 篇

技術我在好想工作室 training 時，是什麼感覺

其實，這已經是幾年前的事了。現在回想起來也許會錯過掉許多細節。無法掌控的那一天來當學員的前一天，我其實睡覺有點睡太晚了。而且一整天的作息也不是很正常，讓...

Chris ‧ 2020-09-23 ‧團隊好想工作室 v4.0

2 Like 1 留言 2802 瀏覽

鐵人賽 Modern Web DAY 27

前端新手村系列第 27 篇

技術前端新手村 Animations (前傳)

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

Chris ‧ 2018-01-06

1 Like 1 留言 2793 瀏覽

鐵人賽 Modern Web DAY 29

網頁阿尼尛，到底是在幹尛？系列第 29 篇

技術第二十八章、集合啦！動畫技術同好會

簡介在系列文的前幾篇中，我們有提到動畫 12 法則是如何運作的，不過在科技日新月異下，我們不僅僅是可以在紙上、螢幕上看到動畫，而是能與創作者創作出來的作品有...

CathyShen ‧ 2020-10-14 ‧團隊好想工作室 v4.0

1 Like 0 留言 2727 瀏覽

鐵人賽自我挑戰組 DAY 27

Typescript 初心者手札系列第 27 篇

技術【Day 27】在 React 專案中使用 TypeScript - 命名空間(namespace)

前兩天初步的探討了模組的基本皮毛(每一個模組規範都是個深耕(誤)，仍待細細研究)。今天接著要來探討在探討模組時，一直感到很疑惑的命名空間(namespace)。...

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

2 Like 1 留言 2713 瀏覽

鐵人賽 Modern Web DAY 13

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

技術實作無障礙網頁功能：當使用者輸入錯誤的警告視窗 Alert

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

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

1 Like 0 留言 2713 瀏覽

鐵人賽 Modern Web DAY 25

前端新手村系列第 25 篇

技術前端新手村都市傳說之body範圍

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

Chris ‧ 2018-01-04

0 Like 1 留言 2697 瀏覽

鐵人賽 Modern Web DAY 24

三十哩路，我的前端學習路程系列第 24 篇

技術 Day24::從零開始的jQuery 學習紀錄 -2-

將使用這的要求轉化成實際的專案需求是實作專案以及節省時間的重要技巧。 var pts = 250; var => 宣告變數pts => 變數名稱2...

只是顆米荳 ‧ 2017-12-27

1 Like 0 留言 2688 瀏覽

鐵人賽自我挑戰組 DAY 20

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

技術淺談 line box 高度

文章將陸續整理並更新至個人部落格。前言所有 inline-level elements 所生成的 inline-level boxes 皆會參與行內...

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

0 Like 0 留言 2675 瀏覽

鐵人賽 Modern Web DAY 28

三十哩路，我的前端學習路程系列第 28 篇

技術 Day28::從零開始的jQuery 學習紀錄 -6-

什麼是變數？程式碼會需要暫時儲存一些工作執行所需要的資料，它可以把這些資料存在變數中。儲存在變數中的資料是可變更的(或是可變化的)，變數可以運用於表示程式碼中...

只是顆米荳 ‧ 2017-12-31

4 Like 0 留言 2592 瀏覽

鐵人賽 Modern Web DAY 8

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

技術 Day08：小事之與案主溝通 - 下篇

原本打算今天要開始講 HTML、CSS 的東西了，不過突然想到還有一些經驗值可以提供，所以就繼續把這部分寫完吧。簽約之前通常業務去跟客戶簽約之前都會先跟客戶...

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

1 Like 0 留言 2560 瀏覽

鐵人賽 Modern Web DAY 13

網頁阿尼尛，到底是在幹尛？系列第 13 篇

技術第十二章、喵喵喵喵喵喵喵喵 Sprite Animation

前言當我們在製作動畫時，除了使用 HTML + CSS 手刻元素之外，想必大家會想要直接上網找圖片來製作對吧？但是當瀏覽器在下載網站圖片時，每下載一次就會發送...

CathyShen ‧ 2020-09-28 ‧團隊好想工作室 v4.0

0 Like 0 留言 2547 瀏覽

鐵人賽 Modern Web DAY 22

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

技術 JS30-Day22-Follow Along Nav

Day22-課題內容在今天的課題當中，我們要透過滑鼠事件屬性以及 CSS 屬性，在頁面上做出聚光燈。[1]實作連結 Element.getBoundingCl...

王郁翔 ‧ 2018-01-10 ‧團隊好想工作室第一屆鐵人賽

技術 前端新手村 CSS 的 簡單 Selector (下篇)

技術 [不做怎麼知道系列之Android開發者的30天後端養成故事 Day11] - 測試可以吃嗎? #高品質程式 #單元測試 #整合測試

技術 旋轉吧 rotate3d

技術 第三章、我是愛與正義的水少服戰士，要代替 視差滾動 懲♥︎罰♥︎你

技術 JS30-Day27-Click & Drag

技術 前端新手村 再論 ex, em

技術 好想工作室 web camp 切版怎麼 training (一)

技術 JS30-Day4-Array Cardio

技術 【Day 25】在 React 專案中使用 TypeScript - 模組(Module)觀念(上)

技術 Day01：前言

技術 Day30 - 逆向 WannaCry 病毒，想哭病毒？

技術 前端新手村 偽元素

技術 JS30-Day21-Geolocation

技術 第二十六章、燃燒吧！Three.js 小宇宙！(肆)

技術 【Day 30】總結：TypeScript 初心者的學習之路

技術 Day11::我所知道的 CSS重構 第二章瞭解串接

技術 Day15::我所知道的 CSS重構 第四章為不同類型的樣式分類

技術 JS 陣列 Array 之小菜還沒出完

技術 我在好想工作室 training 時，是什麼感覺

技術 前端新手村 Animations (前傳)

技術 第二十八章、集合啦！ 動畫技術同好會

技術 【Day 27】在 React 專案中使用 TypeScript - 命名空間(namespace)

技術 實作無障礙網頁功能：當使用者輸入錯誤的警告視窗 Alert

技術 前端新手村 都市傳說之body範圍

技術 Day24::從零開始的jQuery 學習紀錄 -2-

技術 淺談 line box 高度

技術 Day28::從零開始的jQuery 學習紀錄 -6-

技術 Day08：小事之與案主溝通 - 下篇

技術 第十二章、喵喵喵喵喵喵喵喵 Sprite Animation

技術 JS30-Day22-Follow Along Nav

標記使用者

技術前端新手村 CSS 的簡單 Selector (下篇)

技術旋轉吧 rotate3d

技術第三章、我是愛與正義的水少服戰士，要代替視差滾動懲♥︎罰♥︎你

技術前端新手村再論 ex, em

技術好想工作室 web camp 切版怎麼 training (一)

技術【Day 25】在 React 專案中使用 TypeScript - 模組(Module)觀念(上)

技術前端新手村偽元素

技術第二十六章、燃燒吧！Three.js 小宇宙！(肆)

技術【Day 30】總結：TypeScript 初心者的學習之路

技術 Day11::我所知道的 CSS重構第二章瞭解串接

技術 Day15::我所知道的 CSS重構第四章為不同類型的樣式分類

技術我在好想工作室 training 時，是什麼感覺

技術前端新手村 Animations (前傳)

技術第二十八章、集合啦！動畫技術同好會

技術【Day 27】在 React 專案中使用 TypeScript - 命名空間(namespace)

技術實作無障礙網頁功能：當使用者輸入錯誤的警告視窗 Alert

技術前端新手村都市傳說之body範圍

技術淺談 line box 高度

技術第十二章、喵喵喵喵喵喵喵喵 Sprite Animation