sebadorn

Profilbild Seba Über mich

HTML5: Zeichnen auf Canvas

Informatik
5

Screenshot Canvas-Test

Da ich es unter Umständen nochmal brauchen werde, habe ich mich mit dem HTML5-Element canvas beschäftigt und wie man mit Javascript darauf arbeitet. Um ein wenig die Motivation daran zu heben, beschloss ich, wieder etwas zu zeichen – wie damals Kyubey mit CSS.

Die Canvas-Demo sollte in jedem aktuellen Browser bei aktiviertem Javascript funktionieren.

Wer auch daran Interesse hat den Umgang mit Canvas zu lernen, dem seien Dive Into HTML5 und das Mozilla Developer Network nahegelegt.

weiterlesen

Kyubey-CSS3-Madness

Informatik
10

Kyubey-CSS3-Madness

Das ist reines HTML und CSS. Es hat so an die vier Stunden gebraucht. Aber ich hätte es selbst in sechs Stunden nicht so gut in Photoshop hinbekommen. Vorlage war dieses Bild.

Demo-Page. Am besten sieht es in Opera 11 aus, ebenfalls noch ziemlich gut in Firefox 3.6 und in Chromium 9[1] erinnert es eher an eine Kunstrichtung.

weiterlesen

API: YouTube-Player (Part 2)

Informatik
2
Da ging etwas daneben beim Einbinden. :(
0:00


Referenzen

weiterlesen

HTML5. Do like.

Informatik
1

Es gibt mehr semantisch-wohlklingende Elemente, wodurch sich Quelltext besser lesen lässt. Damit gewinnt man mehr Übersicht und findet sich besser zurecht. Weniger <div>s, hooray! Von woorkup.com gibt es ein Cheat Sheet für HTML5; wobei das vorige mir besser gefällt.


So sind derzeit meine Blogeinträge aufgebaut:

<article class="post" id="post-504">
	<header>
		<h2><a href="…">HTML5. Do like.</a></h2>
		<span>? <a href="…">Informatik</a></span>
	</header>

	<div class="content">
		<p>Es gibt mehr semant… [Endlosrekursion voraus!]</p>
	</div>

	<footer>
		<a class="comments" href="…">0 Kommentare</a>
		<time datetime="2010-02-11">11. Februar 2010</time>
		<span class="author"> … </span>
		<span class="tags"> … </span>
	</footer>
</article>
weiterlesen

Auszeichnungssprachen: Eisdiele Napoli

Studentendasein
2

Die erste bewertete Abgabe in Auszeichnungssprachen; gestern abgeliefert. Aufgabe war es, für die Eisdiele Napoli einen Webauftritt zu erstellen. Da Giovannis Familie Mitspracherecht hat, sollte man glech zwei Designs entwerfen. Zur Realisierung war XHTML 1.0 Strict und CSS vorgeschrieben. Kein JavaScript, PHP etc. pp.

Napoli Design 1
Design 1 – Candy World

Ja, sowas macht mir Spaß. Von kleinen Motivationstiefs zwischendurch mal abgesehen. Das Thema XHTML/CSS ist damit leider auch schon wieder abgehakt und wir machen weiter mit XML, DTDs und XML-Schemas.

Napoli Design 2
Design 2 – Vanilla Mountain