iT邦幫忙

html5相關文章
共有 218 則文章
鐵人賽 開發技術 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...

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

技術 且戰且走HTML5(23) 加入類似Socket.IO的on與emit方法

先把類似Socket.IO的操作方式加進來,然後開始測試,先從echo開始。 雖然先把namespace、room、broadcast等功能都先加進來,不過目前...

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

技術 [新手前端] HTML5的新tag 語意化標籤

談談HTML5裡面已經可以使用而且好處多多的 語意化標籤。 HTML5 其實還是HTML,只是像軟體有更新一樣,HTML也更新到HTML5而且有更多的功能,具...

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

技術 且戰且走HTML5(21) 應用的主軸:FileAPI、URL

既然要用到File API以及URL(或者叫做Blob URL),還是對他做一個簡單的了解。 File API目前主要定義了幾個介面,主要是:Blob、File...

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

技術 且戰且走HTML5(20) 資源共享

線上會議的應用,除了需要像是視訊、Chat等的機制外,通常也會需要做一些資源分享。先來考慮一下需求,然後看看怎樣實作。 基本上,這裡說的資源共享,主要還是檔案。...

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

技術 且戰且走HTML5(19) 解決繪圖的多人協同運作問題

昨天發現了在多人協同繪圖時,會有無法解決的問題。問題主要在於繪圖的動作與WYSIWYG的需求不一致,導致動作的衝突無法解決。要解決這樣的衝突,方法之一就是用兩個...