響應式網頁設計

　　在原來的開發過程當中，老師佈置了一個安卓app的任務，可是當時由於基礎並且又沒有時間去學，因此咱們選擇了使用響應式技術。響應式網站設計是一種網絡頁面設計佈局，其理念是：集中建立頁面的圖片排版大小，能夠智能地根據用戶行爲以及使用的設備環境進行相對應的佈局。

　　說白了響應式就是一種相對佈局，頁面的佈局能夠隨着屏幕大小的改變而改變，好比說當瀏覽器的窗口改變大小時，頁面的佈局也會隨之變化。因此咱們當時就是設計了一個網頁，能夠適應手機屏幕的大小，看起來跟安卓軟件差很少，淘寶的app也是響應式網頁與安卓控件相結合設計出來的。

　　響應式的技術手段是：一切彈性化，咱們經過響應式的設計和開發思路讓頁面更加"彈性"了。圖片的尺寸能夠被自動調整，頁面佈局再不會被破壞。雖然永遠沒有最合適的解決方案，但它給了咱們更多選擇。不管用戶切換設備的屏幕定向方式，仍是從臺式機屏幕轉到iPad上瀏覽，頁面都會真正的富有彈性；響應式圖片，響應式圖片技術思想：不只要同比的縮放圖片，還要在小設備上下降圖片自身的分辨率。這個技術的實現須要使用幾個相關文件，咱們能夠在Github上獲取。包括一個JavaScript文件(rwd-images.js)，一個.htaccess文件，以及一些範例資源文件。大體的原理是，rwd-images.js會檢測當前設備的屏幕分辨率，若是是大屏幕設備，則向頁面head部分中添加BASE標記，並將後續的圖片、腳本和樣式表加載請求定向到一個虛擬路徑"/rwd-router"。當這些請求到達服務器端，.htacces文件會決定這些請求所須要的是原始圖片仍是小尺寸的"響應式圖片"，並進行相應的反饋輸出。對於小屏幕的移動設備，原始尺寸的大圖片永遠不會被用到。

　　十大開發框架：Gumby Framework，Gumby 2是創建在Sass基礎上的。Sass是一款很是強大的CSS 預處理器，容許用戶自主快速的開發擴展Gumby，同時提供不少新的工具來自定義和擴展Gumby框架。Gumby 2是一個很是棒的響應式CSS框架；Get UI Kit，Get UI Kit是一款輕量級、模塊化的前端框架，可快速構建強大的web前端界面，並且，它是一款開源的前端UI界面的框架，能夠無任何限制的使用UIKit 來建立本身的風格；Foundation，Foundation是一個易用、強大並且靈活的框架，用於構建基於任何設備上的Web應用。提供多種Web上的UI 組件，如表單、按鈕、 標籤等；Semantic，UI是Web的靈魂！Semantic是爲工程師而製做的可複用的開源前端框架。提供各類UI組件，使得開發更加直觀、易於理解；52Framework，52 Framework主要用於優化HTML5和CSS3的跨瀏覽器兼容性的框架，可在全部主流瀏覽器上運行；ureCSS，Pure是一組小的、響應式CSS模塊，可用於任意Web項目中。它可做爲每一個網站或Web應用的起步工具，幫助開發者處理應用程序所需的全部CSS工做，同時不會讓每一個應用千篇一概；Responsablecss，Responsable使用最少的Sass，帶給你最合適的響應式框架；TukTuk，TukTuk支持代碼重用功能，提供更加快速、高效的樣式列表，易於添加與維護；Kube，Kube是全球最爲流行、最靈活的CSS框架之一。其帶給你最強大的功能選擇，極具創意性與美觀性；Ivory，Ivory是一款強大、靈活、易用的響應式框架。 Ivory基於12列的響應式網格佈局，包含表格，按鈕，表格，分頁，撥動開關，工具提示，手風琴，選項卡等網站中經常使用的組件和樣式。