Advitum.de auf Google+

Kategorie: Tutorials

Kategorie: Tutorials

Alle Tutorials finden sich hier noch einmal ordentlich aufgelistet.

jQuery: Bilder zuschneiden direkt im Browser

jQuery: Bilder zuschneiden direkt im Browser
Von am
Kategorien: JavaScript, jQuery, PHP, Programmieren, Tutorials

Für die meisten Bildergalerien hat es bisher ausgereicht, wenn ein zufälliger Bildausschnitt als Vorschaubild ausgeschnitten wird. Deshalb war es bisher nicht nötig, dem Nutzer die Möglichkeit zu geben, direkt im Browser einen Bildausschnitt zu wählen. Doch vor kurzem stand ich vor der Aufgabe, für eine junge Fotografin aus Iserlohn eine Bildergalerie zu programmieren. Da die Bilder auf der Internetseite im Vordergrund stehen sollten, mussten sie besser in Szene gesetzt werden.

In diesem Artikel soll es darum gehen, wie man eine Nutzeroberfläche zum Zuschneiden von Bildern realisieren kann. Mit dem JavaScript-Framework jQuery und ein wenig PHP ist dies tatsächlich nicht schwer. Artikel weiterlesen

Cracks – zerbrochenes Glas im Zentrum eines Filmplakats

Cracks – zerbrochenes Glas im Zentrum eines Filmplakats
Von am
Kategorien: Design, Photoshop, Tutorials

Vor einigen Tagen schickte mir ein Leser ein interessantes Filmplakat des Filmes »Cracks« mit der Frage zu, wie man den gezeigten Effekt erstellen kann. Ich habe einige Zeit herumexperimentiert und bin zu einem ziemlich einfachen Weg gekommen. Diesen möchte ich im Folgenden darstellen.

Einen ähnlichen Effekt habe ich übrigens schon einmal in dem Artikel »“8 Blickwinkel”-Wallpaper in Photoshop erstellen« gezeigt. Artikel weiterlesen

Black Swan – ein Filmplakat mit Photoshop erstellen

Black Swan – ein Filmplakat mit Photoshop erstellen
Von am
Kategorien: Design, Photoshop, Tutorials

Bei meinem letzten Kinobesuch sah ich mir den Film »Black Swan« an. Der Film war großartig und irgendwie verstörend, aber das Plakat von dem Film geistert mir noch immer im Kopf herum. Deshalb will ich es in Photoshop nachbauen. Artikel weiterlesen

Bricked In – ein Texteffekt mit Ziegeln und Masken

Bricked In – ein Texteffekt mit Ziegeln und Masken
Von am
Kategorien: Design, Inspiration, Photoshop, Tutorials

In diesem Artikel geht es um einen Texteffekt, den ich neulich auf einem Plakat für den Film »Chaos« gesehen habe. Der Effekt hat mich dazu inspiriert, ein wenig mit Texturen und Masken zu experimentieren, das Ergebnis möchte ich euch in diesem Artikel zeigen. Artikel weiterlesen

CSS3-Buttons ohne Grafiken erstellen – ein Gastartikel auf t3n.de

CSS3-Buttons ohne Grafiken erstellen – ein Gastartikel auf t3n.de
Von am
Kategorien: CSS, Design, Tutorials

Nachdem ich für daswebdesignblog.de den Artikel »CSS3-Suchfeld – Verläufe und runde Ecken« geschrieben habe, wird jetzt ein Artikel von mir auf t3n.de veröffentlicht. Hier ein Auszug:

CSS3-Buttons ohne Grafiken erstellen

In diesem Artikel will ich zeigen, wie auch komplexe Buttons ohne Photoshop oder Grafiken nur mit CSS erstellt werden können.

Viele neuere Browser unterstützen schon viele neue Funktionen, die mit CSS3 eingeführt wurden. Die schönsten und wichtigsten werde ich in diesem Artikel vorstellen und zeigen, wie man sie anwenden kann. Ich hoffe, dass dieser Artikel euch zum experimentieren anregt, denn je mehr mit neuen Technologien experimentiert wird, desto besser werden die Ergebnisse. Artikel weiterlesen

Aufzählungen & Listen – Webdesign liegt im Detail

Aufzählungen & Listen – Webdesign liegt im Detail
Von am
Kategorien: CSS, Design, Tipps, Tutorials

Beim Webdesign sind es oft die kleinen Details, die den Unterschied zwischen einem durchschnittlichen Design und einem außergewöhnlichen Design ausmachen. In diesem Artikel gehe ich auf Aufzählungen ein, deren Design leider viel zu oft vergessen oder vernachlässigt wird.

Im Grunde kann es so einfach sein, eine Internetseite mit ein wenig Arbeit an den Aufzählungen zu verbessern. Vielleicht werden solche Details nicht jedem Nutzer auffallen, aber wie schon gesagt, sind Details für ein Design sehr wichtig und können es verbessern. Artikel weiterlesen

jQuery UI – intuitive Interaktion zwischen Nutzer und Anwendung

jQuery UI – intuitive Interaktion zwischen Nutzer und Anwendung
Von am
Kategorien: CSS, Design, JavaScript, jQuery, PHP, Tutorials

Usability gehört zu den wichtigsten Kriterien für gutes Webdesign. Egal wie toll eine Internetseite aussieht, wenn der Benutzer die Navigation nicht versteht oder es nicht schafft, seine Bestellung abzuschicken, hat die Seite ihren Zweck verfehlt.

Mithilfe von JavaScript lassen sich viele Aufgaben für den Nutzer drastisch vereinfachen. In diesem Artikel geht es darum, wie man mit jQuery UI intuitive und einfach zu bedienende Benutzeroberflächen schaffen kann. Artikel weiterlesen

CSS3-Suchfeld – ein Gastartikel auf daswebdesignblog

CSS3-Suchfeld – ein Gastartikel auf daswebdesignblog
Von am
Kategorien: CSS, Design, Tutorials

Anfang der Woche konntet ihr es schon bei Twitter lesen, jetzt ist es so weit! Bei daswebdesignblog ist jetzt ein Artikel von mir zu lesen. Hier ein Auszug:

CSS3-Suchfeld – Verläufe und runde Ecken

Es ist nicht lange her, da habe ich für ein Suchfeld eine riesige Grafik erstellt und dann mit CSS das Suchfeld und den Submit-Button über die Grafik gelegt – alles sehr kompliziert.

Wieder einmal kann ich nur bewundern, wie schön die Web-Welt doch mit CSS3 geworden ist. Für das gleiche Suchfeld reichen jetzt ein paar Zeilen CSS und ein kleines Icon.

Den kompletten Artikel findet Ihr hier, dort könnt ihr auch Kommentare hinterlassen. Viel Spaß beim Lesen! Artikel weiterlesen

Referenzen in mundgerechten Portionen

Referenzen in mundgerechten Portionen
Von am
Kategorien: CSS, Design, PHP, Tipps, Tutorials

Es gibt viele verschiedene Möglichkeiten, um seine Referenzen zu präsentieren. In diesem Fall wollte ich auf der Startseite drei zufällig ausgewählte Bilder eines zufällig ausgewählten Klienten zeigen. Meiner Meinung nach wird der Besucher der Seite nicht so sehr mit Eindrücken überhäuft, als wenn alle Referenzen auf einmal gezeigt würden. Außerdem können gleichzeitig mehrere Aspekte eines Projektes hervorgehoben werden.

Ich verwende diese Technik, um auf der Seite Weevo.de die Referenzen anzuzeigen. Um die zufällige Darstellung von Referenzen wie dort gezeigt zu realisieren, brauchte ich nur ein wenig PHP zur Auswahl der Bilder und CSS zur Darstellung. Artikel weiterlesen

Fotos in Alben ordnen – Drag & Drop mit jQuery

Fotos in Alben ordnen – Drag & Drop mit jQuery
Von am
Kategorien: jQuery, Tutorials

jQuery hat das Leben vieler Web Entwickler drastisch vereinfacht. Das JavaScript-Framework bietet die wichtigsten Funktionen für eine gute Benutzeroberfläche.

In diesem Artikel möchte ich euch die Umsetzung von Drag & Drop anhand eines einfachen Beispiels verdeutlichen. Artikel weiterlesen

  1. 1
  2. 2
  3. 3
  4. 4
  5. 5
  6. 6