css

作者:
瀏覽:263
不知道大家有沒有注意到,這次的 Firefox 十週年活動網站上出現了一些特殊的動畫元素。這些元素不是 GIF 圖素,也不需要複雜的動畫套件,而是運用了 SVG 本身具備的動畫功能。 使用 SVG 來做動畫有幾個好處: 首先因為是向量圖形,所以任意縮放變形都不怕出現鋸齒顆粒。 多數向量繪圖軟體都支援...
作者:
瀏覽:332
RWD 全稱為 Responsive Web Design(適應性網頁設計),簡單來說就是讓你的網頁能夠伸縮自如的設計方式。在前兩篇文章介紹完九個 RWD 小撇步之後,接下來小小分析一些常見的 RWD 流言,並不是說這些流言都是胡謅一通,但我們如果常因為流言中的一些負面模糊形容而卻步,很可能就錯失了...
作者:
瀏覽:436
接續上一篇所介紹的一些基本 CSS 排版小技巧,本文第一部分開始介紹 CSS media queries 常見的使用方式,以及一些在開發初期就要先注意的地方;第二部分則介紹一些適應性設計相關的工具及 Javascript 套件。希望這些小撇步可以幫助你在開發網站上事半功倍囉! 運用 CSS medi...
作者:
瀏覽:328
繼之前蓋索林大師的一個打十個系列文章,介紹了 Gaia WebApp 支援多種設備的技巧,本系列文章將深入介紹一些網頁適應性設計相關的通用工具及方法。如果你還不知道什麼是適應性設計,底下有簡潔的介紹。 什麼是適應性設計?它適合我嗎? 適應性設計 (Responsive Web Design,簡稱 R...
作者:
瀏覽:686
在八月份的七夕搭鵲橋活動裡,用網頁動畫呈現了牛郎織女團聚慶祝的畫面。不知道有沒有眼尖的網友發現,其實活動網頁裡的動畫效果都是運用 CSS animation 及 CSS transition 所做出的特效喔!揪~竟~要怎麼做出這些特效呢?讓我們繼續看下去。 這邊也順便工商服務一下,之前香蕉人也介紹...
 Chrome 一直強調對 HTML5 的之原性,隨著 HTML5 越來越普及, Chrome 的可能性也越來越多,今天 Google I/O 就展示幾項基於 HTML5 的應用,上圖是基於 HTML5 、由 Gaikai 提供的雲端遊戲,而 Gaikai 的雲端遊戲計畫則是基於 NVIDIA 的 ...
 智慧電視是近年火熱的話題,不過電視卻與多數的電子裝置使用體驗有相當程度的差異,大畫面與相對陽春的控制器,加上觀看電視時的距離與坐姿等條件,都不同於一般盯著裝置與螢幕觀看智慧設備的情形,尤其如何針對智慧電視普遍效能較低的硬體進行開發, HTML5 的導入就成為關鍵。友站 TechOrange 就針對...
作者:
瀏覽:570
CSS 最強的屬性是什麼呢?一般人可能不知道,CSS 決定了一個網站的視覺以及排版,一個好的網站可以容納多種不同裝置的閱覽,想要讓不同裝置得到良好的閱讀感受,決定就在於 CSS。來自日本的網站 Webamb. 總結出五個最強的 CSS 屬性,並且透過 畫家 (@Mina_mm) 將這些屬性擬人化,...
HTML、CSS以及JavaScript已經是很普遍的東西了,除非你不用電腦上網瀏覽,不然都一定有機會碰到他們。不過在嬰兒的時候,就可以開始看:Web Design for Babies、CSS for Babies以及HTML for Babies,會不會太早呀。        其中的CSS f...
作者:
瀏覽:623
二十餘年前,網站慢慢開始出現在世界各地,起初就像盤古開天闢地一般,沒有複雜的東西,網站都相當簡易,大多以文字和些許的圖片構成,連頁面也沒有太多。經過好一陣子的發展,慢慢有了比較複雜的結構,那時候人寫網頁的邏輯慢慢的會受到干擾,因而有時候會出現一些錯誤。到了最近幾年,網站已經不再是 Frontpag...