iT邦幫忙

html5相關文章
共有 223 則文章
鐵人賽 開發技術 DAY 10
CSS沒有極限 系列 第 10

技術 CSS沒有極限 - 意想不到的background-attachment

background-attachment是背景固定模式的屬性,而不同的固定方式就能夠有不同的視覺效果,而人類的視覺是很容易欺騙的,適當的利用可以有意想不到的效...

鐵人賽 開發技術 DAY 9
CSS沒有極限 系列 第 9

技術 CSS沒有極限 - CSS3的漸層

本篇介紹CSS3的漸層,而就漸層這功能聽起來,似乎沒有什麼樣的變化,但其實透過復合式的背景可以堆疊出相當多的變化。 本篇CSS效果發表於<http://a...

鐵人賽 開發技術 DAY 9

技術 Day9 實做WinJS.UI.FlipView

昨天發現了一篇中文說明,快速入門:新增 WinJS 控制項與樣式 (使用 JavaScript 和 HTML 的 Windows 市集應用程式 http://m...

鐵人賽 開發技術 DAY 8
CSS沒有極限 系列 第 8

技術 CSS沒有極限 - text-shadow初試身手

text-shadow算是CSS3中較早出現的語法,而且不需要打前輟詞就能夠執行,text-shadow是一個很簡單的效果,但是可以有非常多的變化。 本篇CSS...

鐵人賽 開發技術 DAY 8

技術 Day8 實做WinJS.UI.AppBar

昨天介紹了 * 開啓一個 Blank App 專案 * 哪些檔案是要做什麼 * 開啓(執行)/ 關閉你的App 今天要做 AppBar應用程式列,準備好了嗎?...

鐵人賽 開發技術 DAY 7

技術 Day7 visual studio 2012 模擬器(Simulator)的介紹

這篇要向大家介紹的是 visual studio 2012 的 Simulator(模擬器) 掐指算一算,感覺我寫的東西需要加快速度了…,不然有些我想寫的我怕寫...

鐵人賽 開發技術 DAY 7
CSS沒有極限 系列 第 7

技術 CSS沒有極限 - 別忘了偽元素

偽元素在IE8之後全面都有支援,而這樣功能在CSS3可以創造出更多的效果。 圖片來源:動畫 火影忍者 本篇CSS效果發表於http://ashareaday....

鐵人賽 開發技術 DAY 6
CSS沒有極限 系列 第 6

技術 CSS沒有極限 - CSS3的色彩

在過去我們只要使用色碼來表示顏色,色碼是用三組十六進制數位表示,每位元組從00到FF,相當十進位數位從0到255...,而現在我們有了新的屬性alpha(透明度...

鐵人賽 開發技術 DAY 6

技術 Day6 Windows API For Windows App(二) WinJS

繼上一篇介紹 WinRT ,接下來要聊 WinJS。 這兩個都很難懂(我都快要不知道自己在寫什麼了),不過也不會有下一篇了,忍耐忍耐... Windows Li...

鐵人賽 開發技術 DAY 5
CSS沒有極限 系列 第 5

技術 CSS沒有極限 - Sass 與 Compass(2)

承上篇,上一篇主要是介紹Sass和Compass是什麼,而本篇會介紹Sass和Compass究竟對CSS的撰寫有什麼樣的影響,讓許多工程師及設計師都說已經回不去...

鐵人賽 開發技術 DAY 5

技術 Day5 Windows API For Windows App(一) WinRT

這個啊,其實還重要的,嚴格來講其實是因為後面後開始介紹怎麼使用 windows UI 的組件,主要是為了這個目的,用法你會很常看到我們使用 『 WinJS.UI...

鐵人賽 開發技術 DAY 4
CSS沒有極限 系列 第 4

達標好文 技術 CSS沒有極限 - Sass 與 Compass(1)

在先前的幾篇,有提過好幾次的Sass以及Compass、Fire.app等工具,在這邊就來釐清這些是什麼樣的工具。 在先前的幾篇,有提過好幾次的Sass以及C...

鐵人賽 開發技術 DAY 4

技術 Day4 [番外篇] 簡單介紹 Visual Studio 2012&開啓專案

寫了好幾天的純文字筆記,是不是很乏味.... 手指頭都癢了.... 今天就請打開 Visual Studio 2012 吧 首先找到你的 Visual Stu...

鐵人賽 開發技術 DAY 4

技術 Day4 Programming Win8 Apps with ....~ ch01讀書筆記

這一篇主要是在寫這本書的讀書心得跟筆記。 書目 : Programming Windows 8 Apps with HTML CSS and JavaScrip...

鐵人賽 開發技術 DAY 3
CSS沒有極限 系列 第 3

達標好文 技術 CSS沒有極限 - 瀏覽器的戰爭

CSS不斷的進化及改變,在過去所遇到的問題、解決方式現在都有著不同的解決方法。在接觸網頁設計一年多,不斷的學習CSS技術,到頭來發現這項技術是沒有極限的,每天都...

鐵人賽 開發技術 DAY 3

技術 Day3 介紹 Windows 8 App 開發方式

這是今天的第二篇,如果要看今天的第一篇是:http://ithelp.ithome.com.tw/question/10127217 這個章節主要是要介紹,Vi...

鐵人賽 開發技術 DAY 3

技術 Day3 學習 Windows 8 App 的資源列表

擔心有人想要馬上學東西,我還是先介紹一些資源吧,如果你想學寫 Windows 8 App不用等我了,可以先偷跑了:P。 今天在這裡跟大家介紹一些資源,主要是單...

鐵人賽 開發技術 DAY 2
CSS沒有極限 系列 第 2

技術 CSS 的改變

CSS不斷的進化及改變,在過去所遇到的問題、解決方式現在都有著不同的解決方法。在接觸網頁設計一年多,不斷的學習CSS技術,到頭來發現這項技術是沒有極限的,每天都...

鐵人賽 開發技術 DAY 2

技術 Day2 windows 8 的界面設計(Windows UI)

大家看到 win8 的開始畫面,有沒有覺得一格一格的,裡面還有東西會亂動 XD 有人稱他 Metro Style ,但我喜歡稱他 Windows UI,因為在開...

鐵人賽 開發技術 DAY 1
CSS沒有極限 系列 第 1

技術 CSS沒有極限Intro

CSS不斷的進化及改變,在過去所遇到的問題、解決方式現在都有著不同的解決方法。在接觸網頁設計一年多,不斷的學習CSS技術,到頭來發現這項技術是沒有極限的,每天都...

鐵人賽 開發技術 DAY 1

技術 Day1 開場白與環境介紹

介紹我的主題『HTML5 X JavaScript 開發 Windows 8 Apps』,以及我要分享的內容。 大家好,我是win, 目前是一位菜 Fronte...

技術 Web Worker 經驗分享(二)

那些年,我們一起讓瀏覽器當掉的日子 昨天提到了 Worker 就像是主從式架構一樣,有要求才有產出,而前後端的任務切割,就是在將商業邏輯與頁面呈現區隔開來。但隨...

達標好文 技術 Web Worker 經驗分享(一)

各位「網路工作者」大家好! Web Worker 是由 W3C 以及 WHATWG 共同制定出來的API,讓 javascript 可以獨立在背景執行而不會影響...

鐵人賽 IT技術 DAY 30
且戰且走HTML5 系列 第 30

技術 且戰且走HTML5(30) 利用Bootstrap逐步整合出UI

我不是做美術設計的料,但是又希望成品可以美觀一點,這時還是借助一些方法來讓介面好看一點。 自從twitter發佈了bootstrap,看起來真的不少人做過嘗試。...

鐵人賽 IT技術 DAY 28
且戰且走HTML5 系列 第 28

技術 且戰且走HTML5(28) 建立視訊會議

今天先建立起簡單的視訊會議做驗證。 建立視訊會議的方式,基本上就是昨天描述的過程的實作。連線資訊的傳遞,則透過之前包裝好的ws.io模組。 首先看一下伺服器:...

鐵人賽 IT技術 DAY 27
且戰且走HTML5 系列 第 27

技術 且戰且走HTML5(27) 應用的主軸:WebRTC

WebRTC主要的重點是建立瀏覽器之間的即時網路通訊,不過這個規格還很新,基本上能完整支援的瀏覽器目前只有Chrome21以上的版本。不過他能做的應用非常有趣,...

鐵人賽 IT技術 DAY 27
新手前端日記 系列 第 27

技術 [新手前端] 你還在點[網際網路]上網嗎? 快把IE換掉吧!!

這雖然和前端技術有點像是扯不上關係 但是這和前端的美好未來可能有很多的關係,私心啦!! 你知道判斷一個網站有沒有運用HTML5技術最好的方法嗎? 就是用IE開啊...

鐵人賽 IT技術 DAY 26
且戰且走HTML5 系列 第 26

技術 且戰且走HTML5(26) 使用ws.io完成資源共享

依照昨天的構想,把傳送binary資料的功能也實作出來了,就把它用在資源分享上。 分成兩個部分來傳送資料,基本上問題不大,但是要實作,需要在使用方法上制定一些規...

鐵人賽 IT技術 DAY 25
且戰且走HTML5 系列 第 25

技術 且戰且走HTML5(25) 解決ws.io模組的問題

找到問題所在...該來完成ws.io的單元了 這種事情要在腦袋清楚的時候來解決阿...趕稿的時候一定想不出來 由於架構模仿了Socket.IO,問題變得比較複雜...

鐵人賽 IT技術 DAY 24
且戰且走HTML5 系列 第 24

技術 且戰且走HTML5(24) 完成ws模組的包裝

其實還沒有真的完成,因為這個工作幾乎等於重寫Socket.IO...不過還是來看一下目前進行的狀況 主要的改寫還是在幾個部分,跟昨天的程式比起來,還需要在Man...