HTML5

• HTML 5 TAG REFERENCE (.pdf)
• Tags and their meanings
• HTML5 DEMO
• HTML5 WebComponents by Jalal Hejazi
• When can I use HTML5 ?
• Forms
• <Input list="?">
• Canvas [Hello World]
• Canvas [Spirograph]
• Canvas [Game]

CSS3

• CSS3 DEMO
• play with CSS3 features online
• CSS3 Media Query
• CSS3 Flexbox Layout
• iPhone5 style only using CSS3 (Not an Image)
• responsive Web Design (pdf)

JavaScript

WebApp JavaScript learning and references

1. JavaScript CDN Links
2. JavaScript UniTest
3. Learning javaScript for beginners
4. Learning javaScript for professional
5. Using the Revealing Module Pattern to create a CanvasChart
6. Using the Revealing Module Pattern to create a Calculator
7. JavaScript-Library
8. Detecting HTML5 Features using modernizr
9. REST DataService {JSON: 'It's all about Data'}

jQuery == $

The Write Less, Do More, JavaScript Library.

1. jQuery vs. javaScript (.pdf)
2. javaScript & jQuery Best Practices (.pdf)
3. Play with jQuery
4. Alternative jQuery API Documentation Search by Jalal Hejazi
5. jquery_documentation (.pdf)
6. Learning JavaScript Template using jsRender (jQuery plugin)

AngularJS

HTML enhanced for web apps!

1. CRUD Single Page WebApp (TODO APP)
2. realTime TodoMVC using websocket
3. HTML5 forms clientside validation

WebApps

Please develop HTML5 mobile web apps rater than native mobile apps!

• HTML5 presentation (online)

  This project is my personal motivation for using only HTML5, CSS, JS web technology and never touch any native program like Microsoft PowerPoint ever ever again.

• WebApp.ByNavn

  Find Bynavn ved angivelse af DK-postnummer

• WebApp.PostNummer

  Integration med google map og DK-postnummer

• WebApp.vejret

  Integration mellem DMI og DK-postnummer

• Google.MAP

  Integration med google map og jQuery gmap() | simple demo

• Google.MAP

  Integration med google map og jQuery gmap() | mange demoer

• Google.MAP

  HTML5 GEO API (watchPosition)

• TicTacToe Game

  LocalStorage | Offline

• WebApp.noter

  WebSQL storage | Offline

• Canvas platform Game

  [Canvas] | [Drag_n_Drop] | offline

Tools

Best practices for professional WebApps Workflow

• YoMan a collection of tools and best practices working in harmony to make developing for the web even better.
• Sublime Text package Control
• CSS color-hex
• CSS3 Code Generator
• CodePen is a playground for the front end web.
• jsfiddle is a playground for the front end web with support for collaboration