投資自己,讓今天的自己 比 昨天的自己 更值錢 !
永保熱誠,讓今天的自己 比 昨天的自己 更厲害 !
如何在電腦上使用AI2專用模擬器連線測試AI2 做的App效果
(1)先把 aiStarter 跑起來, 會有一個黑色 CMD 視窗!!
(2)在 AI2 內點 連線 選 模擬器
(3)耐心等大約要三分鐘 !!!
AppMakr -- 30秒製作 App / APK 提供免費版本和付費版本 http://www.appmakr.com/
(1)當然, 30 秒只能把現成的網站變成一隻專連接該網站的 APP 啦!
(2)其他功能雖然要錢, 但很便宜, 可買整年或是一個月的使用權
(1)當然, 30 秒只能把現成的網站變成一隻專連接該網站的 APP 啦!
(2)其他功能雖然要錢, 但很便宜, 可買整年或是一個月的使用權
要錢的通常比較不會倒 (但也不保證 !)
使用 Visual Studio Community+Cordova/PhoneGap+jQuery Mobile做網站
再利用 PhoneGap 網站服務把網站轉為跨平台 APP
再利用 PhoneGap 網站服務把網站轉為跨平台 APP
微軟提供 Free Xamarin + C# + Visual Studio
RWD網頁(Responsive Web Design)
自適應網頁設計/響應式網頁設計
自適應網頁設計/響應式網頁設計
自適應網頁設計(Responsive Web Design,簡稱RWD)是一種網頁設計的技術做法,該設計可使網站在多種瀏覽裝置(從桌面電腦顯示器到行動電話或其他行動產品裝置)上閱讀和導航,同時減少縮放、平移和捲動。
技術上採用 RWD 設計的網站是使用CSS3 Media queries,就是一種對 @media 規則的擴充功能,以及串流的基於比例的網格和自適應大小的影像以適應不同大小的裝置:
技術上採用 RWD 設計的網站是使用CSS3 Media queries,就是一種對 @media 規則的擴充功能,以及串流的基於比例的網格和自適應大小的影像以適應不同大小的裝置:
- Media queries允許網頁根據存取站點裝置的特點而使用不同 CSS 樣式規則,最常用的是瀏覽器的寬度。
- 串流網格概念要求頁面元素使用相對單位如百分比或 字型排印學 調整大小,而不是絕對的單位如像素或點。
- 靈活的影像也以相對單位調整大小(最大到 100%),以防止它們顯示在包含它們的元素外面。
相關概念
移動優先,不引人注目的 JavaScript 和漸進增強
移動優先,不引人注目的 JavaScript 和漸進增強
- 「移動優先」和「Unobtrusive JavaScript」/「漸進增強」(考慮一種新的網站設計時的策略)是先於 RWD 的相關概念: 基礎的手機瀏覽器不理解 JavaScript 或者 media queries,因此建議的做法是建立一個只有基本框架的網站,然後再為智慧型手機和 PC 提供增強功能;而不是試著「優雅降級」——讓一個複雜的,影像豐富的站點工作在最基本的行動電話上。
- 在一個網站必須支援缺乏 JavaScript 的基本的行動裝置的情況下,瀏覽器 (使用者代理) 探測 (也叫做「瀏覽器嗅探」),和行動裝置探測是推斷某些 HTML 和 CSS 特性是否受支援的兩種方式 (作為漸進增強的基礎)—然而,這些方法不完全可靠。對於能力更強的行動電話和 PC,可以直接測試瀏覽器對 HTML/CSS 功能的支援 (識別裝置或者使用者代理字串) 的 JavaScript 框架如 Modernizr, jQuery 和 jQuery Mobile等流行起來。Polyfills可以被用於添加對一些功能的支援—比如,支援 media queries (RWD 所需要的),和在 (舊版本) Internet Explorer 上提高 HTML 5 支援。功能探測在較舊的瀏覽器上也可能不完全可靠: 某些也許會報告一個特性可用,然而它或者是缺失,或者是實作的如此拙劣以至實質上無法工作。
. . . For more info., 請參看維基百科 (Wikipedia)