iT邦幫忙

好想工作室相關文章
共有 217 則文章
鐵人賽 自我挑戰組 DAY 15

技術 JS 從陣列 Array 尾端新增元素的 push()

Day 15 有付出一定有收穫,有pushㄧ定有增加,但是要排隊喔~ 介紹陣列方法的第一天,想先請大家看一下底下的這張圖,在上一篇,我們依 JavaScri...

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

技術 【Day 15】TypeScript 資料型別 - 特殊型別(上)- Never

閱讀今天的文章前,先回顧一下昨天的學習,回答看看: 複合型別有哪兩種?分別用在哪些情境? 什麼是型別檢測(Type Guard)? 如果有點不清楚答案的話...

鐵人賽 Modern Web DAY 15

技術 實作無障礙網頁功能:真・button —— 按鈕的世界比你想像複雜,別再用 div 刻假按鈕了!

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

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

技術 視覺格式化模型-Box generation(中)

前言 視覺格式化模型會依據盒子模型(box model)將元素轉換為一個個盒子(box),並且根據盒子的包含塊(containing block)邊界來渲染...

鐵人賽 Modern Web DAY 14

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

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

鐵人賽 自我挑戰組 DAY 14

技術 JS_陣列 Array 方法概觀

Day 14 知道怎麼做,但是如果有好工具會更得心應手。 JavaScript一直在演化,也因此因不同時期推出的新方法好像是給我們補充能量,原本需要複雜的程...

鐵人賽 Modern Web DAY 14
鉄人28号FX 系列 第 14

技術 鉄人28号FX 鉄人14号「空白彈」white-space, word-break, overflow-wrap

★ 支線:地圖東南方林中村落 ↓↓↓ 顯示道具屋位置圖 NPC [道具屋老闆]: 我這邊有各種樣式的空白彈, 在必要時,可以任意移開擋在前面的所有文字。 或許混...

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

技術 視覺格式化模型-Box generation(上)

前言 視覺格式化模型會依據盒子模型(box model)將元素轉換為一個個盒子(box),並且根據盒子的包含塊(containing block)邊界來渲染盒...

鐵人賽 Modern Web DAY 13

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

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

鐵人賽 自我挑戰組 DAY 13

技術 JS 遍歷陣列 Array 的方法

Day 13 傻傻以為迴圈是唯一,那只是沙灘上的一塊小岩石。 回想剛開始學程式時,看到 While 迴圈可以透過 ASCII 碼,把英文數字從 a 到 Z...

鐵人賽 Software Development DAY 13

技術 ✾後花園D13✾-你的MVC是我的MVC嗎?

本系列文的環境狀態,可點擊此連結後花園環境參考 前輩們說有100種人就有100種MVC,不同背景對MVC的解讀也可能都不同。 琳琅滿目的MVC解釋,小的不是專家...

鐵人賽 Modern Web DAY 12

技術 實作無障礙網頁功能:鍵盤也能操作的手風琴 Accordion

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

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

技術 Containing block

每個元素會生成零(display: none 時)至多個盒子(例如 display 為 list-item 時),盒子(box)可以裝盒子,不同的盒子會依據它...

鐵人賽 自我挑戰組 DAY 12

技術 JS 以陣列 Array 的複製談型別(下)

拿到它,先看它是什麼?拿它來做什麼? 再決定。 在複製陣列之前,先理解了 JavaScript 會依資料型別 Primitive type(基本型別)和No...

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

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

誰說影子一定要是黑色的呢? 誰說影子永遠當不了主角呢? 放下先入為主的偏見~ 來看看幾個 box-shadow 幹的好事吧~ (以下純屬好玩~不要太認真~~)...

鐵人賽 Modern Web DAY 11

技術 以設計層面來思考無障礙網站

(圖片來源:Inclusive Design - Microsoft) 設計雖不是我的專業,不過網站的製作可不是僅靠工程師的力量而已啊啊,所以也將找到的相關資...

鐵人賽 自我挑戰組 DAY 11

技術 JS 以陣列 Array 的複製談型別(上)

Day 11 別懷疑,複製就是拷貝,深拷貝淺拷貝就是深複製淺複製,呼~ 人家說,如果我們可以和某位朋友一起旅行 30 天,要嘛旅程結束變至親,不然就是變仇人...

鐵人賽 Modern Web DAY 10

技術 無障礙網站之 JavaScript 迷思和 SPA 探討

迷思:無障礙和 JS 只能擇一? JavaScript isn’t the enemy of accessibility. - A11Y with linds...

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

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

咦,box-shadow 和 box model 唸起來很像? 他們的確有關聯沒錯! 還記得 box model 是由四個部分:內容區(content)、內距...

鐵人賽 自我挑戰組 DAY 10

技術 JS 如何把陣列 Array 或元素清空和刪除

Day 10 好好的吃頓飯也是一種優雅。刪除也是。 「如何把陣列或元素清空」也要寫一篇? 妳當牛肉麵在寫嗎? 自從有了這本「JavaScript 大全」當枕...

鐵人賽 Modern Web DAY 9

技術 無障礙網站之 CSS 注意事項

(Photo by Igor Miske on Unsplash) 為所有人考量樣式的呈現 使用 CSS 可以使網頁變得炫彩奪目、時尚、應用任何漂亮的效果及排...

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

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

box-shadow 通常像是個可有可無的角色,但其實他也可以變出好玩的花樣,在展現影分身之術前,還是先來打個基本功,熟悉一下 box-shadow 的特性吧...

鐵人賽 自我挑戰組 DAY 9

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

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

鐵人賽 Modern Web DAY 8

技術 無障礙網站 WAI-ARIA 的 States and Properties,都是 Attribute 啊!

(圖片來源:How to Make Custom Accessible Checkboxes and Radio Buttons) 狀態與屬性 States...

鐵人賽 自我挑戰組 DAY 8

技術 JS 判別是否為陣列 Array

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

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

技術 混血兒 inline-block

inline-block 就像是 HTML 中 inline 和 block 兩大角頭聯姻下的產物,來看看他遺傳了哪些優良的顯性基因吧! 首先,該如何召...

鐵人賽 Modern Web DAY 7

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

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

鐵人賽 自我挑戰組 DAY 7

技術 JS 如何讀取和寫入陣列 Array 元素

Day 7 只要有資料,都會有 CRUD ,那陣列呢? CRUD 是什麼? 能吃嗎?? CRUD 分別代表:建立 Create, 讀取 Read, 更新 U...

鐵人賽 Software Development DAY 7

技術 ✾後花園D7✾-Valet管家(Mac的セパスチャン),呼喚Laravel甦醒吧

本系列文的環境狀態,可點擊此連結後花園環境參考 昨天備齊了Laravel的使用條件了,今天我們就準備讓Laravel甦醒過來吧! 這時就要請到Mac的Valet...

鐵人賽 Modern Web DAY 6

技術 實踐無障礙網站一定要先知道的 WAI-ARIA 的 5 個重要觀念

打造無障礙網站的基礎 無障礙的每個頁面內容需要在「表單」、「語義」、「結構」、「互動行為」下功夫,使用輔助科技的人們就能接受到真正的資訊。 以下基礎知識在前幾篇...