Form element “Select” snaps back in IE9

Problem
Form element “select” folds, when mouse button is released in IE9.
Expected behaviour: Should stay open. Close only, when one option is selected.

Cause
CSS :active selector
Only IE9 is affected.

select:active { ... }

Solution
Disable the selector for IE9 or for all browsers

/* select:active { ... } */

Wireframes / Mockups for faster prototypes

http://t3n.de/magazin/idee-app-227593/2/

HTML5 Framework “Apache Cordova” aka Phone Gap (untested)

• Create webapps in HTML5
• Export them to IOS and Android via Phone Gap
• The next generation of Phone Gap is developed under the code name “Apache Cordova“

 

Virtual assistants/sales persons

Movie with person embedded in a flash movie

• http://www.myvirtualsalesperson.com/

Simple AI and/or search algorithms

• http://www.ikea.com/
  Choose country and click on “Ask Anna”
• https://www.elster.de/
  Click on “ELIAS fragen”

PDF Viewer

Hosted Solutions

• Scribd’s HTML5 Viewer
• http://embedit.in/

Discussions & Blogs

• http://stackoverflow.com/questions/291813/best-way-to-embed-pdf-in-html
• http://blog.nitropdf.com/2008/01/11/the-secret-to-embedding-pdf-in-html-xhtml-asp-etc-web-pages/
• http://www.makeuseof.com/tag/embed-pdf-document-website/

Javascript API

• http://pdfobject.com/
  • Not for the ipad, because it relies on the Acrobat Reader Object
• http://flexpaper.devaldi.com/

Flash Substitutes

Adobe “Edge”

• http://labs.adobe.com/technologies/edge/
• http://webplanetfreaks.weebly.com/1/post/2011/8/adobe-edge-to-swipe-out-flash-and-make-way-for-html5.html

Tumult “Hype”

• http://tumultco.com/hype/

WebApp – Financial Times

What’s the fuzz?

• It’s about reading websites offline
• Tech speak: HTML5 Application Storage

History (as far, as I’m aware)

• in autum 2011 the financial times presented their webApp
• http://apps.ft.com/ftwebapp/ 
• I believe this webApp really is a peace of art (especially from my point of view as a web developer)

WebApp – Issuu iPad BETA

What’s the fuzz?

• It’s about reading/paging PDF documents in a webbrowser on the iPad.
• For other platforms, this is usually done via Flash. But flash doesn’t work in iPads browser.
• So the publishers are coming up with new solutions, based on HTML5.
• To put it the simple way: Convert the PDF to HTML. Maybe with a little help from SVG?

History (as far, as I’m aware. Might be wrong)

• In 2010 (?) Issuu created a native app  for the iPad
• Apple did not allow it in the Appstore
• Why? Maybe it interfered with Apples iBook app.
• 12/2011 Issuu created a webApp: Issuu iPad BETA
• Apple has no control over this.
• WebApps are “normal” Websites, optimized for the iPad/iPhone.

html5 Buch

http://html5-buch.de/

Use Cache Manifest Validator API as preflight check for typo3 project SCP

Preflight check

1. Create new appcache.manifest via php script
2. Validate manifest file via Validator API
3. On success, replace the old manifest file
4. On error, keep old manifest file
5. Display screenmessage to the editor