iT邦幫忙

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

技術 Day22::我所知道的 SEO

今天的題目是SEO,因為是沒有接觸過的東西所以我會用今天一整天的時間整理自己的所見所聞與理解! 如果有什麼理解上的錯誤也請多多指正! 什麼是SEO SEO是Se...

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

技術 前端新手村 偽元素

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

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

技術 JS30-Day6-Type Ahead

Day6-課題內容 進入JS30的第六天,今天要將第四天學到的陣列方法,結合正規表達式,實作出有篩選功能的表單頁面。 在作者的範例中,當我們輸入英文字母時,下方...

鐵人賽 Modern Web DAY 21

技術 Day21::我所知道的 CSS重構 第六章之二

切斷CSS與JavaScript的耦合 用來為元素指定樣式的類別與ID不應該在JavaScript中被用來選取元素,因為這樣就會產生相依性(dependency...

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

技術 JS30-Day5-Flex Panels

Day5-課題內容 今天進入JS30的第五天,今天將透過非常酷炫的畫面特效,來認識CSS3中的Flex屬性。[1] 實作連結 首先在作者給的範例當中,我們可以看...

鐵人賽 Modern Web DAY 5

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

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

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

技術 前端新手村 CSS Selector 的 Combinators

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

鐵人賽 Modern Web DAY 20

技術 Day20::我所知道的 CSS重構 第六章樣式碼置放與重構策略

第六章 樣式碼置放與重構策略 從特定度低到特定度高之樣式的順序來組織CSS CSS樣式依據特定度與被引用的順序來套用,按照被套用的順序來組織CSS也是很合理的...

鐵人賽 Modern Web DAY 4

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

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

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

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

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

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

技術 JS30-Day4-Array Cardio

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

鐵人賽 Modern Web DAY 3

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

當 RWD 遇上純平面設計師 響應式網頁設計(Responsive Web Design)簡稱RWD,又稱適應性網頁、自適應網頁設計、回應式網頁設計、多螢網頁...

鐵人賽 Modern Web DAY 19

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

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

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

技術 JS30-Day3-CSS Variables

Day3-課題內容 今天是JS30的第三天,這次的題目將會利用CSS變數,來變換我們頁面中照片的邊框大小、顏色以及模糊度。[1] 實作連結 CSS變數 透過將C...

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

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

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

鐵人賽 Modern Web DAY 18

技術 Day18::我所知道的 CSS重構 第五章測試

第五章 測試 測試 測試CSS可能會很困難,因為有許多不同的平台、螢幕尺寸、與裝置形體(form factors)需要進行測試。 測試為何困難? 如果要徹底檢測...

鐵人賽 Modern Web DAY 2

技術 Day02:小事之與純平面設計師的溝通 - 上篇

咦?不是前端嗎?為什麼會選擇從溝通開始講起呢? 因為從菜鳥時期到現在,我發現不論是哪一個面向, 只要沒有溝通好,就會重工到掛掉,囧 (血淚史...遠目 而跟設...

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

技術 JS30-Day2-JS and CSS Clock

Day2-課題內容 進入JS30的第二天,今天我們要利用Javascript中的方法以及CSS屬性,在頁面上做出一個會轉動的虛擬時鐘。[1] 實作連結一 實作連...

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

技術 前端新手村 CSS 簡單 Selector (上篇) & Groups

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

鐵人賽 Modern Web DAY 17

技術 Day17::我所知道的 CSS重構 第四章之三

影像 圖片可以透過<img>、<picture>標籤來呈現。 因為<img>元素可以在行內的格式情境中使用,此外<im...

鐵人賽 Modern Web DAY 1

技術 Day01:前言

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

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

技術 JS30-Day1-Javascript Drum Kit

JS30以及文章簡介 JS30,是由加拿大工程師Wes Bos所建立一系列課程,課程中我們可以學到很多Javascript程式語言的實際應用,例如如何操作Doc...

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

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

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

鐵人賽 Modern Web DAY 16

技術 Day16::我所知道的 CSS重構 第四章之二

錨點標籤 錨點標籤(anchor tags)提供可連到其他HTML文件或同一份HTML文件中段落的連結 能搭配常用來顯示狀態:link、:visited、:fo...

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

技術 前端新手村 橫向排列 & 實現純手工 RWD

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

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

技術 前端新手村 橫向排列

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

鐵人賽 Modern Web DAY 15

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

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

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

技術 前端新手村 垂直排列 與 Box Model

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

鐵人賽 Modern Web DAY 14

技術 Day14::我所知道的 CSS重構 第三章之三

建造較佳的盒框 盒框模型(box model)是瀏覽器決定如何渲染(render)一個方型區域的方法,因此瞭解盒框模型的運作對我們而言是很重要的,而HTML的所...

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

技術 前端新手村 Block 和 Inline 排版

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