iT邦幫忙

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

技術 Day25::從零開始的jQuery 學習紀錄 -3-

HTML、CSS、JavaScript如何共同運作? 網頁開發人員運用三種語言建立網頁 內容層(Content Layer) 這是頁面內容放置處,HTML會給予...

鐵人賽 Modern Web DAY 9

技術 Day09:小事之 HTML lang Attribute

今天要開始來說說網頁相關的東西,不過因為已經很多大大們寫了非常基礎且完整的文章,所以這次所有講到的 HTML、CSS應該都會偏比較冷門,很可能久久才會遇到一次的...

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

技術 JS30-Day9-Dev Tools Domination

Day8-課題內容 今天的內容中要來深入學習console物件的相關方法。雖然我們一般都透過console.log,在開發者工具的console中印出我們想知道...

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

技術 前端新手村 flex (上)

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

鐵人賽 Modern Web DAY 24

技術 Day24::從零開始的jQuery 學習紀錄 -2-

將使用這的要求轉化成實際的專案需求是實作專案以及節省時間的重要技巧。 var pts = 250; var => 宣告變數 pts => 變數名稱...

鐵人賽 Modern Web DAY 8

技術 Day08:小事之與案主溝通 - 下篇

原本打算今天要開始講 HTML、CSS 的東西了,不過突然想到還有一些經驗值可以提供,所以就繼續把這部分寫完吧。 簽約之前 通常業務去跟客戶簽約之前都會先跟客戶...

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

技術 JS30-Day8-Fun with HTML5 Canvas

JS30-Day8-Fun with HTML5 Canvas Day8-課題內容 進入JS30的第八天,今天我們要透過HTML的<canvas>元...

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

技術 前端新手村 Position 定位

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

鐵人賽 Modern Web DAY 7

技術 Day07:小事之與案主溝通 - 上篇

與業主溝通是件挺頭痛的一件事,因為你不會知道,你遇到的業主是怎麼樣的。 分類 不懂 - 還可以分為好溝通與不好溝通,好不好溝通在提案時就會很明顯的感受出來。...

鐵人賽 Modern Web DAY 23

技術 Day23::從零開始的jQuery 學習紀錄

什麼是jQuery jQuery是一套跨瀏覽器的JavaScript函式庫 他能簡化HTML與JavaScript之間的操作,讓使用者能快速地達成想要的網頁的動...

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

技術 JS30-Day7-Array Cardio 2

Day7-課題內容 今天的題目當中,將接續第四天Array Cardio中的內容,針對幾個沒有被應用到的陣列方法,在這個章節中練習,並且再介紹幾個常用的陣列方法...

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

技術 前端新手村 CSS Cascade 串接

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

鐵人賽 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] 實作連結一 實作連...