(Photo by Igor Miske on Unsplash) 為所有人考量樣式的呈現 使用 CSS 可以使網頁變得炫彩奪目、時尚、應用任何漂亮的效果及排...
文章將陸續整理並更新至個人部落格。 box-shadow 通常像是個可有可無的角色,但其實他也可以變出好玩的花樣,在展現影分身之術前,還是先來打個基本功...
Day 9 轉大人和轉職ㄧ樣不簡單 這樣一句話「JavaScript 是弱型別語言」 好像出現好幾次了,但它常出現也不是沒有原因,因為我們常常會忘記 Jav...
(圖片來源:How to Make Custom Accessible Checkboxes and Radio Buttons) 狀態與屬性 States...
Day 8 如果你不是台灣的國民,就不能在台灣投票,對吧? Javascript 是弱型別語言,也因為這個特性,在處理資料時 JavaScript 很可能的...
文章將陸續整理並更新至個人部落格。 inline-block 就像是 HTML 中 inline 和 block 兩大角頭聯姻下的產物,來看看他遺傳了哪...
Hi there! 讀過前篇文章,對 WAI-ARIA 已經有基本認知,就可以來認識 ARIA 的基本要素:角色、狀態、屬性,它提供特殊的可訪問性「屬性 Att...
Day 7 只要有資料,都會有 CRUD ,那陣列呢? CRUD 是什麼? 能吃嗎?? CRUD 分別代表:建立 Create, 讀取 Read, 更新 U...
本系列文的環境狀態,可點擊此連結後花園環境參考 昨天備齊了Laravel的使用條件了,今天我們就準備讓Laravel甦醒過來吧! 這時就要請到Mac的Valet...
打造無障礙網站的基礎 無障礙的每個頁面內容需要在「表單」、「語義」、「結構」、「互動行為」下功夫,使用輔助科技的人們就能接受到真正的資訊。 以下基礎知識在前幾篇...
文章將陸續整理並更新至個人部落格。 一、什麼是 Collapsing margins? 先來看一段 W3C 規範 的敘述: In CSS, the a...
前言 閱讀今天的文章前,先回顧一下昨天的學習,回答看看: TypeScript 中有哪些資料型別呢? 如果有點不清楚答案的話,可以看看 Day05 的文章...
TL;DR 本篇文章學習之重點: 瞭解讓功能可以使用鍵盤操作功能的重要性 瞭解怎麼透過鍵盤瀏覽網頁 瞭解 tabindex 的用法 Foucs 焦點 什麼是...
Day 6 JavaScript 一定是個女人,有個性、特立獨行、難以理解,還可以ㄧ次做很多事。 有時候思索著,在學習程式的時候,到底是不是應該把我們所知道...
文章將陸續整理並更新至個人部落格。 在上一篇文章 基礎 box model (上) 中,認識了 box model 的長相,這篇將來看看 box mod...
Day 5 一列隊伍有長度,也有各式各樣不同的物種,這才有趣嘛! length 這個屬性應該算是我們在學 Javascript 的初期,最早開始用的一個屬性...
文章將陸續整理並更新至個人部落格。 想像每個元素都是一個盒子,<html> 像是個超級大盒子,裡面裝著各式各樣的盒子,盒子又可以裝盒子,一個...
替代文字 Alternative text 看到文章標題也許你會想:「啊不是就是幫元素加上 alt 屬性這麼簡單嗎?」 沒錯,添加替代文字是很容易沒錯,不過理解...
Day 4 總是要出來見世面的,但不講名字怎知你是誰? 這次的鐵人賽,參考書籍有可拿來當枕頭的大犀牛「Javascript 大全」和「你所不知道的JS」系列...
TL;DR 本篇文章學習目的: 理解 HTML 之於瀏覽器與的示能性 理解 HTML 元素與客製化控制組件的語義賦予方式之差異 Affordance 示能...
完全門外漢的初階學習資源 在對於網頁前端領域完全陌生的情況下,要自己看懂教學文章是很吃力的(但也不是不可能,有人做得到,但對我來說真的很難。 以下是我在完全零基...
Day 3 一列隊伍可以變千手觀音,也可以變海浪。 陣列是最早期和重要的資料結構之一,有許多程式都會用到陣列。我們也會拿陣列來實作許多其他的資料結構,像是列...
十個真實生活中的幫助 Web Accessibility: Essential for some, useful for all. - W3C WAI 一...
文章將陸續整理並更新至個人部落格 版面是由各個元素所組成,所以切版前先來跟 html 元素中的兩大角頭拜一下碼頭吧! html 中的元素在預設下大致可劃分...
Day 2 不就排排站,有什麼好說的?這您有所不知,這陣列可是好多花樣可變。 在討論陣列之前,可以先來想像一下,如果今天天氣超級好,我們洗了很多衣服,曬乾之...
只要花 60 秒瞭解「無障礙網站」概念 Your Website + Accessibility = BFF —— Jenn Lukas 前言 「網站」是...
前言 從 Hello World 開始寫程式近一年了,每天充滿各種學習和挑戰,樂此不疲,覺得幸運能夠在樂於分享、充滿新知的領域,透過不斷地學習和經驗積累,慢慢朝...
Day 01 從來沒想過自己會參加這種接力賽,因為自認自己的恆毅力常常被自己的記憶力擊潰,有許多事自己做著做著就忘記了,即使做著筆記,也會常常記著記著就忘記自己...
tags: 2018鐵人賽 自我介紹 Hello,大家好,我是 Jett。 爲什麼參賽? 大家都參賽了,難道不一起嗎? 大家? 今年 7 月,我報名 好想工...
用30天向世界宣告,這一年來鋼鐵般的歷練 【 第 9 屆 iT 邦幫忙鐵人賽 】 好想工作室第一屆鐵人賽 不免俗的 Day 1 還是要來個簡單的自我介紹...