senäh

17senäh und so…

Rückblick_Logo

Allgemein, HTML/CSS/JS
03. Sep 2012
Kommentare: 0

Web Dev Rückblick für Juni/Juli

Kategorien: Allgemein, HTML/CSS/JS | 03. Sep 2012 | Kommentare: 0

Hallo Freunde der hilfreichen und überaus unterhaltsamen senäh Artikel. Wie ihr mitbekommen habt, hat Enno seit Ende Mai hier den Alleinunterhalter gespielt. Ich möchte mich überaus entschuldigen, dass ich euch vernachlässigt habe, aber ich habe auch ein paar gute Entschuldigungen:

  1. Mein Masterstudium frisst erstaunlicherweise weit mehr Zeit als der Bachelor zuvor. (Hätte ich nicht gedacht, da gleiche FH und so…)
  2. Habe ich im Frühjahr einen neuen Job angefangen, in welchen ich mich gerne voll reinhänge.
  3. Werde ich bald Papa! :D Und da ist man mit allerlei Vorbereitungen beschäftigt.

Da sich bis Mitte nächsten Jahres nichts daran ändern wird, muss ich zwangsläufig mein Bloggingverhalten ändern. Sad, but true. Denn gar nichts zu schreiben ist auch doof. Schließlich fängt Enno bald auch wieder seinen Master an! Deswegen begrüße ich euch zu Pipos Rückblick für Webentwickler. Es handelt sich hierbei ausdrücklich um keine feste Serie. Ich habe genug angefangene Serien, die ich nach jetzigem Stand nicht beenden kann :( Stattdessen fasse ich mehrere kleine Themen eines oder mehrerer Monate zusammen. Es handelt sich dabei um geballte Learned Lessons, die ich in der Zeit gesammelt habe, ohne viel Firlefanz. Na das ist doch was! Weiterlesen →

WebGL Thumb

HTML/CSS/JS
14. Mar 2012
Kommentare: 6

Einstieg in WebGL mit three.js

Kategorien: HTML/CSS/JS | 14. Mar 2012 | Kommentare: 6

Vor einigen Tagen stand ich vor der Entscheidung über welches Thema ich als nächstes schreiben sollte. Über die HTML5 Game Engine, die ich schon länger plane? Einen Teil davon? Oder was ganz anderes? Am Ende habe ich mich für ein Thema entschieden, in welchem ich mich selbst überhaupt noch nicht auskenne und bei dem es verwunderlich ist, dass ich mit diesem noch nicht beschäftigt habe: WebGL! Warum habe ich mich noch nie mit WebGL beschäftigt?! Ich stehe auf Browserspiele, ich interessiere mich für 3D-Grafik – warum habe ich dann bitte schön noch nie etwas mit WebGL gemacht?! Höchste Zeit etwas nachzuholen. Weiterlesen →

Gamepad Thumb

HTML/CSS/JS
24. Feb 2012
Kommentare: 0

Vorstellung der HTML5 Gamepad API

Kategorien: HTML/CSS/JS | 24. Feb 2012 | Kommentare: 0

HTML5 ist schon eine tolle Sache. Insbesondere für Spieleentwickler sind eine Reihe von interessanten APIs entstanden. Eine davon ist die Gamepad API, welche die Steuerung eines HTML5-Spiels mit Gamepads/Controllern ermöglicht. Gamepads können aber noch für mehr Anwendungen verwendet werden. Gamepads besitzen meist zwei Thumbsticks, welche sich ideal dafür eignen um sich in einem 3D Raum zu bewegen. Dies kann für Simulationen und Visualisierungen nützlich sein. Außerdem sind Gamepads häufig wireless. Wie wäre es beispielsweise die ZDF Mediathek bequem vom Sofa aus zu steuern? Cool oder? (Eine wireless Maus besitze ich nicht…) Wer etwas kreativ ist, wird zahlreiche Verwendungszwecke für ein Gamepad im Browser finden. Ich werde euch im folgenden eine kleine Einführung in das Thema geben und euch an einem kleinem Beispiel zeigen, wie ich mit einer Xbox 360 Controller eine Präsentation steuere :) Weiterlesen →

HTML5 Logo Thumbnail 2

HTML/CSS/JS
02. Feb 2012
Kommentare: 2

Clientseitiges Speichern von Daten mit der Indexed Database API

Kategorien: HTML/CSS/JS | 02. Feb 2012 | Kommentare: 2

Letztens habe ich ja über die Web Storage API geschrieben. Einfacher kann man Daten nicht clientseitig speichern! (Meine Meinung ;)) Aber diese Einfachheit geht Hand in Hand mit einigen Beschränkungen. Wer komplexere datenbankartige Speichermöglichkeiten sucht ist bei der Indexed Database API besser aufgehoben – bekommt aber auch ein weit weniger einsteigerfreundliche API. Weiterlesen →

HTML5 Logo Thumbnail 2

HTML/CSS/JS
22. Jan 2012
Kommentare: 2

Einmal clientseitiges Speichern in einfach, bitte! Web Storage API

Kategorien: HTML/CSS/JS | 22. Jan 2012 | Kommentare: 2

Yeehaah! Meine Bachelorarbeit zum Thema HTML5 ist fertig und endlich kann ich mich mal wieder dem Bloggen widmen. Damit ihr von der langen Auszeit auch etwas habt, werde ich die nützlichsten Inhalte der Arbeit in Form kleiner Artikel wiederverwerten. Ist das nicht toll? Anfangen werde ich mit einer meiner Lieblings APIs aus HTML5: der Web Storage API! Warum ich sie mag? Weil sie nützlich und verdammt einfach zu benutzen ist. Weiterlesen →

HTML5 Logo Thumbnail 2

HTML/CSS/JS
08. Dec 2011
Kommentare: 0

HTML5 Canvas Präsentation revamped

Kategorien: HTML/CSS/JS | 08. Dec 2011 | Kommentare: 0

Ich hatte vor einer Weile ja schon einmal eine Präsi über Canvas online gestellt, aber es hat sich so ergeben, dass ich diese noch einmal überarbeiten musste. Sie ist jetzt etwas übersichtlicher und vielleicht hilft sie ja dem ein oder anderen weiter.

Folgende Fragen beantworte ich in der Präsi:

  • Was ist Canvas?
  • Wie verwende ich Canvas?
  • Konkret: Wie zeichne ich Linie, Pfade, Kreise, Bilder, etc.
  • Wie erstelle ich Sprite Sheet Animationen?
Aber Achtung! Die Präsi ist eher an Beginner gerichtet. Ich erkläre keine komplexen Optimierungsmöglichkeiten, Tools oder nützliche Bibliotheken. Vielleicht kommt das wann anders noch einmal ;)
HTML5 Canvas Präsentation

HTML5 Canvas Präsentation

HTML5 Logo Thumbnail 2

HTML/CSS/JS
03. Nov 2011
Kommentare: 1

HTML5 Canvas Präsentation

Kategorien: HTML/CSS/JS | 03. Nov 2011 | Kommentare: 1

In diesem Semester muss ich eine Präsentation über das neue HTML5 Element Canvas halten. Ich dachte mir, dass es für den ein oder anderen vielleicht nützlich sein könnte, wenn ich die Präsentation online stelle. Für mich macht es auf jeden Fall Sinn, wenn ihr dabei noch Fehler oder Verbesserungsmöglichkeiten entdeckt, die ihr mir mitteilt ;)

Achtung: Eine neuere Version findet ihr hier!

Hier findet ihr die Präsentation.

 

HTML5 Canvas Präsentation

HTML5 Canvas Präsentation

Slideshow Thumb

HTML/CSS/JS
25. Oct 2011
Kommentare: 0

Interaktive Slideshows für Präsentationen mit jQuery

Kategorien: HTML/CSS/JS | 25. Oct 2011 | Kommentare: 0

Moinsen Leute! Für eine Präsentation über HTML5 Canvas habe ich mich die letzten Tage mal hingesetzt, um eine jQuery Plugin für Präsentationen zu schreiben, welche komplett in HTML, CSS und JavaScript realisiert sind. Der Vorteil? Ich kann meine Canvas Beispiele direkt in die Folien einbauen. Außerdem kann ich mittlerweile dank CSS3 schicke Animationen realisieren. Auslöser für die Idee war die Slideshow von HTML5Rocks, sowie einige Präsentationen der Google I/O 2011. Den Code, sowie meine gewonnene Erfahrung möchte ich nun mit euch teilen. Live-Beispiele findet ihr etwas weiter unten im Text. Weiterlesen →

HTML5 Logo Thumbnail 2

HTML/CSS/JS
12. Oct 2011
Kommentare: 0

Was ist HTML5?

Kategorien: HTML/CSS/JS | 12. Oct 2011 | Kommentare: 0

Angestachelt durch meine Bachelorarbeit und einem Vortrag musste ich mich mit der Erklärung von HTML5 auseinander setzen. Die Frage nach einer Definition von HTML5, die oberflächlich betrachtet leicht zu beantworten ist („HTML5 ist halt die Fortsetzung von HTML4!“), besitzt im Detail einige Fallstricke. In verschiedenen Kontexten wird HTML5 anders verwendet und der enthaltene Funktionsumfang variiert. Deswegen werde ich meine (unvollständigen?) Rechercheergebnisse mit euch teilen und euch eine nützliche Linkliste für den Einstieg in HTML5 geben. Weiterlesen →