iT邦幫忙

html5相關文章
共有 223 則文章
鐵人賽 Modern Web DAY 5
菜鳥前端奮鬥史(欸? 系列 第 5

技術 Day05 「弟兄們,為了SEO!」 ─ 將 h1 圖片取代文字!

今天來簡單介紹一下,如何將 h1 (主標題)內的文字置換成精美的 LOGO 圖片! 當然精美的 LOGO 請自己做自己想辦法,這邊只有教學怎麼置換而已 (喂...

鐵人賽 Modern Web DAY 24

技術 HTML5的picture標籤 - 自動調整圖片大小

上一篇文章提到 RWD / BootStrap(http://ithelp.ithome.com.tw/articles/10187807 ) 可以依照使用者的...

鐵人賽 開發技術 DAY 3

技術 MIS2000Lab.的「HTML5 認證考試,從零開始」#3--HTML Form 表單 & Script程式

上一篇文章 http://ithelp.ithome.com.tw/question/10156839 要做一個與使用者互動的網頁,例如:填寫會員資料、購買產品...

技術 [筆記]網頁-神經網路網頁可視化

前言 之前介紹的神經網路這篇參考文獻,裡面他做出一個動態更新的神經網路訓練,覺得相當有趣,因此嘗試利用canvas來實現動態更新的效果。 這次介紹主要都是座標繪...

鐵人賽 開發技術 DAY 14

技術 MIS2000Lab.的「HTML5 認證考試,從零開始」#14--AJAX ( XHR,XmlHttpRequest)

上一篇文章:http://ithelp.ithome.com.tw/question/10158769 有別於ASP.NET AJAX使用了現成工具 Updat...

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

技術 CSS - 伸縮自如的Flex box (2)

從上一篇可以了解到,flex和過去的比較起來,是相當具有彈性的,不只能像百分比一樣,還可以與固定像素配合,有效提升排版的豐富性。今天要介紹它更多樣的屬性值。 c...

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

技術 HTML Audio/Video Methods

參考: http://www.w3schools.com/tags/ref\_av\_dom.asp HTML5 DOM 為<audio> 和&lt...

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

技術 CSS - Flex的對齊

今天參加了MOPCON,所以來介紹簡單一點的。承前篇,Flex是為了改善過去的CSS2排版模式所衍生出的新語法,本章則要介紹他的對齊方式。 CSS範例:http...

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

技術 CSS沒有極限 - CSS only responsive navigation

本篇CSS效果發表於http://ashareaday.wcc.tw/#2013-10-13 (建議使用Chrome瀏覽器) 這篇要介紹的是noscript的C...

鐵人賽 開發技術 DAY 7

技術 MIS2000Lab.的「HTML5 認證考試,從零開始」#7-- JavaScript入門 (I)

=============================================== 本系列文章已經集結出書 HTML5、CSS、JavaScript...

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

技術 CSS沒有極限 - CSS transform 軸線的謊言

本篇CSS效果發表於http://ashareaday.wcc.tw/#2013-10-09 (建議使用Chrome瀏覽器) 從小上數學課,都會知道X軸是左右,...

鐵人賽 Modern Web DAY 2

技術 新手村的 Web Design 30天冒險 | Day 2 { Environment Setting }

我是網頁開發初心者,這一系列是記錄學習網頁程式設計的筆記。 俗話說,工欲善其事,必先利其器,第二篇要先來介紹一下這門課與網頁開發的開發環境。 { Edito...

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

技術 且戰且走HTML5(17) 將Canvas繪圖進一步抽象

之前針對白板塗鴉的需求,做好基本的抽象化。不過要利用從WebSocket傳來的資料繪圖,就需要進一步考慮。 在繪圖上,一個共享白板的技術需求主要有幾個重點:...

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

技術 HTML5的Video標籤(2)

audio和video都是Media Elements- 介紹在<video>裡可以放置的特性(Attributes)- src autoplay...

鐵人賽 開發技術 DAY 28

技術 MIS2000Lab.的「HTML5 認證考試,從零開始」#28-- Web Socket,實作即時通訊

上一篇文章:MIS2000Lab.的「HTML5 認證考試,從零開始」#27-- 將使用者介面(UI)變成動畫 http://ithelp.ithome.com...

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

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

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

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

技術 且戰且走HTML5(15) Canvas基本繪圖-架構調整

之前的程式碼看起來有些凌亂,所以稍微停下腳步,整理一下。 其實本來其實想自己實作AMD(Asynchronous Module Define),不過時間來不及,...

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

技術 HTML5 屬性、方法和事件

最近筆記分享了好幾篇Audio/Video的Methods(方法)、Properties(屬性)、和Events(事件)。 我今天想要單純針對這些方法、屬性、事...

鐵人賽 開發技術 DAY 3

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

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

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

技術 CSS沒有極限 - CSS 的相關資料

今天沒有要介紹任何效果,是要介紹這些CSS資料是從何處獲得的~ 前端社群 台灣的前端社群也是高手雲集的地方,如果想要知道最新的技術資訊,從社群進入是最快的方式...

鐵人賽 開發技術 DAY 3

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

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

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

技術 CSS沒有極限 - pure CSS 專輯列表效果

本篇CSS效果發表於http://ashareaday.wcc.tw/#2013-10-12 (建議使用Chrome瀏覽器) 鐵人賽快要結束了,今明兩天會介紹純...

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

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

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

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

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

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

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

技術 CSS沒有極限Intro

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

技術 新書上市&團購 -- ASP.NET專題實務 (VS2015版)

晚輩的新書上市, 舉辦一場團購,買一送一 ASP.NET專題實務 I:C#入門實戰(VS2015版) / 松崗 定價 NT$820 http://www.boo...

技術 14 個超棒 HTML/CSS 框架

在網路上看到這則分享 網頁工程師一定要知道的 14 個超棒 HTML/CSS 框架 覺得很不錯 雖然是翻譯+轉載來的 對於Web前端工程師應該是很好的整理

技術 Mac Pow + Html5 應用

由於在學習RoR的時候使用了一個好東西 Pow 這陣子要拿來單純測試Html5 卻一直出現Not Found 這篇文章記錄一下解決問題的過程 雖然在Mac上We...

技術 [贈書 & 抽獎] HTML5、CSS、JavaScript 認證教科書(碁峰)

小弟新書上市,出版社送了幾本給我 我準備十本書送給有緣人、或是有興趣的朋友 HTML5、CSS、JavaScript 網頁程式設計與 MCSD 70-480 認...

鐵人賽 開發技術 DAY 14
HTML5 & CSS3 系列 第 14

技術 30天分享(16) - HTML5 拖曳與置放

30天分享(16) - HTML5 拖曳與置放 HTML5 支援物件的拖曳與置放,使檔案或圖片能從一個位置拖曳到另一個位置, 程式碼如下 : <!DOC...