搜尋此網誌

顯示具有 HTML5 標籤的文章。 顯示所有文章
顯示具有 HTML5 標籤的文章。 顯示所有文章

2015-07-21

PhoneGap

0 意見
借力 Apache Cordova,網站工程師也能攻掠行動平台!
快速、免費、功能強大的 Android 模擬器 – Visual Studio Emulator for Android

PhoneGap Developer App


VS2015 Cordova初探

Visual Studio Tools for Apache Cordova Documentation
開始使用 Visual Studio Tools for Apache Cordova
Get Started with Visual Studio Tools for Apache Cordova
TACO: 由 Microsoft 開發的 Apache Cordova 開發工具
部署你的Apache Cordova 应用程序到Windows10

Mobile-first, Cloud-first Development – Visual Studio 2013 Update 2 released, Visual Studio Apache Cordova Tooling preview and the future of .NET for Cloud and Server
Apache Cordova integrated in Visual Studio for Multi-Device Hybrid App development
Multi-Device Hybrid Apps (Preview)

Visual Studio Tools for Apache Cordova
Visual Studio Tools for Apache Cordova
Getting Started with Visual Studio Tools for Apache Cordova
Visual Studio Tools for Apache Cordova CTP3.1
Hybrid Mobile Apps for ASP.NET Developers
會寫網頁 就會寫手機APP -- Hybrid Mobile Apps for ASP.NET Developers

[Cordova] 使用Cordova製作條碼讀取的功能

跨终端Web之Hybrid App




Getting Started with Android

安裝JDK
Installing Android SDK

設定環境變數
PATH 後面加上C:\Program Files\Java\jdk1.7.0_07\bin
新增
JAVA_HOME C:\Program Files\Java\jdk1.7.0_07
ANDROID_SDK_HOME D:\自訂路徑,放模擬器

Andrew Trice*****

Ripple Emulator
Emulating PhoneGap/Cordova Apps in the Desktop Browser
Presentations: Intro To PhoneGap, Web Data Viz & PhoneGap Native Plugins
Who Uses PhoneGap/Apache Cordova?
Phonegap desktop

Jquery Mobile 中文API站
追信魔盒帮助中心
使用jQuery Mobile构建PhoneGap应用 Building PhoneGap apps with jQuery Mobile

jQuery除錯_訪問不同網域之服務出現「No Transport」錯誤

Lawnchair
Lawnchair-轻量级移动应用数据存储方案
在 PhoneGap 中应用 Lawnchair 保存数据

PhoneGap:你应该知道的12件事

Java Script/HTML5, iPhone/Android, ハイビジョン映像, 自動化関連:[OpenSpace]

ngCordova ***
PhoneGap and AngularJs, The Start
Quick Start Guide to PhoneGap+AngularJS

Hybrid App开发实战

Getting Started with Cordova for Windows devices dev
Building apps for Windows devices using open source technologies

PhoneGAP 教學

在 Android Studio 或 Eclipse + ADT 中使用 Visual Studio Android 模擬器

2013-05-27

HTML5

0 意見
webplatform
The Web Platform: Browser technologies
HTML5 Rocks - A resource for open web HTML5 developers
Web Standards Curriculum

Welcome to HTML 5.2!

HTML5 Please

各式 Web 前端開發工具整理
DevDocs is an all-in-one API documentation reader for developers.

HTML5 Validator

HTML5 Security Cheat Sheet

HTML5 & CSS3 Fundamentals: Development for Absolute Beginners

MDN HTML
W3Schools HTML4 and HTML5 Tutorial

HTML 5 教程
HTML5 Doctor, helping you implement HTML5 today
HTMLクイックリファレンス

Developing in HTML5 with JavaScript and CSS3 Jump Start
Programming in HTML5 with JavaScript and CSS3

IBM HTML5 专题
学习路线图:HTML5 入门
使用 HTML5 IndexedDB API

Intel Developer Zone: 英特爾 開發人員專區

20 Useful HTML5 Code Snippets You Should Know
HTML5 Visual Cheat Sheet
HTML5 id/class name cheatsheet

Data Visualization with Web Standards

HTML5 Cross Browser Polyfills

10 of the best polyfills

html5shiv
This script is the defacto way to enable use of HTML5 sectioning elements in legacy Internet Explorer

es5-shim
ECMAScript 5 compatibility table

HTML5 Cheatsheat

jaceju - 我的 Web 開發工具

不只玩小遊戲,HTML5 Rocks教你寫程式

了解網站中的 HTML 和 CSS - 是不是用 HTML 5 就可以跨不同的瀏覽器?

HTML5的文檔大綱

HTML5 Quick Start Web Application
Pulse in HTML5 on Internet Explorer 10 – a modern app for the modern web!
HTML5, JavaScript, Knockout, JQuery, Guide for Recovering Silverlight/WPF/C# Addicts. Part 1 - JavaScript and DOM.
Alternate Rows in ASP.NET GridView, HTML5 Tables

Deep dive into HTML5 Input types

建立最新網站同時可支援舊版 IE 的 20 個秘訣

Generating complex math visualizations in SVG using C# and ILNumerics

23 Useful HTML5 Tools For Web Developers
12 Useful HTML5 Sliders to Save your Time
Best html5 animation tools for 2014

Creating Charts using HTML5 and SVG
7 Things You Need To Know About Web Workers

HTML5 Client Side Storage (Local Storage and Session Storage)
JavaScript Local Storage Implementation Using Anonymous Functions

ASP.NET Web Painting TOOL using HTML 5

Captionator.js

Radio-Controlled Web Design

HTML5 UP *****

2013-04-25

Bootstrap

0 意見
Pinegrow Web Designer


網頁工程師必知:9 個超好用的 CSS 框架

Twitter Bootstrap
Introduction to Bootstrap
Bootstrap V2中文教學- KKBruce

Responsive Web 響應式設計及ASP.NET版面魔法師 – Bootstrap

基础CSS · Twitter Bootstrap中文版/中文翻译
Bootstrap中文網 ***
Twitter Bootstrap 框架簡化網頁開發、兼容不同裝置,讓網頁工程師兼設計師!

30 Days of Bootstrap with the MVC Framework

Bootstrap & kendo UI


Font Awesome

Twitter-Bootstrap-Cheat-Sheet
bootstrap_cheatsheet

9lessons Bootstrap Tutorial
Twitter Bootstrap tutorial
sample

使用Bootstrap与ShieldUI创建销售业绩仪表板

BootMetro
Metro UI CSS


10 Popular Metro Bootstraps
40 Bootstrap Tools and Generators for Web Developers

THE BIG BADASS LIST OF 219 USEFUL TWITTER BOOTSTRAP RESOURCES
15 Great Twitter Bootstrap Resources
 

Bootstrap Modal v2.0

jQuery UI Bootstrap
bootstrap-datepicker
jQuery Bootstrap


20+ Beautiful Resources That Complement Twitter Bootstrap
Initializr an HTML5 templates generator


Bootstro.js

bootstrap-wysiwyg
Bootbox
Bootstrap-Prompts
Bootstrap Image Gallery

w2ui


HOW TO ROCK YOUR NEXT BOOTSTRAP PROJECT
318 USEFUL TWITTER BOOTSTRAP RESOURCES #1
318 USEFUL TWITTER BOOTSTRAP RESOURCES #2
318 USEFUL TWITTER BOOTSTRAP RESOURCES #3
318 USEFUL TWITTER BOOTSTRAP RESOURCES #4


7 cool bootstrap 3 themes builders for faster bootstrap 3 theme development
11 Flat UI bootstrap themes and templates
8 useful bootstrap 3 examples and tutorials
10 best bootstrap design tools for 2014

Bootstrap tutorial – A responsive design tutorial with Twitter Bootstrap 3

Amaze ~ 妹子 UI 中国首个开源 HTML5 跨屏前端框架

jQuery Upload File

0 意見
因為要用 web api 做檔案上傳,找了幾篇教學:
Uploading Files Asynchronously using ASP.NET Web API
How can I upload files asynchronously with jQuery?
jQuery Ajax File Upload

發現要直接用jQuery post上傳檔案,它的data是個FormData物件,然而IE在10之後才有支援此功能。。。

How to handle image uploads with jquery post submit
Send multipart/formdata with jQuery.ajax in IE
JQuery - File attributes

Simple File Uploads Using jQuery & AJAX FormData object
FormData
Using FormData Objects

解法:jQuery Form Plugin
Uploading a file with JQuery
ASP.NET MVC - 使用 jQuery Form Plugin 做檔案上傳
ASP.NET MVC - 使用 jQuery Form Plugin 做檔案上傳之加點東西




其他參考:
Sending HTML Form Data: File Upload and Multipart MIME
ASP.NET Web API samples
File Upload Sample
Asynchronous File Upload using ASP.NET Web API

How To Accept a File POST - ASP.Net MVC 4 WebAPI
How can I upload image and post some datas to MVC4 wep api method?

ASP.NET WEBAPI file upload, issues with IE9
Sending HTML Form Data: File Upload and Multipart MIME 发送HTML表单数据:文件上传与多部分MIME"
ASP.NET WebApi upload image with custom MediaTypeFormatter

定制jQuery File Upload为微博式单文件上传

[jQuery] AjaxFileUpload : Multiple File Upload plugin

File upload with JQuery and ASP.NET Generic Handler - Is it possible?
ASP.Net Asynchronous HTTP File Upload Handler
Large file uploads in ASP.NET

ASP.NET MVC 檔案上傳下載是很方便的

Upload files to the server using Javascript and MVC WebAPI
Upload files in ASP.NET MVC with JavaScript and C#
Importing CSV files using jQuery and HTML5




IE9 JSON Data “do you want to open or save this file”
如果用ajaxForm()呼叫WebApi要回傳json,但IE會一直跳出下載,要多加一段
var response = Request.CreateResponse(HttpStatusCode.OK, json); //, new JsonMediaTypeFormatter()
response.Content.Headers.ContentType = new System.Net.Http.Headers.MediaTypeHeaderValue("text/html");
return response;


[ASP.net WebForm] 利用jQuery blockUI 簡單實現上傳讀取中的效果