iT邦幫忙

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

技術 CSS沒有極限 - Checkbox的妙用

本篇CSS效果發表於http://ashareaday.wcc.tw/#2013-10-07 (建議使用Chrome瀏覽器) CSS3 新增了:checked的...

鐵人賽 Modern Web DAY 2

技術 「防呆」與「驗證」,避免使用者輸入錯誤資料

傳統的程式教學,就是把 "整本書"教了一次 然後做了一堆「數學題」,求質數、最大公X數、最小公Y數(連名字我都忘了)、寫九九乘法表.......

徵才 【皆凱科技】誠徵 前端工程師(Frontend Developer)

我們正在尋找一群對Web應用開發有熱情的夥伴,你開發的產品將被大量的客戶使用,並且獲得許多回饋。你會從了解現有產品開始,直到參與需求討論、架構設計、軟體開發、測...

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

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

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

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

技術 CSS - Flex的排版方式

css 範例:http://ashareaday.wcc.tw/#2013-10-25 flex是用來排版的CSS屬性,在本章就用所了解的flex來排版看看,並...

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

達標好文 技術 CSS - 伸縮自如的Flex box

Flexbox是css3的新的排版方式,過去排版主要是利用table、box、inline、float、position等等做排版,而這些都不是設計為了豐富的網...

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

達標好文 技術 前端新手村 HTML的作用

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

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

技術 CSS沒有極限 - CSS transform-3D的透視(perspective)

本篇CSS效果發表於http://ashareaday.wcc.tw/#2013-10-11 (建議使用Chrome瀏覽器) 本篇介紹的transform 3D...

技術 Web Worker 經驗分享(二)

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

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

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

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

鐵人賽 Modern Web DAY 21

技術 第 21 天:Flask:裝飾我們的網頁

第 21 天:Flask:裝飾我們的網頁 不住在紐約的人可能不知道,維克牧場坐落在一家裝潢的有點華麗的賽頓莊園裡。我以前經常去那裡,但現在我再也不去了。我慢慢...

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

技術 且戰且走HTML5(8) Socket.IO的架構與連線管理機制

其實Socket.IO的文件並不完整,雖然不需要完整的說明就可以使用,但是要清楚他的功能跟架構的話,大概要直接追蹤原始碼。 打開socket.io目錄中的pac...

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

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

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

鐵人賽 IT技術 DAY 5
只是路過 HTML5 系列 第 5

技術 HTML5的Video標籤(3)

介紹在<video>裡可以放置的特性(Attributes)- control preload loop muted control 指定是否顯示控...

技術 HTML5 與 SVG圖形入門

SVG(Scalable Vector Graphics) SVG是一種XML語法而且已經納入HTML之中,可以把互動圖形放在您的網頁裡面(放在<svg&...

技術 分享大小事-(系列文)3.Windows7 與行動裝置/ Windows7平板電腦發表藍圖

Windows 7 家族的新夥伴已經漸次露出來了~! 您關心Windows 7 平板電腦的發展進度與藍圖嗎? 記得第一篇在聽完了台灣微軟副總經理 葉怡君(Cat...

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

技術 CSS沒有極限 - Web-font & icons 3連發

接下來會連接3篇文章都介紹web-font,而第一篇是基本的web-font的置入,第二篇開始會是web-font icon,並且了解web-font icon...

鐵人賽 Modern Web DAY 25

技術 ?? - 目前的簡單成果

參考:example012.html 資料的複雜性 結果奮鬥最久的還是處理pptx的資料XD 來反省一下...先看一下簡報的架構(排除了一些跟播放沒直接關係的設...

鐵人賽 IT人生鐵人 DAY 30

技術 分享不分大小事-30/30 MS Tech.Days 2010 Taiwan 分享8:WP-7&Silverlight

話說「地球是圓的」、「科技是神奇的」…咦?熊在講啥? 喔~!是說時間很快到了30這個敏感數字、還記得30天前我是使用「分享不分大小事-2010鐵人賽1/30 年...

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

技術 且戰且走HTML5(14) Canvas基本繪圖-打字

2D Context具備了基本的文字繪製功能,不過想要做成在Canvas可以直接打字的效果,還是需要花一些功夫嘗試。 雖然2D Context具備了文字繪製功能...

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

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

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

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

技術 CSS沒有極限 - 如何用sass寫animation

都寫了...就順便貼過來了 範例連結:http://ashareaday.wcc.tw/#2013-10-16 Compass目前版本似乎沒有支援animati...

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

達標好文 技術 且戰且走HTML5(1) 前言:為何且戰且走

HTML5有許多規格已經即將成為穩定的標準,不過還有很多有趣的東西還沒有進入這個階段,而這些功能其實對於實作一個Web應用來說,其實也非常關鍵。 除了已經大致穩...

鐵人賽 開發技術 DAY 17

技術 [Javascript]knockout.js - 關於Html屬性的控制

在上一篇knockout.js初體驗有介紹用此框架來實作前端MVVM架構,延續這個主題,今天主要介紹控制常用Html屬性的幾個用法。 http://ithelp...

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

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

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

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

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

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

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

技術 且戰且走HTML5(4) 基本的Chat應用

大致上了解了Socket.IO的使用方式,接下來就來試試看,怎樣用它做出簡單的Chat功能。 基本的Chat應用,在伺服器端其實跟單純的Echo差不多。只是原本...

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

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

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

技術 分享大小事-(系列文)2.IE9繁體中文正式版 發表上市與介紹

前一篇分享過Windows 7 SP1的新功能與介紹之後,這一篇就來看剛剛火熱上市的IE9咯!IE9新功能是啥? 這一個Session一開始、Jeff就「明確的...

鐵人賽 Modern Web DAY 6
菜鳥前端奮鬥史(欸? 系列 第 6

技術 Day06 「防呆機制好麻煩」 ─ HTML5 內建的表單檢查!

雖然知道it邦是使用 Markdown 格式做撰寫,要避免使用 HTML 格式,但沒想到居然連標題都會受到影響.. 所以把昨天的標題緊急修正了.. (都過了快...