HTML5 – Flex配置-2

by vivid 6. 五月 2015 00:52
.NET Magazine國際中文電子雜誌 作 者:許薰尹 審 稿:張智凱 文章編號:N150516001 出刊日期:2015/5/6 在這篇文章之中,將延續上一篇《HTML5 – Flex配置-1》文章的內容,介紹HTML5的Flex Box網頁配置功能,探討Flex Item的屬性。 Flex Item屬性:order 預設Flex Item會根據你在HTML定義的順序來排列,若要變更排列的順序,可以在Flex Item設定Order屬性。參考以下範例程式碼,4個<div>的順序為4、3、2、1: <!DOCTYPE html... [更多...]

Tags:

.NET Magazine國際中文電子雜誌 | HTML | 許薰尹Vivid Hsu

HTML5 – Flex配置-1

by vivid 22. 四月 2015 12:47
.NET Magazine國際中文電子雜誌 作 者:許薰尹 審 稿:張智凱 文章編號:N150415902 出刊日期:2015/4/22 在HTML5的標準進入Recommendation階段之後,許多規範漸漸的明朗化,也比較不會讓人無所適從了,在這篇文章之中,我將介紹HTML5的Flex Box網頁配置功能,它是出自於CSS Flexible Box Layout Module Level 1(目前版本為W3C Last Call Working Draft, 25 September 2014),提供了更有效率、簡單的方式來進行網頁版面的配置動作,也非常適... [更多...]

Tags:

.NET Magazine國際中文電子雜誌 | HTML | 許薰尹Vivid Hsu

ZenCoding 語法簡介 - Visual Studio 2013 Ultimate

by vivid 15. 一月 2014 12:19
.NET Magazine國際中文電子雜誌 作 者:許薰尹 審 稿:張智凱 文章編號:N140114402 出刊日期:2014/1/15 開發工具:Visual Studio 2013 Ultimate 版本:.NET Framework 4.5.1 在Visual Studio 2012或Visual Studio 2013開發工具中,加裝Web Essentials 2012(Visual Studio 2012)或Web Essentials 2013(Visual Studio 2013),可以讓開發工具新增許多設計網頁HTML、CSS... [更多...]

Tags:

.NET Magazine國際中文電子雜誌 | Visual Studio | HTML | 許薰尹Vivid Hsu

建立與使用WebSocket API(2)

by vivid 24. 四月 2013 10:53
.NET Magazine國際中文電子雜誌 作 者:許薰尹 審 稿:張智凱 文章編號:N130413502 出刊日期:2013/4/24 在前一篇文章中介紹了HTML5 WebSocket API基本呼叫方式,在JavaScript中定義WebSocket物件建立用戶端應用程式與伺服端之間的連線,並傳送文字格式到伺服端ASP.NET網站,同時ASP.NET網頁收到請求之後,回應文字格式的訊息。除了傳送文字格式的訊息之外,WebSocket也可以,傳送二進位格式、JSON格式訊息或陣列資料到伺服端。本文介紹如何使用HTML5 WebSocket API進行... [更多...]

Tags:

.NET Magazine國際中文電子雜誌 | HTML | 許薰尹Vivid Hsu

建立與使用WebSocket API

by Vivid 10. 四月 2013 03:17
.NET Magazine國際中文電子雜誌 作 者:許薰尹 審 稿:張智凱 文章編號:N130413501 出刊日期:2013/4/10 WebSocket API定義WebSocket物件以便用來建立用戶端應用程式與伺服端之間的連線。用戶端可以透過WebSocket物件提供的方法連接到伺服端,傳送文字格式、二進位格式、JSON格式訊息或陣列資料到伺服端;也可以接收伺服端傳送過來的訊息。WebSocket API是雙向的,伺服端可以視需要,隨時傳送訊息到用戶端。同時WebSocket物件也提供一些屬性,例如readyState,可用於判斷連線目前的狀態。... [更多...]

Tags:

.NET Magazine國際中文電子雜誌 | ASP.NET | HTML | 許薰尹Vivid Hsu

建立與使用Indexed DB

by vivid 27. 三月 2013 11:47
.NET Magazine國際中文電子雜誌 作 者:許薰尹 審 稿:張智凱 文章編號:N130313402 出刊日期:2013/3/27 雖然HTML5定義Web Storage API,可以在用戶端利用sessionStorage或localStoreage儲存資料,但當儲存資料的結構較複雜時,就不太容易使用。Indexed Database API,簡稱 IndexedDB,則提供一個有效的方式儲存、取回或搜尋較複雜的結構化資料。 你可以利用window物件的indexedDB屬性來存取IndexedDB。若瀏覽器是IE,您必需設定允許使用瀏覽器快... [更多...]

Tags:

.NET Magazine國際中文電子雜誌 | HTML | 許薰尹Vivid Hsu

CSS3文字處理與Block配置

by Vivid 13. 三月 2013 00:25
.NET Magazine國際中文電子雜誌 作 者:許薰尹 審 稿:張智凱 文章編號:N130313401 出刊日期:2013/3/13 CSS3新增一些文字處理的功能,在這一篇文章中,將介紹CSS、以及CSS3文字處理的議題,像是內嵌字型供用戶端下載,此外也會介紹一些CSS3新增的Block樣式,例如outline屬性的用法。 在撰寫HTML網頁時,有時文章內會使用到非常長的英文字,以往會在CSS中使用word-break強制斷行來解決長字超過畫面寬度的問題,不過使用word-break有時會斷行在很奇怪的地方,尤其是搭配text-align: ju... [更多...]

Tags:

.NET Magazine國際中文電子雜誌 | HTML | 許薰尹Vivid Hsu

HTML5 通訊技術

by vivid 21. 十一月 2012 05:40
.NET Magazine國際中文電子雜誌 作 者:許薰尹 審 稿:張智凱 文章編號:N121113002 出刊日期:2012/11/21 利用HTML5新增的postMessage API,可以讓不同文件,或跨網站溝通,並且允許使用跨網站指令碼( Cross-site Scripting)。用戶端和伺服端若要進行即時通訊,在HTML5之中可以採用Server-Sent Event,透過HTTP 讓伺服端傳送通知訊息到用戶端來接收。本篇文章將介紹postMessage API與Server-Sent Event的設計。   了解postMessag... [更多...]

Tags:

.NET Magazine國際中文電子雜誌 | HTML | 許薰尹Vivid Hsu

Web Worker

by Vivid 7. 十一月 2012 04:18
.NET Magazine國際中文電子雜誌 作 者:許薰尹 審 稿:張智凱 文章編號:N121113001 出刊日期:2012/11/7 有時網頁應用程式上的JavaScript會有愈執行愈慢的趨勢,有時會顯示「Slow Script」的訊息,可能的原因是JavaScript使用單一執行緒一次只執行一件事情,因執行中的程式需要花費較久的運算時間,在尚未執行完成之前,無法同時做其它事情,例如分身來回應使用者的互動。 HTML5支援Web Worker,可以在網頁程式上建立額外的執行緒,來執行花費時間較久的工作,以協助程式設計師建立能快速回應的網頁。   W... [更多...]

Tags:

.NET Magazine國際中文電子雜誌 | HTML | 許薰尹Vivid Hsu

HTML5與CSS3

by Vivid 24. 十月 2012 04:32
.NET Magazine國際中文電子雜誌 作 者:許薰尹 審 稿:張智凱 文章編號:N121012902 出刊日期:2012/10/24 在前一期《HTML5配置與CSS3》文章中,介紹了適用於HTML5與CSS3的版面配置,也說明CSS3新增的選擇器,這篇文章將介紹CSS3新增的好用功能,包含二維轉換、動畫處理、文字特效與Media Query。 讓我們先從二維轉換說起,CSS3支援2維與3維的變形轉換處理,可以應用在項目變形、或調整大小、方向以及位置。有了CSS3支援變形的能力,您就不需要額外使用外掛程式來達到這樣的效果。   二維轉換 -... [更多...]

Tags:

.NET Magazine國際中文電子雜誌 | HTML | 許薰尹Vivid Hsu

NET Magazine國際中文電子雜誌

NET Magazine國際中文電子版雜誌,由恆逸資訊創立於2000,自發刊日起迄今已發行超過500篇.NET相關技術文章,擁有超過40000名註冊讀者群。NET Magazine國際中文電子版雜誌希望藉於電子雜誌與NET Developer達到共同學習與技術新知分享,歡迎每一位對.NET 技術有興趣的朋友們多多支持本雜誌,讓作者群們可以有持續性的動力繼續爬文。<請加入免費訂閱>

月分類Month List