2014/05/30

on
● -- ● Encon 網站修改 Memo
.■■■ - CSS3教學 youTube - 02 ;;;
.■■■ - BootStrap <div class="row"> <div class="col-[xs,sm,md,lg]-[1~12]"></div></div> :
xs(<768px lg="" md="" p="" px="" sm="">.■■■ - 類別分類 : project_category01.html
交通建設及共同管道
環境污染防治設施
污水下水道、自來水及水利設施
衛生醫療設施
社會及勞工福利設施
文教設施
觀光遊憩重大設施
電業設施及公用氣體燃料設施
重大工業、商業及科技設施
新市鎮開發
其他
.■■■ - 年份 : project_after2008.html (2008-097)
2009 有1筆
.■■■ - FlexSlider 是一款免費輕量的響應式 jQuery 內容滾動插件,能夠幫助你在項目輕鬆的創建漂亮的內容滾動效果 Flexslider。  效果展示

.■■■ - Mobile Web 前端技術筆記(一): Viewport的設定
viewport的作用是告訴瀏覽器,目前裝置有多寬(或多高),以便在縮放時有個基準。尤其當設定頁面寬度需自動調整時,如寬度100%或螢幕由垂直轉為水平,viewport大小是一個根據。
- meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;"
根據W3C草案,在meta tag中viewport有以下屬性可設定
    width:[數字] 或 device-width
    height:[數字] 或 device-height
    initial-scale:最小0.25,最大5
    minimum-scale:最小0.25,最大5
    maximum-scale:最小0.25,最大5
    user-scalable:1 或 0 (yes 或 no)
width通常設為device-width,用意是適應各家裝置的大小,這樣寫CSS時就能放心的把版面寬度設為100%(雖然還有一個box model的問題)。
-
.■■■ - Slidesjs :  Slides – 是一個簡單的,容易定製和風格化,的jQuery幻燈片插件。Slides提供褪色或幻燈片過渡效果,圖像淡入淡出,圖像預壓,自動生成分頁,循環,自動播放的自定義等很多選項。用Slides插件,你可以隨機播放幻燈片,設定那一套您想要開始幻燈片。它附帶充分的說明和示例。
.■■■ -
.■■■ - Writing your first jQuery Mobile app - Part 1


.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -

.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ - Web 前端開發者每天都與 HTML、CSS、JavaScript 打交道,然而不少人都是週而復始地寫模板、樣式和交互效果,並沒有想過如何將這些重複的工作整合在一起。Twitter 推出的 Bootstrap 能夠幫助 Web 前端開發者擺脫這種重複勞動。

視頻教程內容有:
第1講:Bootstrap用戶界面與交互架構 http://www.icoolxue.com/play/1254
第2講:下載Bootstrap http://www.icoolxue.com/play/1255
第3講:包含Bootstrap文件 http://www.icoolxue.com/play/1256
第4講:在網頁中使用 Bootstrap http://www.icoolxue.com/play/1257
第5講:Bootstrap佈局 http://www.icoolxue.com/play/1258
第6講:Bootstrap嵌套佈局與流動佈局 http://www.icoolxue.com/play/1259
第7講:Bootstrap響應式佈局 http://www.icoolxue.com/play/1260
第8講:Bootstrap把已有的固定寬度佈局轉換成響應式佈局 http://www.icoolxue.com/play/1261
第9講:Bootstrap響應式佈局的實用類 http://www.icoolxue.com/play/1262
第10講:Bootstrap常用標籤與樣式 http://www.icoolxue.com/play/1263
第11講:Bootstrap列表 http://www.icoolxue.com/play/1264
第12講:Bootstrap代碼 http://www.icoolxue.com/play/1265
第13講:Bootstrap Google Prettify http://www.icoolxue.com/play/1266
第14講:Bootstrap表格 http://www.icoolxue.com/play/1267
第15講:Bootstrap表單 http://www.icoolxue.com/play/1268
第16講:Bootstrap文本框的前綴與後綴 http://www.icoolxue.com/play/1269
第17講:Bootstrap單選按鈕 http://www.icoolxue.com/play/1270
第18講:Bootstrap複選框 http://www.icoolxue.com/play/1271
第19講:Bootstrap選擇列表 http://www.icoolxue.com/play/1272
第20講:Bootstrap表單的排版 http://www.icoolxue.com/play/1273
第21講:Bootstrap按鈕 http://www.icoolxue.com/play/1274
第22講:Bootstrap按鈕群組 http://www.icoolxue.com/play/1275
第23講:Bootstrap帶下拉菜單的按鈕 http://www.icoolxue.com/play/1276
第24講:Bootstrap導航菜單 http://www.icoolxue.com/play/1277
第25講:Bootstrap導航菜單的響應式設計 http://www.icoolxue.com/play/1278
第26講:Bootstrap選項卡(1) http://www.icoolxue.com/play/1279
第27講:Bootstrap選項卡(2) http://www.icoolxue.com/play/1280
第28講:Bootstrap導航路徑與分頁器 http://www.icoolxue.com/play/1281
第29講:Bootstrap提示信息 http://www.icoolxue.com/play/1282
第30講:Bootstrap縮略圖 http://www.icoolxue.com/play/1283
第31講:Bootstrap對話框 http://www.icoolxue.com/play/1284
第32講:Bootstrap導航菜單裡的下拉菜單 http://www.icoolxue.com/play/1285
第33講:Bootstrap工具提示 http://www.icoolxue.com/play/1286
第34講:Bootstrap摺疊內容 http://www.icoolxue.com/play/1287
第35講:Bootstrap旋轉木馬 http://www.icoolxue.com/play/1288

視頻教程專輯在這裡:http://www.icoolxue.com/album/show/78

.■■■ -
    
這部分的課程,跟Windows App有點關連,但學習HTML5仍是很OK的
   
如果是 ASP.NET 4.5的初學者, 下面的課程從零開始,涵括了各大主題,您可以輕鬆學習

.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
-
-

0 意見: