iT邦幫忙

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

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

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

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

技術 CSS沒有極限 - Transition 實作波動拳動圖

本篇CSS效果發表於http://ashareaday.wcc.tw/#2013-10-02 (建議使用Chrome瀏覽器) CSS3除了有更多的樣式外,其中一...

鐵人賽 開發技術 DAY 17

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

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

技術 CSS沒有極限 - 利用Sass繪製扁平化風格的long-shadow

網頁設計的趨勢從擬物轉換為扁平化,而扁平化顧名思義就是較扁、較平,去除了真實化實體,扁平化也延伸出許多的視覺風格,而long shadow就是其中一種,讓扁平的...

技術 東之宿_開發日誌-1

太陽要面對的問題有兩個,第一個問題比較小,就是「他不會美工」。第二個問題比較大,那就是「他不會網頁程式開發...」。 早在1987年美商Apple公司,所提出的...

技術 Day 16 WinJS.UI.Flyout實作

FLlyout的詳細說明可見官方網站說明: http://msdn.microsoft.com/en-us/library/windows/apps/hh4...

技術 Day15 關於範本繫結資料 WinJS.Binding.Template

由於前幾個章節,提到了 ListView, GridiView, 甚至實作了分割應用程式等等,在這些範例中, 都有用到這個 WinJS.Binding.Temp...

技術 CSS沒有極限 - box-shadow

鐵人賽終於到了15天了,再怎麼說也是30天的一半。今天要介紹的是box-shadow,簡單來說它是盒狀元素陰影,雖然他的設定值不多,但是要相信css是沒有極限的...

技術 CSS沒有極限 - CSS3 :target選取器,可以做出許多nojs的互動效果

CSS3多了相當多的selectors,而:target是其中一個,它可以讓html的id被套用上新的樣式,而這功能也可以讓html的互動性更高。 本篇內容同步...

技術 CSS沒有極限 - CSS藏頭詩 Selection

這是一個很簡單的技術,就是可以改變文字反選後的樣式,而支援的樣式並不多,目前僅有Color、background、background-color、text-s...

技術 Day13 分割應用程式練習

windows 8 app 有個經典範例就是唐詩三百首,我今天也是做這個,不過內容物不一樣, 官方教學在此http://msdn.microsoft.com/z...

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

達標好文 技術 CSS沒有極限 - CSS的新"文字"及"尺寸"單位

大多數網站在文字的單位都是使用px,尤其在台灣多數使用者都是用windows系統,不管是什麼瀏覽器,在windows下都是以單數px是較為清楚的,如13xp.1...

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

達標好文 技術 CSS沒有極限 - CSS的神奇Calc運算

今天來介紹CSS最犯規的function calc,通常會用來做數值的運算,尤其是針對於長寬等等,而他最特別的是運算的數值"不需要"相同單位...

鐵人賽 開發技術 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。 今天在這裡跟大家介紹一些資源,主要是單...