www.chrisfischer.ch

Scripts

Vorschaubild Dart-Rechner

Dart-Rechner

Für alle leidenschaftliche Dartspieler mit einer Korkscheibe ist dieses Script äusserst hilfreich. Es gibt eine Desktop- und eine mobile Version. Bei der Desktop-Version zuerst die Variante und Anzahl Spieler wählen und danach einfach auf die entsprechenden Felder in der Dartscheibe klicken und der geworfene Wert wird automatisch vom Total abgezogen. Ausserdem berechnet das Tool den Durchschnitt pro Wurf und zeigt die Anzahl bleibender Würfe an. Für die mobile Version gibt es keine Dartscheibe, weil es mit dem Finger schier unmöglich wäre den richtigen Bereich zu erwischen. Darum ist es hier mit Buttons gelöst. Mit dem Gummi in der mobilen Version, können Schritte rückwärts gemacht werden. Die Statistik-Funktion oben rechts ist noch in der Entwicklung. Darfür gibt es bei der mobilen Version eine Soundausgabe wenn mehr als 100 Punkte erreicht werden. Die Rekorde werden in der Desktop-Version mit PHP abgespeichert, bei der mobilen Version kommt das neue HTML5-Feature "localStorage" zum Einsatz. Viel Spass beim Spielen!
-> zum Quellcode (mobile Version)

Vorschaubild Drag & Drop

Drag 'n' Drop

Verschiedene Elemente können mit diesem Script mit der Maus verschoben werden (drag and drop), einfach class="draggable" im entsprechenden Tag einfügen. Ich habe dieses Script nur mit reinem Javascript programmiert, ohne jQuery oder ein anderes Framework. Es funktioniert sowohl in modernen Desktop-Browsern wie auch auf mobilen Geräten. Das angeklickte Element ist immer automatisch im Vordergrund.
-> zum Quellcode

Vorschaubild Pic Stripes

Pic Stripes (Bilderrätsel)

Ein Bilderrätsel, dass ich mal im TV gesehen habe und für meine Bildgalerie umsetzen wollte. Die Animationen sind mit Javascript/jQuery programmiert. Ziel ist es, die richtige Reihenfolge der Bildstreifen anzugeben. Wenn die Reihenfolge falsch ist, gehen die Streifen wieder in die Ursprungsposition. Wenn es richtig ist, wird das Bild zusammengesetzt. Mit einem Klick gehts dann zum nächsten Bild. In diesem Script habe ich auch das neue Javascript-Feature "Fullscreen" eingebaut (Button oben rechts): Ideal für Spiele und Videos im Vollbild-Modus!
-> zum Quellcode

Vorschaubild Memory

Personal Memory

Spiel Memory mit deiner eigenen Bildergalerie! Programmiert mit Javascript, jQuerry, HMTL 5 und CSS 3.
-> zum Quellcode

Vorschaubild Umrechner

Umrechner

Mit diesem Umrechner kannst du auf einfache und umkomplizierte Weise Masseinheiten, welche bei uns eher unbekannt sind umrechnen. Für mich als Gran Turismo - Fan ist die Umrechnung von PS in KW besonders wichtig, die amerikanischen Masseinheiten sind aber auch sehr nützlich. Es muss kein Button zur Umrechnung gedrückt werden, die Umrechnung erfolgt direkt bei der Eingabe.
-> zum Quellcode

Vorschaubild Lotto

Euro Millions Simulation

Da ich gerne ab und zu mein Glück bei Euro Millions versuche, habe ich hier ein kleines Programm zur Simulation der Ziehung entwickelt. Um das ganze etwas ansehnlicher zu gestalten, werden kurze CSS3-Animationen ausgeführt bei jeder Kugel-/Sternziehung.
-> zum Quellcode

Vorschaubild Voctrainer

Vokabel Trainer (Französisch und Englisch)

Ein Vokabel-Trainer für mündliches Üben. Die Reihenfolge ist zufällig. Hat man ein Wort nicht gewusst, wählt man "Falsch" aus und es kommt zu einem späteren Zeitpunkt nochmals.
-> zum Quellcode

Vorschaubild Schach Timer

Schach Timer

Ein kleiner Helfer wenn man gerne klassisch Mensch gegen Mensch Schach spielen möchte, aber auf Zeit, wie bei den Profis! Zuerst wählt man die Anzahl Minuten, die jeder Spieler zur Verfügung hat und klickt auf Start. Dieses Programm ist als Web App programmiert, die in den Fullscreen Modus geht und vom Design auf Hochformat für mobile Geräte ausgerichtet ist.
-> zum Quellcode

Vorschaubild Web-Editor

Web-Editor

Manchmal möchte ich unterwegs oder gemütlich auf dem Sofa mit dem Tablet ein wenig Code schreiben und da hilft mir diese App dabei. Ich habe dieses Tool in jQuery und PHP programmiert wobei ich jeweils mit AJAX die Server-Verbindung aufbaue.
-> zum Quellcode

Vorschaubild PC-Techniker Übungsprogram

PC-Techniker Übungsprogram

Um mich auf die Diplomprüfung vorzubereiten und ich schon immer mal ein solches Programm schreiben wollte, habe ich dieses Übungsprogramm zum PC-Techniker entwickelt. Es gibt sowohl einen Trainingsmodus, bei dem man sich die korrekten Antworten anzeigen lassen, sowie einen Testmodus (60 Minuten). Viel Spass und Erfolg!