iT邦幫忙

好想工作室相關文章
共有 216 則文章
鐵人賽 Modern Web DAY 30

技術 Web Accessibility:這 30 天的遺珠之憾與補充

(圖片來源:Unsplash) My idea of society is that while we are born equal, meaning th...

鐵人賽 自我挑戰組 DAY 30

技術 Day 30 ─完賽

終於結束了,30天,30篇技術文章 今年做的事,真的是一件比一件還出乎意料,從西班牙朝聖之路、法國登山健行到加入好想工作室學程式,從兩個月多前一句程式碼都沒寫過...

鐵人賽 自我挑戰組 DAY 30
Typescript 初心者手札 系列 第 30

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

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

鐵人賽 自我挑戰組 DAY 30

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

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

鐵人賽 Modern Web DAY 29

技術 真實世界:使用 Android 輔助功能 TalkBack 來瀏覽行動版網頁

(圖片來源:Google) 維基百科: Google Talkback was an accessibility service for Android t...

鐵人賽 自我挑戰組 DAY 29
Typescript 初心者手札 系列 第 29

技術 【Day 29】在 React 專案中使用 TypeScript - 宣告檔案(declaration file)(下)

昨天我們探討了宣告檔案的使用情境,知道如何載入第三方宣告檔案,以及如何判斷函式庫使用方式,今天要來探討如何撰寫宣告檔案.d.ts以及如何發布宣告檔案。 在使用情...

鐵人賽 自我挑戰組 DAY 29
前端新手進化史 系列 第 29

技術 flex 7

flex 有自己專屬的對齊屬性,vertical-align、text-align 甚至 float 都是叫不動 flex items 的。想要讓 flex...

鐵人賽 自我挑戰組 DAY 29

技術 JS ECMAScript 5 的陣列 Array 方法淺析

Day 29 生活要簡約,寫程式也是。但是,可能嗎? ECMAScript 5 的陣列方法,除了前兩篇介紹的indexOf()和lastIndexOf()外...

鐵人賽 Modern Web DAY 28

技術 真實世界:使用 iOS 輔助功能 VoiceOver 來瀏覽行動版網頁

(圖片來源:Apple) 維基百科: VoiceOver is a screen reader built into Apple Inc.'s macOS,...

鐵人賽 自我挑戰組 DAY 28
前端新手進化史 系列 第 28

技術 flex 6

vertical-align、text-align 甚至 float 都是叫不動 flex items 的,flex 有自己專屬的對齊屬性,而想要讓 flex...

鐵人賽 自我挑戰組 DAY 28
Typescript 初心者手札 系列 第 28

技術 【Day 28】在 React 專案中使用 TypeScript - 宣告檔案(declaration file)

之前在探討模組解析時,不知道大家有沒有注意到 import { b } from “./moduleB”在查找模組的過程中,除了同層資料夾尋找 moduleB....

鐵人賽 自我挑戰組 DAY 28

技術 JS 陣列 Array 方法,找出最後一個元素的索引值 lastIndexOf()

Day 28 你!就是你。那個最後一個戴黑帽黑衣的站出來!你認識那位排在前頭和你穿ㄧ樣的俠客嗎? 昨天我們介紹了indexOf(),今天要來介紹和它算是一對...

鐵人賽 Modern Web DAY 27

技術 開發無障礙網頁:免費檢測工具介紹(Testing & Linting)

在前一篇文章當中,介紹了瀏覽器的開發者工具中有工具哪些能適時幫助我們建立可訪問的網站。 而今天要來介紹的內容將涵蓋: 檢測訪問性的步驟 檢測訪問性的工具...

鐵人賽 自我挑戰組 DAY 27
Typescript 初心者手札 系列 第 27

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

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

鐵人賽 自我挑戰組 DAY 27

技術 JS 找出元素索引值的陣列 Array 方法 indexOf()

Day 27 那一排,都是穿黑衣戴口罩的,去幫我找出搗亂的。抱歉,我只能給你 -1 因為連我們偶爾都會穿黑衣戴口罩。 終於,我們要進入ECMAScript...

鐵人賽 自我挑戰組 DAY 26
前端新手進化史 系列 第 26

技術 flex 4

今天將介紹 flex 屬性,在這之前先來了解一下 positive free space 與 negative free space 這兩個名詞。 pos...

鐵人賽 Modern Web DAY 26

技術 開發無障礙網頁:使用瀏覽器開發者工具 Chrome vs Firefox

開發者工具(Devtools)在網頁開發中是日常生活的一環,很多除錯的功能在很多大大的文章都有介紹,這篇文章要介紹的是如何使用瀏覽器內建的開發者工具作為無障礙檢...

鐵人賽 自我挑戰組 DAY 26
Typescript 初心者手札 系列 第 26

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

昨天提到了模組觀念以及撰寫語法,今天要來探討 TS 模組編譯成 JS 的機制了! 模組編譯設定 我們無法直接使用 .ts 檔案中的模組,一定需要編譯成 JS 檔...

鐵人賽 Modern Web DAY 25

技術 實作無障礙網頁功能:無限捲軸之於訪問性的討論 Infinite Scroll(Feed)

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

鐵人賽 自我挑戰組 DAY 25
Typescript 初心者手札 系列 第 25

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

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

鐵人賽 自我挑戰組 DAY 25

技術 JS 把陣列 Array 轉成字串的 toString()

Day 25 我不想理你是歐洲人、美洲人、非洲人或哪國人,我就是要說中文。 常常聽到人家說 JavaScript 是弱型別語言,剛開始學程式的時候真的有點一...

鐵人賽 Modern Web DAY 24

技術 實作無障礙網頁功能:無障礙定位點(導盲磚 `:::`)

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

鐵人賽 自我挑戰組 DAY 24
Typescript 初心者手札 系列 第 24

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

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

鐵人賽 自我挑戰組 DAY 24

技術 JS 把陣列 Array 所有元素併成字串,且可任意穿插符號的 join()

Day 24 插隊也不能插成這樣,我們之間總是可以插點花什麼的。 不知道大家有沒有吃過義大利的千層麵,一層麵皮一層蕃茄餡料,然後再一層麵皮一層蕃茄餡料,直到...

鐵人賽 Modern Web DAY 23

技術 實作無障礙網頁功能:此 Switch 非彼 Switch,可訪問的雙狀態開關作法。

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

鐵人賽 自我挑戰組 DAY 23
前端新手進化史 系列 第 23

技術 flex 1

前言 先前介紹格式化上下文(formatting context)時,曾說到 container box 會為其內容建立格式化上下文,例如 grid conta...

鐵人賽 自我挑戰組 DAY 23

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

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

鐵人賽 自我挑戰組 DAY 23
Typescript 初心者手札 系列 第 23

技術 【Day 23】TypeScript - 類別存取器(Accessors)

在 TS 中類別有些屬性,我們希望只在類別內部操作,這時候會使用 private 修飾符,如此,該屬性就無法在外部存取,提高資料的安全性。但如果這時候,我們想要...

鐵人賽 自我挑戰組 DAY 22
Typescript 初心者手札 系列 第 22

技術 【Day 22】TypeScript 類別繼承(Class Inheritance) v.s. 實踐(Implements)

在前兩天的文章中都有提到類別繼承(Class Interitance)的概念,使用的是extends關鍵字,今天會再深入探討並加上討論類別實踐(Class Im...

鐵人賽 自我挑戰組 DAY 22
前端新手進化史 系列 第 22

技術 替換元素 replaced element

前言 替換元素雖然預設為 display: inline,但又與一般常見的 inline element 不同,準確來說,它是 inline-level ele...