iT邦幫忙

好想工作室相關文章
共有 351 則文章
鐵人賽 Modern Web DAY 23
完美 Camp 進化論 系列 第 23

技術 好想工作室 web camp 切版怎麼 training (一)

警語!!照著 Kata 練習,會遇到許多的困難。我會在這盡可能的把 Kata 講清楚,但是不保證照練就成功。 我剛進來時的切版 KATA 是這樣 我剛接觸...

鐵人賽 Modern Web DAY 4

技術 Day04:小事之與純平面設計師溝通 - 下篇

前面講了兩篇,但其實溝通要注意的東西還真不少,只能將曾經遇過的拿出來分享今天要講講設計師對設計出來的畫面變成網頁後會在意的事。 設計師在意的事 對齊 這一點是設...

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

技術 【Day 25】在 React 專案中使用 TypeScript - 模組(Module)觀念(上)

昨天學習了如何建立 React 加 TypeScript 的開發環境,但是在嘗試開發的過程中,發現還有一些很重要的觀念需要了解,模組就是其中之一。在 React...

鐵人賽 Modern Web DAY 6

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

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

鐵人賽 Modern Web DAY 15

技術 Day15::我所知道的 CSS重構 第四章為不同類型的樣式分類

第四章 為不同類型的樣式分類 樣式分類的重要性 網頁可以被視為是用來呈現資訊的文件集,也能被視為一套複雜的應用程式這兩種面像都需要具語意的HTML標籤來描述要呈...

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

技術 前端新手村 CSS 的 簡單 Selector (下篇)

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

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

技術 前端新手村 CSS Selector 的 Combinators

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

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

技術 【Day 27】在 React 專案中使用 TypeScript - 命名空間(namespace)

前兩天初步的探討了模組的基本皮毛(每一個模組規範都是個深耕(誤),仍待細細研究)。今天接著要來探討在探討模組時,一直感到很疑惑的命名空間(namespace)。...

鐵人賽 Modern Web DAY 5

技術 Day05:小事之與後端工程師溝通

講完設計師,接下來繼續講跟工程師的溝通不知道是運氣比較好,還是配合過的工程師都超厲害(也可能兩者都有,自己說XD)現在回想起來跟工程師溝通似乎沒遇到什麼特殊障礙...

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

技術 JS30-Day27-Click & Drag

Day27-課題內容 JS30 進入倒數第四天,在今天的課題中,我們的目標是做出可以拖曳的目錄效果。[1]實作連結 進入課題 要做出拖曳的功能,我們要結合目前為...

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

技術 前端新手村 都市傳說之body範圍

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

鐵人賽 Modern Web DAY 1

技術 序、關於我轉職研究網頁動畫的那件事

⇢⇢ 技能確認: CssSpecialty / 稱號:「畫面的大賢者」...獲取成功 ✨⇢⇢ 技能確認: CanvasSkill / 稱號:「資料的捕食者」....

鐵人賽 Modern Web DAY 19

技術 Day19::我所知道的 CSS重構 第五章之二

以幾種瀏覽器進行測試 在不同瀏覽器上檢測CSS最常見的方法是以手動方式進行測試目前主流的瀏覽器有 Google Chrome Firefox Safari M...

鐵人賽 Modern Web DAY 27

技術 第二十六章、燃燒吧!Three.js 小宇宙!(肆)

簡介 在 Three.js 動畫中我們可以透過以下三種方式來製作動畫: SkinnedMesh 骨骼蒙皮動畫 Geometry.morphTargets 變形...

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

技術 淺談 line box 高度

文章將陸續整理並更新至個人部落格。 前言 所有 inline-level elements 所生成的 inline-level boxes 皆會參與行內...

鐵人賽 Modern Web DAY 13

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

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

鐵人賽 Modern Web DAY 4

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

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

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

技術 替換元素 replaced element

文章將陸續整理並更新至個人部落格。 前言 替換元素雖然預設為 display: inline,但又與一般常見的 inline element 不同,準確...

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

技術 前端新手村 再論 ex, em

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

鐵人賽 Modern Web DAY 29

技術 第二十八章、集合啦! 動畫技術同好會

簡介 在系列文的前幾篇中,我們有提到 動畫 12 法則是如何運作的,不過在科技日新月異下,我們不僅僅是可以在紙上、螢幕上看到動畫,而是能與創作者創作出來的作品有...

鐵人賽 自我挑戰組 DAY 13

技術 JS 遍歷陣列 Array 的方法

Day 13 傻傻以為迴圈是唯一,那只是沙灘上的一塊小岩石。 回想剛開始學程式時,看到 While 迴圈可以透過 ASCII 碼,把英文數字從 a 到 Z...

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

技術 JS30-Day22-Follow Along Nav

Day22-課題內容 在今天的課題當中,我們要透過滑鼠事件屬性以及 CSS 屬性,在頁面上做出聚光燈。[1]實作連結 Element.getBoundingCl...

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

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

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

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

技術 JS30-Day4-Array Cardio

Day4-課題內容 今天的題目當中,不會碰到任何跟頁面呈現有關的程式碼,而是將針對陣列Array於ECMAScript5中增加的新方法做進一步的認識。 ECMA...

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

技術 JS30-Day21-Geolocation

Day21-課題內容 在今天的課題當中,我們要透過 Geolocation API,取得我們目前位置的經緯度。[1]實作連結-大家可以把得到的經緯度貼在 goo...

鐵人賽 自我挑戰組 DAY 30

技術 JS 陣列 Array 之小菜還沒出完

Day 30 據聞,在法國晚餐可以從七點半吃到 11 點。婚宴呢?可以從晚上十點吃到凌晨五點。我的鐵人賽大概就是這個概念。 從來沒想過,自己可以寫陣列寫得這...

鐵人賽 Modern Web DAY 22

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

簡介 在 Canvas 第一篇我們有介紹到: 那麼 Canvas 是什麼呢?他其實就是一個 HTML tag 讓我們可以在網頁上定義一個畫布區域 並由 Jav...

鐵人賽 Modern Web DAY 1

技術 Day01:前言

動機 從一開始從事網頁設計到漸漸邁向前端,一路上難免遇到不少雷只是一直沒有寫部落格的習慣,很多該紀錄的都忘了之前也曾想參加IT鐵人賽,但因為諸多因素而沒報名 這...

技術 [不做怎麼知道系列之Android開發者的30天後端養成故事 Day19] - 從開發到部屬的一條龍自動化 #CircleCI #GAE #ContinuousDeployment

哈囉,我們又見面了,前面幾天我們寫了簡單的測試、讓 CircleCI 自動測試、試玩了兩種資料庫,然後再放到 GAE (Google App Engine)雲...

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

技術 前端新手村 偽元素

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