Joël Super

07 Sep PHP

Definition PHP (PHP Hypertext Preprocessor) ist eine für den Einsatz im Internet entwickelte Skriptsprache. Sie läuft auf dem Server und kann dynamisch HTML-Code generieren. PHP wird in Realtime interpretiert (übersetzt), ist aber trotzdem relativ schnell. PHP orientiert sich in der Syntax an C++ oder Java und ist einfach zu erlernen. Die...

Read More

06 Jul JavaScript Game

Für die Schule mussten wir ein einfaches JavaScript Spiel erstellen. Das Spiel musste folgende Funktionen  beinhalten: Bewegungen durch Tastatur oder Maus Geschwindigkeitsregeln Ein Bild für die Figur Ein Spielfeld Counter Ton Bei mir geht es darum das Obama Putin fangen muss und bei jeder Berührung gibt es einen Punkt und eine Geschwindigkeitsstufe mehr. Zudem...

Read More

06 Jul Responsive Masonry Portfolio

Ich habe endlich mein Portfolio für die nächsten paar Monate/Jahre fertig gestellt. Mein Ziel war es das Main zu entfernen und die volle Breite zu nutzen. Die einzelnen Bilder rutschen jetzt auch nach wenn ein Foto ein anderes Format hat. ...

Read More

03 Jun Joël’s daily words of wisdom website

Vor einigen Wochen ging mir der Knopf der mich am fliessenden coden von HTML & CSS auf. Ich begann sofort eine eigene Website aus dem Nichts zu programmieren. Meine Idee war es ein fiktiven Blog zu machen. Die Inspiration hatte ich von SuperCompressor, die zu meinen Lieblingsseiten...

Read More

06 Mai Game-Loop JavaScript

Ein Game-Loop ist eine andauernde Interaktion im JavaScript. Sie ist eine ständig wiederholende Schleife. Standardmäßig wird eine Game-Loop Schleife 60x in der Sekunde gezeichnet und wiederholt sich unendlich. function repeat() {        // rechnen$        requestAnimationFrame(repeat); } requestAnimationFrame(repeat);   requestAnimationFrame...

Read More

01 Mai Speed Test CanCommerce

Heute habe ich die Geschwindigkeit von CanCommerce getestet und habe die schrecklich schwere Seite optimiert. Beim ersten Test musste die Seite ohne Cache-Speicher 10,38 Sekunden laden. Nachdem ich die Bilder verkleinert habe brauchte die Seite nur noch 4,43 Sekunden. Die Page wurde auch 28,3 MB leichter.   ...

Read More

01 Mai TCS Broschüre

Ich habe gerade den ÜK2 zum Thema Design abgeschlossen. Wir mussten vier Projekte und eine Dokumentation Abgeben. Dies sind nur zwei von vier Projekten die ich gestalten musste. Die Projekte mussten nach strengen Regeln vom TCS Corporate Design Manual gestaltet werden. Die Banner oben müssen einen genauen 8Grad Winkel haben. Bei der...

Read More

21 Apr jQuery

jQuery ist eine freie JavaScript Bibliothek die das programmieren von JavaScript massiv vereinfacht. Codes werden extrem verkürzt und es gibt viel weniger Arbeit und es ist einfacher zu bedienen. Die Funktionsweise: $(selektor).aktion(); Beispiel:   var p = document.querySelector('#abschnitt1'); p.addEventListener('click', einfaerben); function einfaerben() { p.style.backgroundColor = 'red'; } wird zu $("#abschnitt1").click(function() { $(this).css({'background-color': 'red'}); }); Einbinden:...

Read More

17 Apr Portfolioverbesserung

Gestern und heute war ich sehr mit meinem neuen Portfolio beschäftigt und habe sehr viele Stunden damit verbracht die beste Lösung zu finden. Die Besonderheiten des Portfolios sind die Filterfunktion die in meinen Augen einfach Atemberaubend ist. Die Bildgrösse habe ich auf maximal 750x500 gesetzt um die...

Read More

13 Apr Kommentare bei HTML, CSS, JavaScript & PHP

Der Sinn der Kommentare ist es etwas im Code zu Notieren ohne das diese Funktion ausgeführt wird. Man kann zum Beispiel auch ein PDF in einem HTML Code mit einem Kommentar verstecken und dann aufrufen indem man die Kommentarelemente entfernt. Die Kommentare sehen wie gefolgt aus: HTML=...

Read More