iT邦幫忙

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

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

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

鐵人賽 Security DAY 16

技術 Day16 - Linux 逆向神器 - Radare2

昨天介紹跨平台的神器(IDA Pro),今天介紹個人主要在 Linux 使用的逆向工具 - Radare2 Radare2 介紹 Wiki Radare2(...

鐵人賽 Modern Web DAY 5

技術 第四章、今晚,我想來點...雙重口感切換的 Transition

前言 在 CSS3 內有兩種新的屬性讓我們可以實現特別的動畫效果,分別是 Transition 以及 Animation ,本章節將詳細的介紹 Transiti...

技術 [不做怎麼知道系列之Android開發者的30天後端養成故事 Day7] - 資料飛來飛去 #怎麼傳資料? #DjangoForm #JsonRequest

大家好,我們又見面了,今天來看看怎麼在網頁上,直接對資料庫新增資料吧! 透過 Form 的方式來新增資料 Django 有個很方便的功能是,定義好 form...

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

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

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

鐵人賽 Modern Web DAY 28

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

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

鐵人賽 Modern Web DAY 28
前端新手村 系列 第 28

技術 前端新手村 Animations (上)

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

鐵人賽 Modern Web DAY 23

技術 Day23::從零開始的jQuery 學習紀錄

什麼是jQuery jQuery是一套跨瀏覽器的JavaScript函式庫他能簡化HTML與JavaScript之間的操作,讓使用者能快速地達成想要的網頁的動態...

鐵人賽 Security DAY 9

技術 Day9 - 閒來無事,何不來學學 Intel x86 指令?

今天來正式介紹一下 Intel x86 的指令。雖然前面已經偷渡了很多次XD,不過這裡分門別類的描述各個指令的使用時機。有點多,不過還是請讀者慢慢服用。 複製資...

技術 [不做怎麼知道系列之Android開發者的30天後端養成故事 Day9] - 真正的連接前後端 #前端資料從後端撈 #串過MVT #Models-to-Templates

哈囉,我們又見面了,今天來看看我們怎麼從資料庫撈資料,然後呈現到 昨天 套好的樣板上吧 ! 先來看看今天的結果長什麼樣子吧~ 其實跟昨天幾乎一樣,因為我沒有...

鐵人賽 Modern Web DAY 18
前端新手村 系列 第 18

技術 前端新手村 flex (上)

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

技術 [不做怎麼知道系列之Android開發者的30天後端養成故事 Day8] - 換個皮 #怎麼套用前端樣版? #DjangoFileManagment #StaticFiles

哈囉,我們又見面了,今天來看看我們怎麼在後端 Django,套用前端已經寫好的樣板吧! 到哪裡去找前端樣板呢? RS 自己是在 Colorlib 下載到免費的...

鐵人賽 自我挑戰組 DAY 3

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

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

鐵人賽 Modern Web DAY 21

技術 實作無障礙網頁功能:表格(Table)原來可以補充的語義這麼多!

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

鐵人賽 Modern Web DAY 20
前端新手村 系列 第 20

技術 前端新手村 flex grow & shrink 演算法

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

鐵人賽 Modern Web DAY 17

技術 實作無障礙網頁功能:超連結還能怎樣無障礙呢?

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

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

技術 混血兒 inline-block

文章將陸續整理並更新至個人部落格。 inline-block 就像是 HTML 中 inline 和 block 兩大角頭聯姻下的產物,來看看他遺傳了哪...

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

技術 【Day 18】TypeScript 資料型別 - 介面(Interface)宣告與屬性

閱讀今天的文章前,先回顧一下昨天的學習,回答看看: 通用型別的使用情境為何? 如果有點不清楚答案的話,可以看看 Day17 的文章喔! 介面概念 TS...

鐵人賽 Modern Web DAY 3

技術 第二章、網頁動畫到底在幹尛?才不告訴逆咧~咧、咧~

前言 從前從前...神說要有...咳咳,好吧這樣的開場白太過老梗。介紹完基礎的動畫法則後,我們來聊聊網頁動畫歷史吧~ GIF 圖像互換格式 1987年一家網頁服...

技術 [不做怎麼知道系列之Android開發者的30天後端養成故事 Day18] - 替網站取個好名字 #Django #GAE #CustomDomain

哈囉,我們又見面了,昨天我們把 Django 網站放上去 Google App Engine(GAE),可是網址醜醜的,長這樣: https://django...

技術 [不做怎麼知道系列之Android開發者的30天後端養成故事 Day6] - 運用框架的槓桿 #前後端怎麼結合 #框架的威力 #Django Template Engine

大家好,我們又見面了,昨天我們說要聊聊 API 這檔事,但 RS 在 Python Django Web Framework - Full Course fo...

技術 [不做怎麼知道系列之Android開發者的30天後端養成故事 Day3] - 讓熱情燒一會兒 #別間斷很重要 #Python資料結構

基礎語法後,沒意外就是進階了吧 !? 嘖嘖嘖,別急,還記得 Day1 參考了 backend roadmap 後所提出的七步驟嗎?,今天我們要正式踏入第一步驟...

鐵人賽 Modern Web DAY 18

技術 實作無障礙網頁功能:輪播圖 Carousel

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

鐵人賽 Modern Web DAY 29

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

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

鐵人賽 Modern Web DAY 24
新手也能懂的JS30 系列 第 24

技術 JS30-Day24-Sticky Nav

Day24-課題內容 進入JS30的倒數第七天,今天將透過捲動事件加上 CSS屬性的更動,讓我們的導覽列在即將滾出畫面的時候,可以固定在畫面最上方,而不會消失在...

鐵人賽 Security DAY 15

技術 Day15 - 逆向神器 - IDA Pro

工欲善其事,必先利其器。今天要介紹資安界的女神(對我而言) - IDA Pro。IDA Pro 是跨平台的逆向工具,Windows、MacOS、Linux 都有...

鐵人賽 Modern Web DAY 3

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

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

鐵人賽 Modern Web DAY 13
新手也能懂的JS30 系列 第 13

技術 JS30-Day13-Slide in on Scroll

JS30-Day13 在今天的題目當中,我們將學習如何讓畫面中的圖片,在滾動頁面的同時,產生進入、離開的效果。從作者給的範例中,我們可以看到當圖片往上出現在畫面...

鐵人賽 Modern Web DAY 27

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

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

技術 (番外篇-GAE)[不做怎麼知道系列之Android開發者的30天後端養成故事 Day26] - 來問問你認識的Youtuber的訂閱數吧~ #Django #GAE #LineChatBot

哈囉,我們又見面了,前兩天講了 爬蟲、串 LineBot SDK,其實功能面已經結束,可是把這服務放到雲端後,我們才能真的鬆一口氣,這樣即使不去管它,它也可以...