文章將陸續整理並更新至個人部落格。 誰說影子一定要是黑色的呢？誰說影子永遠當不了主角呢？放下先入為主的偏見～ 來看看幾個 box-shadow 幹的好事...
文章將陸續整理並更新至個人部落格。 前言 視覺格式化模型會依據盒子模型(box model)將元素轉換為一個個盒子(box)，並且根據盒子的 conta...
文章將陸續整理並更新至個人部落格。 一、什麼是 Collapsing margins？ 先來看一段 W3C 規範 的敘述： In CSS, the a...
今天介紹簡單的 Buffer Overflow 題目。 Buffer Overflow 是什麼？ 根據Wiki: (Buffer Overflow) 緩衝區...
引言我有說到，因為好奇，才分享逆向工程的文章。今天就要來揭秘電腦是如何通過重重關卡，才能識別並執行程式設計師所寫的程式碼。不囉唆，先上圖， Reference...
★ 地圖西北方峽谷森林 ↓↓↓ 傳送卷軸，建議先向 鉄人2号「文本士」收集資料，此章為進階續文。 顯示峽谷森林位置圖 方向感為零摸索前進著。 峽谷森林 [行高怪...
昨天我們討論到程式的編譯過程，今天就來將理論化為實際。透過手把手教學，我會使用 C 語言講解程式碼是如何一步步變成電腦能理解的語言。 首先，我們回顧這張圖： R...
哈囉，我們又見面了，今天是後端養成故事系列的最後一篇，最後來總結一下在這三十篇中，我學到了什麼，以及下一步會怎麼走，類此夠 ~ 1. 最初的目標 我在每天寫文...
今天介紹入門的 CTF 題目，可以檢驗過去的學習知識是否夠紮實(當然某些題目可能需要通靈XD)。基本上，會挑一些基礎的、可以解釋的題目當作練習題，並且把它寫成...
影像 圖片可以透過<img>、<picture>標籤來呈現。因為<img>元素可以在行內的格式情境中使用，此外<img...
第五章 測試 測試 測試CSS可能會很困難，因為有許多不同的平台、螢幕尺寸、與裝置形體(form factors)需要進行測試。 測試為何困難？ 如果要徹底檢測...
這系列無障礙的鐵人賽文章，實踐的內容主要是根據 W3C：WAI-ARIA 的實踐，從設計模式及組件（Design Patterns and Widgets）裡...
Day14 我們說到的驗證程式，透過 strings 搜尋就可以找到。於是我們想要提升逆向的成本，何不將驗證方式改掉？改成駭客想不到的方式？ 實作 原本的程式太...
簡介 登登登 等登愣 等登愣！(傾斜45度的超長電影簡介緩緩從底部滑出) 嗨 大家好～ 今天又回到了我們 Animation 介紹的部分，並且帶大家體驗一下宇宙...
今天開始練基礎功，逆向我們常見的條件判斷式。包括：if、if-else、if-else-if。這些判斷式用高階語言寫都不難，但如果變成組合語言呢？請各位讀者挑戰...
文章將陸續整理並更新至個人部落格。 每個元素會生成零(display: none 時)至多個盒子(例如 display 為 list-item 時)，盒...
Day 29 生活要簡約，寫程式也是。但是，可能嗎？ ECMAScript 5 的陣列方法，除了前兩篇介紹的indexOf()和lastIndexOf()外...
因為是函式呼叫所以能觀察到 main() 裡面去 call 其他 function 。今天介紹呼叫單一函數、函數裡僅有單一參數、雙參數、函數中再呼叫其他函數的情...
Day 14 知道怎麼做，但是如果有好工具會更得心應手。 JavaScript一直在演化，也因此因不同時期推出的新方法好像是給我們補充能量，原本需要複雜的程...
前言 相信大家一定有遇過在共同製作一項作品時，每個人的表達方式不同，導致出現以下對話模式：設計師「這邊的動畫結尾我要平滑的漸出效果。」工程師「(寫了一堆程式碼)...
文章將陸續整理並更新至個人部落格 版面是由各個元素所組成，所以切版前先來跟 html 元素中的兩大角頭拜一下碼頭吧！ html 中的元素在預設下大致可劃分...
文章將陸續整理並更新至個人部落格。 在先前的文章中提到不少次「BFC」，今天就來看看 BFC 是什麼，它又有什麼用處～ 塊格式化上下文 (BFC) 摘...
本系列文的環境狀態，可點擊此連結後花園環境參考 昨天備齊了Laravel的使用條件了，今天我們就準備讓Laravel甦醒過來吧！ 這時就要請到Mac的Valet...
簡介 想要征服大海，成為勇敢的海上戰士，當然要先學會利用大自然元素確定方位，並且觀測氣象囉！ 那麼在 SVG 系列文章的最後一天，我們就來繪製兩個有關天氣與太空...
★ 地圖西北方未知區域 ↓↓↓ 第一次踏上遠程。還真新奇。 按照地圖指示，會先經過峽谷森林，繼續再往東前行，就到了村長所說目的地：——雷奧鎮。 顯示峽谷森林位置...
簡介 豬油哭～拿咧嚕～ 大家好，歡迎來到 Canvas 關卡最後一天，相信大家不止有能力打倒 鎖鏈康妮，連鬼血術都是 pice of cake 了對吧？ 那麼今...
在前一篇，介紹了使用 code review 的方式進行互評。讓每個學員之間有充份的交流，並且在交流之後再做一次練習，讓別人的經驗與建議，再經過一次的實作，化為...
在學習前端的過程，有做過真實需求的網站，會是珍貴的經驗。而並不是時時刻刻都會有充足的案子，帶每一個學員來實作。 為了讓學員會有接案子的經驗，除了鼓勵他們做 s...
yachen
@x0mg
letter liu
只是顆米荳
Askie Lin
CathyShen
tsuifei
Shiva虛碼
Chris
iThome鐵人賽
看影片追技術