前言 「你好啊鐵人們,真沒想到你可以到第十七章來呢,不過就到這裡為止了,接下來由我 鎖鏈的 Canvas 來做你的對手!」 沒...沒想到好不容易撐到了鐵人...
簡介 想要征服大海,成為勇敢的海上戰士,當然要先學會利用大自然元素確定方位,並且觀測氣象囉! 那麼在 SVG 系列文章的最後一天,我們就來繪製兩個有關天氣與太空...
前言 大家好,到了 SVG 之旅第三天,我們今天會遇到什麼樣的冒險呢? 在深入不淺出 SVG 之旅的第三天,我們將會提到 在 SVG 中如何填色與增加邊框樣式,...
今天開始練基礎功,逆向我們常見的條件判斷式。包括:if、if-else、if-else-if。這些判斷式用高階語言寫都不難,但如果變成組合語言呢?請各位讀者挑戰...
前言 嗨大家好,歡迎回到我們 SVG 的奇幻旅程上。相信大家在經過昨天探險之後,一定都對 SVG 有了解了吧?不過就像大海上的冰山一樣,SVG 還遠遠不止這樣呢...
今天介紹 Mac 專用的逆向工具 - Hopper Disassembler。我使用的試用版,雖然半小時後就會自動斷開、也不能儲存更動過的地方,不過仍不失為一個...
今天來介紹另一款 Linux 逆向工具,我主要拿來動態分析使用。 GDB 介紹 Wiki GNU偵錯器(英語:GNU Debugger,縮寫:GDB),是...
昨天介紹跨平台的神器(IDA Pro),今天介紹個人主要在 Linux 使用的逆向工具 - Radare2 Radare2 介紹 Wiki Radare2(...
工欲善其事,必先利其器。今天要介紹資安界的女神(對我而言) - IDA Pro。IDA Pro 是跨平台的逆向工具,Windows、MacOS、Linux 都有...
前言 呼,在異世界闖蕩的第二週,一邊閒晃一邊來到的城市港口 「喔!這不是旅人嗎?想成為我的夥伴到海上探險嗎?」「咦?!難道你是...辣個立志要成為 SVG 王的...
今天,準備要開始逆向程式碼。在介紹工具之前,先來解說逆向工程的邏輯。基本上,對於逆向,有很多現成的工具可以直接套用,但許多有其極限(當然,有工具可以提升效率,我...
前言 當我們在製作動畫時,除了使用 HTML + CSS 手刻元素之外,想必大家會想要直接上網找圖片來製作對吧?但是當瀏覽器在下載網站圖片時,每下載一次就會發送...
這張圖是 Hello world 執行後,歷經的過程。Reference User space v.s. Kernel space 這裡要先辨別,作業系統的 U...
前言 相信大家一定有遇過在共同製作一項作品時,每個人的表達方式不同,導致出現以下對話模式:設計師「這邊的動畫結尾我要平滑的漸出效果。」工程師「(寫了一堆程式碼)...
昨天我們討論到程式的編譯過程,今天就來將理論化為實際。透過手把手教學,我會使用 C 語言講解程式碼是如何一步步變成電腦能理解的語言。 首先,我們回顧這張圖: R...
簡介 登登登 等登愣 等登愣!(傾斜45度的超長電影簡介緩緩從底部滑出) 嗨 大家好~ 今天又回到了我們 Animation 介紹的部分,並且帶大家體驗一下宇宙...
引言我有說到,因為好奇,才分享逆向工程的文章。今天就要來揭秘電腦是如何通過重重關卡,才能識別並執行程式設計師所寫的程式碼。不囉唆,先上圖, Reference...
前言 在昨天的文章中我們詳細了介紹 何謂 CSS Animation,而今天我們就來了解 Animation 內有哪些屬性可以運用吧! Animation 基礎...
前言 在CSS3 中新增了 Animation 語法,這個語法相較於 使用 JavaScript 編寫動畫效果,有以下好處: 對於網頁程式初學者來說,CSS...
簡介 想成為魔法少女的第一個挑戰,就是馴服屬於自己的魔法道具,那麼今天我們就來試試看完成兩個魔法咒語吧! 第一個範例 我們先來試試看施放一個魔法,做出 3D 立...
其實,這已經是幾年前的事了。現在回想起來也許會錯過掉許多細節。 無法掌控的那一天 來當學員的前一天,我其實睡覺有點睡太晚了。而且一整天的作息也不是很正常,讓...
介紹 Syscall (system call),中文翻成系統呼叫,可以把它理解成系統的 API (Application Programming Interf...
今天來正式介紹一下 Intel x86 的指令。雖然前面已經偷渡了很多次XD,不過這裡分門別類的描述各個指令的使用時機。有點多,不過還是請讀者慢慢服用。 複製資...
昨天我們知道:暫存器定址、立即定址、記憶體定址,是CPU 透過匯流排與記憶體互動時的不同方法。今天,來說明記憶體的定址方式。 記憶體定址 分成三類,直接存取、直...
多數組合語言指令(instructions)需透過運算元(operand)來存取資料[可以把運算元想像成容器]。有一些指令不需要運算元即可存取資料,而另一些指令...
前言 上一篇文章我們提到了如何用 CSS 屬性在網頁 2D 空間內移動變化,但是你以為這樣就夠了嗎? NoNoNo~ 既然在網頁上有 2D 空間的變化,當然也有...
我在 Day2 的文章裡有講到暫存器(e.g. eax, ebx),可能對初學者而言相對陌生。這篇主要來介紹這些暫存器代表的意義與使用時機。 為什麼要使用暫存器...
前言 做動畫的第一步,當然就是讓元素移動囉!在 CSS3 內我們可以使用很多方式來讓元素從 定位點A 移動至 定位點B,那麼本篇張我們來了解如何將敏捷值點到最高...
前言 在 CSS3 內有兩種新的屬性讓我們可以實現特別的動畫效果,分別是 Transition 以及 Animation ,本章節將詳細的介紹 Transiti...
前言 網頁動畫起手式不難,透過一些視覺暫留、前後景的切換,就可以做出最簡的單(偽)動畫效果。。 參考網站 參考網站 像這樣的網站已經是近幾年網站設計趨勢,可以簡...