senäh

17senäh und so…

Artikelbild: Einfache To-Do-Liste im Notizbuch-Design

HTML/CSS/JS
22. Mrz 2012
Kommentare: 7

Einfache To-Do-Liste im Notizbuch-Design

Kategorien: HTML/CSS/JS | 22. Mrz 2012 | Kommentare: 7

Durch einen bei css-tricks veröffentlichten Artikel wurde ich dazu inspiriert, mich kurz in viererlei Sachen zu üben:

  • CSS mit Transitions und Pseudo-Elementen
  • möglichst wenig HTML-Markup
  • keine Bilder verwenden
  • einfaches JavaScript ohne jQuery & Co

Herausgekommen ist einer sehr einfache To-Do-Liste im Notizbuch-Stil. Kleine Spielerei, aber ein bisschen was habe ich gelernt. Vor allem, dass man JavaScript völlig neu lernen muss, wenn man sonst nur den Umgang mit jQuery gewohnt ist.

Es folgt ein kleiner Walkthrough. Weiterlesen →

WebGL Thumb

HTML/CSS/JS
17. Mrz 2012
Kommentare: 5

Make some (Perlin) Noise!

Kategorien: HTML/CSS/JS | 17. Mrz 2012 | Kommentare: 5

Prozedurale Synthese. Habt ihr schon einmal davon gehört? Darüber wollte ich ursprünglich mal meine Bachelorarbeit schreiben. Prozedurale Synthese bedeutet, dass Daten (Grafiken, Musik oder was auch immer) durch einen speziellen Algorithmus generiert werden. Das heißt, dass euer Computer bestimmte Inhalte generiert und ihr als Programmierer könnt diese Inhalte beeinflussen. Je nach Daten/Inhalte, die generiert werden sollen, funktioniert das unterschiedlich gut/einfach. So gibt es noch kein Computerprogramm, welches euch einen Beststeller-Roman entwirft. Aber es gibt andere ziemlich beeindruckende Dinge, die ihr damit tun könnt. Ihr könnt euch zum Beispiel eure eigene Welt generieren lassen! Glaubt ihr nicht? In dieser Serie erfahrt ihr, wie es geht! :P Weiterlesen →

WebGL Thumb

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

Einstieg in WebGL mit three.js

Kategorien: HTML/CSS/JS | 14. Mrz 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 →

Firefox Artikelbild

HTML/CSS/JS
10. Mrz 2012
Kommentare: 0

Firefox: der neue Inspector als Firebug-Killer?

Kategorien: HTML/CSS/JS | 10. Mrz 2012 | Kommentare: 0

Erst vor kurzem habe ich über eine interessante Firefox-Erweiterung für eine übersichtlichere Ansicht von Seitenquelltext vorgestellt. Durch Zufall bin ich vor ein paar Tagen auf den Inspector im Firefox gestoßen, der diesem seit Version 10 beiliegt. Letztenendes macht er nichts, was nicht vorher auch schon mit Firebug ging. Allerdings ist er für meinen Geschmack viel hübscher, schneller und einfach… besser.

Abrufbar ist der Inspector über Extras → Web-Entwickler → Untersuchen (Shortcut steht entsprechend dahinter). Weiterlesen →

View Source Chart Artikelbild

HTML/CSS/JS
05. Mrz 2012
Kommentare: 0

Quelltext in Firefox übersichtlicher anzeigen mit View Source Chart

Kategorien: HTML/CSS/JS | 05. Mrz 2012 | Kommentare: 0

Zum Inspizieren des Quelltextes einer Webseite benutze ich nach wie vor Firebug (übrigens auch lieber als den Web-Inspector in Chrome). Wenn man nur eine grobe Übericht über den kompletten Aufbau haben möchte, ist Firebug für meinen Geschmack allerdings oft zu klein. Abhilfe schafft ein Add-On namens View Source Chart.

Quelltextansicht durch View Source Chart

Quelltextansicht durch View Source Chart

Der Quelltext wird farbig und eingerückt dargestellt. Aufgerufen wird diese Ansicht leider nicht standardmäßig bei der Quelltext-Anzeige, sondern im Kontextmenü bei Rechtsklick auf die gewünschte Seite (Seitenquelltext formatiert anzeigen).

Sicherlich für den ein oder anderen sehr nützlich.

via.