iT邦幫忙

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

技術 第十七章、你好啊鐵人們,接下來就由我鎖鏈 Canvas 對付你!(壹)

前言 「你好啊鐵人們,真沒想到你可以到第十七章來呢,不過就到這裡為止了,接下來由我 鎖鏈的 Canvas 來做你的對手!」 沒...沒想到好不容易撐到了鐵人...

鐵人賽 Modern Web DAY 17

技術 第十六章、辣個 SVG 也許會遲到,但永不缺席 。(合)

簡介 想要征服大海,成為勇敢的海上戰士,當然要先學會利用大自然元素確定方位,並且觀測氣象囉! 那麼在 SVG 系列文章的最後一天,我們就來繪製兩個有關天氣與太空...

鐵人賽 Modern Web DAY 16

技術 第十五章、辣個 SVG 也許會遲到,但永不缺席 。(轉)

前言 大家好,到了 SVG 之旅第三天,我們今天會遇到什麼樣的冒險呢? 在深入不淺出 SVG 之旅的第三天,我們將會提到 在 SVG 中如何填色與增加邊框樣式,...

鐵人賽 Security DAY 19

技術 Day19 - 逆向條件判斷式

今天開始練基礎功,逆向我們常見的條件判斷式。包括:if、if-else、if-else-if。這些判斷式用高階語言寫都不難,但如果變成組合語言呢?請各位讀者挑戰...

鐵人賽 Modern Web DAY 15

技術 第十四章、辣個 SVG 也許會遲到,但永不缺席 。(承)

前言 嗨大家好,歡迎回到我們 SVG 的奇幻旅程上。相信大家在經過昨天探險之後,一定都對 SVG 有了解了吧?不過就像大海上的冰山一樣,SVG 還遠遠不止這樣呢...

鐵人賽 Security DAY 18

技術 Day18 - Mac 逆向工具 - Hopper Disassembler

今天介紹 Mac 專用的逆向工具 - Hopper Disassembler。我使用的試用版,雖然半小時後就會自動斷開、也不能儲存更動過的地方,不過仍不失為一個...

鐵人賽 Security DAY 17

技術 Day17 - Linux 超強Debugger - GDB

今天來介紹另一款 Linux 逆向工具,我主要拿來動態分析使用。 GDB 介紹 Wiki GNU偵錯器(英語:GNU Debugger,縮寫:GDB),是...

鐵人賽 Security DAY 16

技術 Day16 - Linux 逆向神器 - Radare2

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

鐵人賽 Security DAY 15

技術 Day15 - 逆向神器 - IDA Pro

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

鐵人賽 Modern Web DAY 14

技術 第十三章、辣個 SVG 也許會遲到,但永不缺席 。(起)

前言 呼,在異世界闖蕩的第二週,一邊閒晃一邊來到的城市港口 「喔!這不是旅人嗎?想成為我的夥伴到海上探險嗎?」「咦?!難道你是...辣個立志要成為 SVG 王的...

鐵人賽 Security DAY 14

技術 Day14 - 史上最強Debugger - 人體肉眼 Debugger

今天,準備要開始逆向程式碼。在介紹工具之前,先來解說逆向工程的邏輯。基本上,對於逆向,有很多現成的工具可以直接套用,但許多有其極限(當然,有工具可以提升效率,我...

鐵人賽 Modern Web DAY 13

技術 第十二章、喵喵喵喵喵喵喵喵 Sprite Animation

前言 當我們在製作動畫時,除了使用 HTML + CSS 手刻元素之外,想必大家會想要直接上網找圖片來製作對吧?但是當瀏覽器在下載網站圖片時,每下載一次就會發送...

鐵人賽 Security DAY 13

技術 Day13 - Hello world 的奇妙冒險

這張圖是 Hello world 執行後,歷經的過程。Reference User space v.s. Kernel space 這裡要先辨別,作業系統的 U...

鐵人賽 Modern Web DAY 12

技術 第十一章、製作網頁動畫卻不用 Time function ? HaiYaa~~

前言 相信大家一定有遇過在共同製作一項作品時,每個人的表達方式不同,導致出現以下對話模式:設計師「這邊的動畫結尾我要平滑的漸出效果。」工程師「(寫了一堆程式碼)...

鐵人賽 Security DAY 12

技術 Day12 - Hello world 的誕生 - 實戰篇

昨天我們討論到程式的編譯過程,今天就來將理論化為實際。透過手把手教學,我會使用 C 語言講解程式碼是如何一步步變成電腦能理解的語言。 首先,我們回顧這張圖: R...

鐵人賽 Modern Web DAY 11

技術 第十章、☞ 轟隆隆隆衝衝衝 Animation 引擎發動 ━☆゚.*・。 (合)

簡介 登登登 等登愣 等登愣!(傾斜45度的超長電影簡介緩緩從底部滑出) 嗨 大家好~ 今天又回到了我們 Animation 介紹的部分,並且帶大家體驗一下宇宙...

鐵人賽 Security DAY 11

技術 Day11 - 如何生出 Hello world 小孩 - 理論篇

引言我有說到,因為好奇,才分享逆向工程的文章。今天就要來揭秘電腦是如何通過重重關卡,才能識別並執行程式設計師所寫的程式碼。不囉唆,先上圖, Reference...

鐵人賽 Modern Web DAY 10

技術 第九章、☞ 轟隆隆隆衝衝衝 Animation 引擎發動 ━☆゚.*・。 (反)

前言 在昨天的文章中我們詳細了介紹 何謂 CSS Animation,而今天我們就來了解 Animation 內有哪些屬性可以運用吧! Animation 基礎...

鐵人賽 Modern Web DAY 9

技術 第八章、☞ 轟隆隆隆衝衝衝 Animation 引擎發動 ━☆゚.*・。 (正)

前言 在CSS3 中新增了 Animation 語法,這個語法相較於 使用 JavaScript 編寫動畫效果,有以下好處: 對於網頁程式初學者來說,CSS...

鐵人賽 Modern Web DAY 8

技術 第七章、和我簽訂契約,成為魔法少女吧! Transform 3D (下篇)

簡介 想成為魔法少女的第一個挑戰,就是馴服屬於自己的魔法道具,那麼今天我們就來試試看完成兩個魔法咒語吧! 第一個範例 我們先來試試看施放一個魔法,做出 3D 立...

鐵人賽 Modern Web DAY 8
完美 Camp 進化論 系列 第 8

技術 我在好想工作室 training 時,是什麼感覺

其實,這已經是幾年前的事了。現在回想起來也許會錯過掉許多細節。 無法掌控的那一天 來當學員的前一天,我其實睡覺有點睡太晚了。而且一整天的作息也不是很正常,讓...

鐵人賽 Security DAY 10

技術 Day10 - Syscall 好像時常聽到?到底是什麼?

介紹 Syscall (system call),中文翻成系統呼叫,可以把它理解成系統的 API (Application Programming Interf...

鐵人賽 Security DAY 9

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

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

鐵人賽 Security DAY 8

技術 Day8 - 組合語言 - 不可不知的定址模式 - 下篇

昨天我們知道:暫存器定址、立即定址、記憶體定址,是CPU 透過匯流排與記憶體互動時的不同方法。今天,來說明記憶體的定址方式。 記憶體定址 分成三類,直接存取、直...

鐵人賽 Security DAY 7

技術 Day7 - 組合語言- 不可不知之定址模式 - 上篇

多數組合語言指令(instructions)需透過運算元(operand)來存取資料[可以把運算元想像成容器]。有一些指令不需要運算元即可存取資料,而另一些指令...

鐵人賽 Modern Web DAY 7

技術 第六章、和我簽訂契約,成為魔法少女吧! Transform 3D (上篇)

前言 上一篇文章我們提到了如何用 CSS 屬性在網頁 2D 空間內移動變化,但是你以為這樣就夠了嗎? NoNoNo~ 既然在網頁上有 2D 空間的變化,當然也有...

鐵人賽 Security DAY 6

技術 Day6 - 為什麼要使用暫存器?

我在 Day2 的文章裡有講到暫存器(e.g. eax, ebx),可能對初學者而言相對陌生。這篇主要來介紹這些暫存器代表的意義與使用時機。 為什麼要使用暫存器...

鐵人賽 Modern Web DAY 6

技術 第五章、上上下下左左右右AB Transform

前言 做動畫的第一步,當然就是讓元素移動囉!在 CSS3 內我們可以使用很多方式來讓元素從 定位點A 移動至 定位點B,那麼本篇張我們來了解如何將敏捷值點到最高...

鐵人賽 Modern Web DAY 5

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

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

鐵人賽 Modern Web DAY 4

技術 第三章、我是愛與正義的水少服戰士,要代替 視差滾動 懲♥︎罰♥︎你

前言 網頁動畫起手式不難,透過一些視覺暫留、前後景的切換,就可以做出最簡的單(偽)動畫效果。。 參考網站 參考網站 像這樣的網站已經是近幾年網站設計趨勢,可以簡...