Archiv | HTML 5 Frameworks RSS for this section

App Verkaufswebsite Template

Auf Codeplex ist ein neues Projekt eingestellt worden. Es handelt sich um ein Websitetemplate für den Verkauf von Apps.

Hier ist alles vorhanden, damit das Marketing für seine App sofort starten kann. Der Developer muss nur noch eigene Bilder und Text und Links eintragen.

Abb.: Demo Template Site

Diese Arbeit kann auch von nicht Webdesigner leicht ausgeführt werden.

Quelle:

Codeplex Projekt

HTML5 auf WP7 Mango

Mit dem Mango Update kommt nun auch der IE9 mit HTML5 Unterstützung aufs WP7 Handy. Auf Codeplex ist dafür nun eine HTML5 Toolsunterstützung DLL Daenet.WidgetLibrary.dll erschienen. Jetzt ist es ein leichtes bestehenden Webcontent uws. auf WP7 umzustellen, besonders hervorzuheben ist die JQuery Einbindung.

pic2

Mit nur wenigen Zeilen Code ist die Erste Website auf dem Phone.

pic5

In einem Post beschreibt der Entwickler des Tools wie diese Lib arbeitet. In 2 weiterführenden Post wird dieses Wissen vertieft, Quellen siehe unten.

Quellen:

Codeplex
HTML5 for Windows Phone 7.1+ – Episode I : HTML5 Support
HTML5 for Windows Phone 7.1+ – Episode II : Browsing HTML content
 

Podcast Player Demo in HTML5 auf einem IE9

as HTML5 immer mehr in der Webdesigner Szene bekannt wird, und mehr und mehr genutzt wird hat sicher einen Grund. Dieser Grund liegt sicher auch daran das man endlich mit Audio, Videos und Mediendaten einfach umgehen kann.

Ein cooles Demo hat Scott Hanselman in seinem Blog gepostet:

2
3
4
5
6
7
8
9
10
11
12
13
<audio id="audio-2-0-4-taste" preload="none" src="http://traffic.libsyn.com/devlife/204-Taste.mp3"></audio>
<div class="episode">
    <a href='post/2-0-3-education' class="showlink">
        <img src="Images//203-lead.png"
            alt="2.0.3 Education" width="320" height="220"/>
        <div class='title'>
            <p>2.0.3 Education</p>
            <div class='description'>
                <p>Scott and Rob talk to two developers about the role education has played in their careers</p>
            </div>
        </div>
    </a>
</div>

Quelle :

Creating a Podcast Player with HTML5 for a IE9 Pinned Site on Windows 7

Adobe Edge Preview

Neues aus dem Hause Adobe kommt jetzt mit Edge einem Tool das verstärkt auf HTML5 und CSS3 zugeschnittende Animationen erstellen kann.

Quelle :

Adobe Edge – Web Animationen mit HTML5 und CSS3

HTML 5 App Entwicklung Update für VS2010

Microsoft bringt jetzt ein Update für sein Visual Studio 2010 herraus welches im Editor jetzt auch die HTML5 Entwicklung speziell unterstützt. So kann der Developer noch effektiver seine Entwicklung vorrantreiben.

Im Blog Hanselman.com wird in einem Post beschrieben was dieses Update alles neues bietet:

vshtml5

 

 

 

 

 

 

 

HTML 5 features

  • Video & related tags
    Audio & related tag
    New input types like email, url, date etc
  • Drag & Drop support
    Accessibility standard WAI-ARIA
  • Microdata
    Schema.org & more SEO friendly goodness

HTML5 in the HTML Toolbar dropdown

Adding an Audio Tag

Quellen:

Hanselman Blog
Web Standards Update for Microsoft Visual Studio 2010 SP1

HTML App Host Framework für Phone 7 Mango

HTML 5 wird definitiv der kommende Standard auf Mobilen Plattformen, auch Microsoft muss dieses eingestehen. Nicht ohne Grund wird momentan alles getan um HTML 5 auf Phone 7 Mango zu etablieren.

Auf der Opensource Plattform Codeplex von Microsoft ist ein Framework an den Start gegangen, um es dem Developer einfacher zu machen HTML 5 auf dem Phone umzusetzen.

HTML App Host Framework für Phone 7 ist eine DLL die in ein leeres Silverlight Projekt referenziert wird, danach muss eine manifest.xml erstellt.

<?xml version=“1.0″ encoding=“utf-8″ ?>
<IsolatedStorageManifest>
<Files>
<File Name=“index.html“ />
<File Name=“about.html“ />
</Files>
<Directories>
<Directory Name=“inc“>
<Files>
<File Name=“script1.js“/>
<File Name=“script2.js“/>
</Files>
</Directory>
</Directories>
</IsolatedStorageManifest>

 

Diese Datei ist wichtig, sonst weiß das Framework nicht welche HTML Files benutzt werden können bzw. müssen.

Dieses Projekt ist noch in der Startphase leider sind noch keine Beispiele vorhanden, somit ist es noch viel Handarbeit dieses System zum laufen zubekommen. Aber der Ansatz des Projekts stimmt und man sollte als Multiplattform Entwickler sicher mal einen Blick auf dieses Framework werfen.

Quelle:

HTML App Host Framework for Phone 7