jQuery

Tiny Circleslider: Innovative Slider-Lösung mit Kreisnavigation

23. Oktober 2012
Tiny Circleslider: Innovative Slider-Lösung mit Kreisnavigation

Imageslider sind eine nach wie vor beliebte Möglichkeit, Bilder und andere Inhalte platzsparend auf einer Seite unterzubringen. Demnach mangelt es auch nicht an Lösungen. Design und Funktion dieser Slider unterscheiden sich in der Regel nur marginal voneinander. Ganz anders kommt der Tiny Circleslider daher, bei dem die Navigation kreisförmig um den ebenfalls rund angelegten Inhalt platziert ist. Beispiel für den Tiny Circleslider Wie aus...

Weiterlesen »

Inspiration

40 sehenswerte Portfolios von Fotografen, Illustratoren und Photoshop-Künstlern

22. Oktober 2012
40 sehenswerte Portfolios von Fotografen, Illustratoren und Photoshop-Künstlern

Portfolios können nur so großartig und vielfältig sein, wie der Designer, Fotograf oder Art Director, der dahinter steht. Lassen Sie sich inspirieren, wie Sie Ihre eigenen Werke im Internet ausstellen können. Hier sehen Sie die Verbindung von sehenswertem Webdesign mit Inhalten, die nicht weniger beachtenswert sind. Die schönsten Werke der digitalen Künstler, ausgestellt in edler Umgebung. Small Studio Website: smallstudio.com.au Autor: Small Studio Pty...

Weiterlesen »

Icons

EndlessIcons und Iconmonstr – Stetig wachsende Angebote kostenloser PNG-Icons

21. Oktober 2012
EndlessIcons und Iconmonstr – Stetig wachsende Angebote kostenloser PNG-Icons

Icon-Sonntag bei Dr. Web. Heute stellen wir Ihnen das recht neue Angebot Endless Icons des kalifornischen Webdevelopers Min Kim aus Orange County, sowie das schon etwas etabliertere Projekt iconmonstr des Münsteraners Alexander Kahlkopf vor. Beide Angebote verstehen sich als kontinuierlich wachsende Ressourcen für den Download kostenloser Icons. Während iconmonstr schon fast 900 Bildzeichen führt, sind auf Endless Icons erst knappe 100 Symbole zu finden....

Weiterlesen »

Webdesign

BootMetro: Framework für Websites im Look von Windows 8

20. Oktober 2012
BootMetro: Framework für Websites im Look von Windows 8

Der italienische Frontend-Entwickler Marcello Palmitessa legt mit BootMetro ein kleines Web-Framework vor, mit dessen Hilfe es möglich ist, Websites den typischen Kachellook des kommenden Windows 8 zu verpassen. Das erreicht BootMetro auf der Basis des beliebten Frameworks Bootstrap aus dem Hause Twitter. Wer sich nun an Metro UI CSS von Sergey Pimenov erinnert fühlt, liegt richtig. Palmitessa gibt unumwunden zu, davon inspiriert worden zu...

Weiterlesen »

CSS

BookBlock und Windy: 2 jQuery-Plugins für außergewöhnliche Content-Navigation

19. Oktober 2012
BookBlock und Windy: 2 jQuery-Plugins für außergewöhnliche Content-Navigation

Es gibt unüberschaubar viele jQuery-Plugins, mit denen man durch Inhalte wie Fotos mehr oder weniger elegant navigieren kann. Dass wir mit BookBlock und Windy zwei weitere vorstellen, liegt an den schicken Animationseffekten und den Einstellungsmöglichkeiten, mit denen die Plugins sehr unterschiedlich und individuell eingesetzt werden können. Die beiden Plugins von Codrops verwenden zur Animation entsprechende CSS3-Eigenschaften. Die Auszeichnung der Inhalte erfolgt über HTML, welches...

Weiterlesen »

Javascript

JavaScript-Turbo: Head.js verkürzt die Ladezeiten eingebundener Scripte

18. Oktober 2012
JavaScript-Turbo: Head.js verkürzt die Ladezeiten eingebundener Scripte

Komplexe Websites kommen kaum noch ohne JavaScript aus. Oft werden mehrere Scripte in ein HTML-Dokument eingebunden. Head.js ist ein JavaScript-Tool, das von sich selbst behauptet, es sei das einzig notwendige Script im Head eines Dokumentes. Tatsächlich bietet es eine Reihe nützlicher Features und sorgt zudem dafür, dass Dokumente mit mehreren JavaScript-Dateien schneller geladen werden. Head.js Head.js einbinden und nutzen Zunächst müssen Sie Head.js im HTML-Head einbinden....

Weiterlesen »

Frameworks

Rapid Prototyping mit dem Foundation-Framework

17. Oktober 2012
Rapid Prototyping mit dem Foundation-Framework

Webdesigner kennen das Problem. Der Kunde will schon in einem frühen Stadium etwas Vorzeigbares und auch Bedienbares sehen. Da reicht kein Bild, das aus Photoshop oder anderen Grafiksoftwares exportiert wurde. Er will was zu klicken haben, was im Übrigen völlig verständlich ist. Foundation kann den Webdesigner bei diesem Problem unterstützen. Denn es ist tatsächlich relativ schnell möglich, damit mehr als nur ein Mockup zu...

Weiterlesen »

Javascript

Präsentationen mit Reveal.js: Besser als PowerPoint mit HTML5

16. Oktober 2012
Präsentationen mit Reveal.js: Besser als PowerPoint mit HTML5

Präsentationen mit PowerPoint sind nicht jedermanns Sache. Und wer eine Präsentation mit seinem Android-Tablet oder iPad halten möchte, hat mit PowerPoint ohnehin ein Problem und muss auf Apps von Drittanbietern zurückgreifen. Mit dem JavaScript-Framework Reveal.js lassen sich Präsentation als Website erstellen und im Browser starten – mit einigen nützlichen und interessanten Features. Demo-Präsentation mit Reveal.js Reveal.js besteht aus einer JavaScript-Datei, sowie zwei Stylesheets, wovon das...

Weiterlesen »

Wallpaper

Inspirationsturbo: 40 aufwändig gestaltete Photoshop-Wallpaper

15. Oktober 2012
Inspirationsturbo: 40 aufwändig gestaltete Photoshop-Wallpaper

Kreative Hintergrundbilder, wie sie in dieser Kollektion zu sehen sind, bieten uns die einfachste Option an, den Desktop mit nur wenigen Klicks zu verschönern. Statt der Standard-”Tapeten” sehen Sie hier aufwändig gestaltete Kompositionen von Photoshop-Künstlern, die ihr Talent voll ausspielen. Die vorgestellten Wallpaper liegen in ganz unterschiedlichen Auflösungen vor. Die verfügbaren Größen können Sie dem jeweiligen Eintrag entnehmen. The end of pandora Größen: 640...

Weiterlesen »

jQuery

Delta – ein modernes, kostenloses Theme für jQuery UI

13. Oktober 2012
Delta – ein modernes, kostenloses Theme für jQuery UI

Das IT-Unternehmen Kiandra gehört zu den großen Vertretern seiner Art in Australien. In diesem Jahr konnte Kiandra die Auszeichnung Microsoft Partner Of The Year für sich verbuchen. Im Rahmen der eigenen Softwareentwicklung entstand ein Theme für jQuery UI, welches Kiandra auf den Namen Delta taufte. Nachdem es sich im Echtzeiteinsatz seit fast einem Jahr bewährt hatte, entschloss man sich, Delta unter MIT/GPL-Lizenz für die...

Weiterlesen »

Javascript

Mobiles Webdesign: Per Gestensteuerung durch Bilder navigieren

12. Oktober 2012
Mobiles Webdesign: Per Gestensteuerung durch Bilder navigieren

Der gängige Weg, Bilder für die mobile Ansicht einer Website vorzubereiten, ist die Skalierung des Bildes auf die jeweilige Breite des Displays. Doch je nach Bildinhalt kann eine starke Verkleinerung des Bildes dazu führen, dass es – gerade bei Grafiken oder detailreichen Fotos – nicht mehr vernünftig wahrgenommen werden kann. Eine Alternative ist, das Bild nicht zu verkleinern, sondern per Gestensteuerung navigierbar zu machen....

Weiterlesen »

Frameworks

Foundation: Eine ausführliche Einführung in das Top-Framework

11. Oktober 2012
Foundation: Eine ausführliche Einführung in das Top-Framework

Zurb, Entwickler des Frameworks, sagen über Foundation (sinngemäß übersetzt), dass es das fortschrittlichste Responsive Frontend Framework der Welt ist. Die Fokussierung ist damit klar. Während der Ansatz von Bootstrap eher für das Backend von Applikationen verwendet wird, ist Foundation sehr gut für die Entwicklung eines nutzerfreundlichen Frontends konzipiert. Ein weiterer Fokus liegt darauf, dass eine mit dem Foundation-Framework entworfene Website auf jedem Geräte-Typ nutzbar...

Weiterlesen »