iT邦幫忙

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

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

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

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

技術 番外篇 - 胡搞 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 個重要觀念

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

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

技術 Collapsing margins

文章將陸續整理並更新至個人部落格。 一、什麼是 Collapsing margins? 先來看一段 W3C 規範 的敘述: In CSS, the a...

鐵人賽 自我挑戰組 DAY 6

技術 JS 陣列 Array 有哪幾種?

Day 6 JavaScript 一定是個女人,有個性、特立獨行、難以理解,還可以ㄧ次做很多事。 有時候思索著,在學習程式的時候,到底是不是應該把我們所知道...

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

技術 【Day 06】TypeScript 資料型別 - 原始型別 (Primitive Types)

前言 閱讀今天的文章前,先回顧一下昨天的學習,回答看看: TypeScript 中有哪些資料型別呢? 如果有點不清楚答案的話,可以看看 Day05 的文章...

鐵人賽 Modern Web DAY 5

達標好文 技術 無障礙網站之 HTML 屬性介紹:tabindex

TL;DR 本篇文章學習之重點: 瞭解讓功能可以使用鍵盤操作功能的重要性 瞭解怎麼透過鍵盤瀏覽網頁 瞭解 tabindex 的用法 Foucs 焦點 什麼是...

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

技術 基礎 box model (下)

文章將陸續整理並更新至個人部落格。 在上一篇文章 基礎 box model (上) 中,認識了 box model 的長相,這篇將來看看 box mod...

鐵人賽 自我挑戰組 DAY 5

技術 JS 陣列 Array 屬性 length 的真面貌

Day 5 一列隊伍有長度,也有各式各樣不同的物種,這才有趣嘛! length 這個屬性應該算是我們在學 Javascript 的初期,最早開始用的一個屬性...

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

技術 基礎 box model (上)

文章將陸續整理並更新至個人部落格。 想像每個元素都是一個盒子,<html> 像是個超級大盒子,裡面裝著各式各樣的盒子,盒子又可以裝盒子,一個...

鐵人賽 Modern Web DAY 4

技術 無障礙網站之 HTML 屬性介紹:精通替代文字 alt 屬性

替代文字 Alternative text 看到文章標題也許你會想:「啊不是就是幫元素加上 alt 屬性這麼簡單嗎?」 沒錯,添加替代文字是很容易沒錯,不過理解...

鐵人賽 自我挑戰組 DAY 4

技術 JS 創建與宣告陣列 Array

Day 4 總是要出來見世面的,但不講名字怎知你是誰? 這次的鐵人賽,參考書籍有可拿來當枕頭的大犀牛「Javascript 大全」和「你所不知道的JS」系列...

鐵人賽 Modern Web DAY 3

技術 無障礙網站:HTML 元素與客製化控制組件的語義

TL;DR 本篇文章學習目的: 理解 HTML 之於瀏覽器與的示能性 理解 HTML 元素與客製化控制組件的語義賦予方式之差異 Affordance 示能...

鐵人賽 自我挑戰組 DAY 3
從門外漢到前端新手 系列 第 3

技術 Day3 推薦的前端學習資源

完全門外漢的初階學習資源 在對於網頁前端領域完全陌生的情況下,要自己看懂教學文章是很吃力的(但也不是不可能,有人做得到,但對我來說真的很難。 以下是我在完全零基...

鐵人賽 自我挑戰組 DAY 3

技術 JS 陣列 Array 可以做什麼、裝什麼有差嗎?

Day 3 一列隊伍可以變千手觀音,也可以變海浪。 陣列是最早期和重要的資料結構之一,有許多程式都會用到陣列。我們也會拿陣列來實作許多其他的資料結構,像是列...

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

技術 大角頭 inline

文章將陸續整理並更新至個人部落格 版面是由各個元素所組成,所以切版前先來跟 html 元素中的兩大角頭拜一下碼頭吧! html 中的元素在預設下大致可劃分...

鐵人賽 自我挑戰組 DAY 2

技術 JS 陣列 Array 是什麼 ?

Day 2 不就排排站,有什麼好說的?這您有所不知,這陣列可是好多花樣可變。 在討論陣列之前,可以先來想像一下,如果今天天氣超級好,我們洗了很多衣服,曬乾之...

鐵人賽 Modern Web DAY 1

達標好文 技術 無障礙網站又稱為可訪問的網站,難道還有不可訪問的網站嗎?

只要花 60 秒瞭解「無障礙網站」概念 Your Website + Accessibility = BFF —— Jenn Lukas 前言 「網站」是...

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

技術 【Day 01】TypeScript 起手式 - What’s TypeScript ?

前言 從 Hello World 開始寫程式近一年了,每天充滿各種學習和挑戰,樂此不疲,覺得幸運能夠在樂於分享、充滿新知的領域,透過不斷地學習和經驗積累,慢慢朝...

鐵人賽 自我挑戰組 DAY 1

技術 人生總是要做些沒做過的事,例如寫鐵人賽

Day 01 從來沒想過自己會參加這種接力賽,因為自認自己的恆毅力常常被自己的記憶力擊潰,有許多事自己做著做著就忘記了,即使做著筆記,也會常常記著記著就忘記自己...

鐵人賽 自我挑戰組 DAY 1
新手 Back-end 學習記錄 系列 第 1

技術 [Day1] 開始前的準備

tags: 2018鐵人賽 自我介紹 Hello,大家好,我是 Jett。 爲什麼參賽? 大家都參賽了,難道不一起嗎? 大家? 今年 7 月,我報名 好想工...

鐵人賽 自我挑戰組 DAY 1

技術 Day 01: Hello, 鐵人 !

用30天向世界宣告,這一年來鋼鐵般的歷練 【 第 9 屆 iT 邦幫忙鐵人賽 】 好想工作室第一屆鐵人賽 不免俗的 Day 1 還是要來個簡單的自我介紹...