上一篇我們介紹了 Responsive Web Design 之後，這次要來詳細介紹 CSS3 Media Queries 了。在上一篇中，我們提到 Responsive Web Design
的實作方式有大半都是利用 CSS3 Media Queries 來達成。而顧名思義 Media Queries 就是要在支援 CSS3
的瀏覽器中才能正常工作，IE8 以下不支援。而 Media Queries 的套用方法千變萬化，要套用在什麼樣的裝置中，都可以自己來定義。 ##
關於 Media Queries
到底什麼是 Media Queries ？一般我們在開發 HTML + CSS 網頁中，都會有一份 CSS
來控制網頁的樣式表。而隨著各式各樣不同大小、長寬與解析度的裝置的興起，我們在開發網頁只考慮到自己的螢幕顯示的如何，是多麼的膚淺哪。So，在開發者
的螢幕看到的網頁或許很漂亮，那，其他人的螢幕呢？所以，我們需要的是能夠控制不同大小的螢幕（裝置），在其上所顯示出來的樣式，讓各式各樣來自不同地方
的 User 都能夠有最佳的瀏覽體驗。
2011年7月8日 星期五
好物推薦-jsFiddle - Online Editor for the Web
昨天在ptt爬ajax版的時候，發現有人貼了個很有趣的東西，web版本的線上程式碼編輯器，網址為 http://jsfiddle.net/ ，支援了許多的語法，包括HTML, CSS, JavaScript 這些東西~
不過一定會有人說，那我幹嘛要用web版本的編輯器，單機一大堆IDE可以用，而且反應還比較快功能比較多，我一開始也是這樣想，但是這個東西最實用的地方在於它可以"分享"&"討論"你的code，當需要跟別人討論code但是對方又不再旁邊的時候，這東西就很好用了！而且裡面也內建了一些範例讓你可以減少許多時間，直接修改就能用很多功能
不過一定會有人說，那我幹嘛要用web版本的編輯器，單機一大堆IDE可以用，而且反應還比較快功能比較多，我一開始也是這樣想，但是這個東西最實用的地方在於它可以"分享"&"討論"你的code，當需要跟別人討論code但是對方又不再旁邊的時候，這東西就很好用了！而且裡面也內建了一些範例讓你可以減少許多時間，直接修改就能用很多功能
訂閱：
文章 (Atom)