响应式网页设计
回應式網頁設計（，通常縮寫為RWD），或稱自適應網頁設計、響應式網頁設計、對應式網頁設計。 是一種網頁設計的技術，這種設計可使網站在不同的裝置（從桌面電腦顯示器到行動電話或其他行動裝置）上瀏覽時對應不同解析度皆有適合的呈現，减少使用者進行縮放、平移和捲動等操作。 採用RWD的網站使用CSS3中的，是針對 @media 查詢的延伸應用，藉由流體格線和回應式的圖片針對不同大小的裝置提供對應的樣式： 流體格線概念要求頁面元素使用相對單位，如百…
标签：#响应式网页设计
共 7 篇文章
非侵入式JavaScript
非侵入式JavaScript是一種將JavaScript從HTML結構抽離的設計概念，避免在HTML標籤中夾雜一堆onchange、onclick等屬性去掛載JavaScript事件，讓HTML與JavaScript分離，依模型-视图-控制器的原則將功能權責清楚區分，使HTML也變得結構化容易閱讀。這個名称并不是正式定义，它的基本原则包括： 將网页的行为层和表现层分离开； 是解决传统JavaScript编程问题（浏览器呈现不一致，缺乏扩…
视差滚动
是计算机图形学中使用的技术，通过在摄影机移动过程中，让背景图像的移动速度比前景图像慢的方式在二维场景中创造景深错觉。该技术起源于20世纪30年代在传统动画中使用的多平面成像技术。 视差滚动在二维计算机图形在20世纪80年代引入电子游戏时被广泛使用。1981年的街机游戏《跳跳车》中，视差滚动被有限的使用，在主场景滚动的同时背景的星空保持静止，同时云朵缓缓移动，营造了背景的深度。1982年，街机游戏《登月车》中完整的实现了视差滚动，由三层不…
渐进增强
渐进增强（）是网页设计的一种策略，强调可访问性，语义HTML标记，外部样式表和脚本技术。渐进增强使用Web技术以分层的方式，允许所有人访问网页的基本内容和功能，使用任何浏览器或互联网连接，同时还给更先进的浏览器软件或更大的带宽提供了这些页面的一个增强版本。 历史 “渐进增强”是被Steven Champeon创造于2003年3月11日在奥斯汀的西南偏南(SXSW)互动大会，并于2003年3月和6月间通过一系列网猴(Webmonkey)教…
CSS框架
CSS框架是预先准备好的软件框架，允许使用层叠样式表语言更容易，更符合标准的进行网页设计。大多数这些框架包含至少一个栅格设计（grid）。功能更强大的框架，还配备了更多的功能和附加的基于JavaScript的功能，但大多设计导向的和Unobtrusive JavaScript。本文从功能和充分的JavaScript框架区分它们。 两个显着和广泛应用例子是Bootstrap和Foundation (framework)。其他[https:…
Adobe Muse
Adobe Muse是個建立網站的程式，它允許設計人員建立固定，流暢和適應的網站，而無需編寫任何代碼。 Muse生產靜態網站，用戶可以自由與任何託管服務提供商託管他們的網站。 用戶可以使用由第三方開發人員建立的插件樣他們的網站添加更多高級功能，如博客和電子商務。 此軟件可通過Adobe Creative Cloud下載。 概觀 主題 Adobe Muse主題在Adobe Muse的內部建立，並作為.muse共享文件。主題不需要任何配置或…
Modernizr
Modernizr是一套JavaScript 函式庫，用來偵測瀏覽器是否支持HTML5與CSS3等規格。如果浏览器不支持，Modernizr会使用其他的解决方法来进行模拟。 概要 許多HTML5與CSS 3的功能已經在許多主流的瀏覽器中實作出來。Modernizr能夠告訴開發者，瀏覽器是否已經實作他們想要的功能。這讓開發者在瀏覽器上可以充分利用這些新功能，或者嘗試製作解決方案來支援那些老舊的瀏覽器。 運作原理 Modernizr不同於傳…