Next Level Design Blog

Wir möchten euch hier kleine Skripte (PHP, MySQL, HTML, css, jQuery) beschreiben. Wenn Ihr ein bestimmtes Skript beschrieben haben wollt, schreibt uns das Thema, was euch Interessiert. Wir entscheiden dann, ob wir etwas darüber schreiben.

jQuery Bilderslider mit einem "fold" Effekt

Hier möchte ich beschreiben, wie man Bilder mit einem "fold" Effekt überblendet. Dabei schieben wir das nächste Bild von rechts nach links über das letzte Bild. Im Gegensatz zum "fade" Effekt müssen wir jetzt auf die richtige Ausgangsposition des nächsten Bildes achten.

JQUERY BILDERSLIDER FOLD weiterlesen »

jQuery Memory Spiel

Da mich schon lange Interessiert hat, ob es möglich ist ein kleines Memory Spiel mit jQuery zu erstellen, werde ich es jetzt mal versuchen zu programmieren. Die Schritte zum Erfolg möchte ich euch gern Beschreiben.

JQUERY MEMORY SPIEL weiterlesen »
2 Kommentare

jQuery Taschenrechner

Nachdem wir das Memory Spiel erfolgreich umgesetzt haben, versuchen wir mal einen Taschenrechner zu bauen. Ob man sowas auf einer Webseite brauch weiß ich nicht, aber ob es funktioniert interessiert mich.

JQUERY TASCHENRECHNER weiterlesen »

optische Täuschung einer animierten Linie

Ich wurde gefragt, ob man mit html uns css eine Linie im Kreis animieren kann. Mir war klar dass es funktionieren muss, aber meine Antwort war, dies mit einem ".gif" zu realisieren.

Als ich gepflegt vorm PC saß und keinen Kunden zum bedienen hatte, wollte ich mir das mal anschauen. Kann ja eigentlich nicht so schwer sein, eine gebogene Linie, zu einer Kreisbewegung, zu animieren.

OPTISCHE TAEUSCHUNG EINER ANIMIERTEN LINIE weiterlesen »

einfacher Blog ohne Datenbank

Hier möchte ich euch kurz erklären, was man für einen Blog ohne Datenbank benötigt. Wir brauchen zwei Dateien, ein Model zum auslesen der einzelnen Unterseiten und einen View zum Darstellen des Blogs und dessen Unterseiten.

SIMPLE BLOG WITHOUT DB weiterlesen »

Canvas jQuery Diagramm

Um Diagramme auf der Webseite darzustellen, hat man auf Grafiken zurückgreifen müssen. Mit html5 ist es möglich diese auch via Canvas (Leinwand, Gemälde) zu präsentieren. Dazu haben wir ein kleines Tutorial geschrieben, wie Ihr einfach die Anzahl der verkauften Produkte ausgeben könnt.

CANVAS JQUERY DIAGRAMM weiterlesen »

Datenbank Injektion / SQL Injection

Was bedeutet das eigentlich und was kann man dagegen tun? Eine Datenbankabfrage basiert auf einer bestimmten Eingabe die über unsere Webseite gemacht werden kann. Wird diese Eingabe nicht richtig verarbeitet, bevor die Datenbankabfrage gemacht wird, ist es möglich die Datenbank so zu manipulieren.

DATENBANK INJECTION weiterlesen »

Inhalte mit jQuery nachladen

Da eine der wichtigsten Voraussetzungen von Webseiten, die Ladezeit ist, wollen wir heute darüber sprechen, wie wir diese verbessern können. Viel Ladezeit geht dafür drauf, dass wir alles neu laden, wenn wir nur den Inhalt und dessen Skripte neu Laden würden, könnten wir diese verbessern. Ein schöner Nebeneffekt ist, Inhalte wie in einer App zu laden. Ein Nachteil ist, dass der Inhalt selbst nicht mehr im Dokument steht und somit nicht von Suchmaschinen ausgelesen werden kann.

INHALTE MIT JQUERY NACHLADEN weiterlesen »

jQuery Bilderslider mit einem "fade" Effekt

Für Webseiten benötigt man häufig einen Simplen Bilderslider, wie man den realisieren kann möchte ich hier beschreiben.

JQUERY BILDERSLIDER FADE weiterlesen »