Webdesign

5 kostenlose Iconsets mit dem gewissen Etwas

6. Mai 2012
von Dieter Petereit
1
5 kostenlose Iconsets mit dem gewissen Etwas

Icon-Sunday bei Dr. Web. Nach Matt Gentiles eleganten Symbolsätzen soll es in diesem Beitrag vornehmlich um Icons gehen, die durch ihre nicht alltägliche Ausrichtung oder ihr ungewöhnliches Design auffallen. Es handelt sich quasi um Spezialisten für ganz bestimmte Einsatzfelder oder Designrichtungen. May the pizza be with you… Climacons Adam Whitcroft stellt 75 Wetter-Icons als PSD und EPS kostenfrei zur Verfügung. Die rund 500k große...

Essentials

3 elegante, kostenlose Vektor-Iconsets von Matt Gentile

6. Mai 2012
von Swetlana Senkevitch
0
3 elegante, kostenlose Vektor-Iconsets von Matt Gentile

Erst vor ein paar Tagen haben wir einige hochwertige Icons-Sets zusammen gestellt: SweetiePlus von Joseph North, Freshy Icons von Martin Karasek und Foundation Iconfonts von ZURB. Bei unseren Recherchen sind wir auf weitere, empfehlenswerte Symbolsätze gestoßen. Wir sind der Meinung, dass man von Icons nie genug bekommen kann. Deshalb stellen wir im folgenden Beitrag drei weitere kostenlose Sets vor. Alle stammen aus der digitalen...

Design

It Fits: Ein kostenloses HTML5/CSS3-Website-Template in responsivem Layout

5. Mai 2012
von Dieter Petereit
3
It Fits: Ein kostenloses HTML5/CSS3-Website-Template in responsivem Layout

Die HTML5 Boilerplate ist eine schöne Arbeitserleichterung für Developer, die auf Basis neuester Standards entwickeln wollen. Developer, die noch nicht so tief im Thema stecken, kommen aber sicherlich mit einer Vorlage, die etwas mehr Hilfestellung bietet, besser zurecht. Genau eine solche Vorlage möchte ich heute kurz vorstellen. Das Template hört auf den Namen It Fits und bietet eine vollständige Implementation eines responsiven Layouts auf...

Webdesign

Fixie.js: Website-Blindtexte On Steroids

5. Mai 2012
von Dieter Petereit
1
Fixie.js: Website-Blindtexte On Steroids

Dieses brandneue Javascript aus der Schmiede des Entwicklers Ryhan Hassan weiß zu begeistern. Fixie.js baut Blindtexte und anderen Platzhaltercontent in ein HTML-Gerüst ein. Dabei arbeitet es komplett vollautomatisch. Anhand der Auszeichnung der Seite erkennt Fixie.js, welche Art von Blindinhalten gefordert ist. Das versteht man am besten anhand des folgenden Beispiels. Fixie.js wird eingebaut wie jedes andere externe Script auch, nämlich vorzugsweise unmittelbar vor dem...

Webdesign

Typografie: Typetoken und andere Inspirationsquellen

4. Mai 2012
von Swetlana Senkevitch
0
Typografie: Typetoken und andere Inspirationsquellen

In den letzten Jahren hat sich die Webtypographie sehr schnell entwickelt. Sie macht heute einen bedeutenden Teil der Webgestaltung aus. Die Wahl der Schriftart, der Abstände, der Ausrichtungen des Textes beeinflussen die Lesbarkeit der gegebenen Informationen und auch die Lust des Nutzers, auf der Webseite zu verweilen. Aber nicht nur die elementare Lesbarkeit ist für eine Webseite wichtig. Ein guter Webentwickler will stets etwas...

Webdesign

Cocoon.js: Kostenlose Technologie bringt HTML5-Games auf iOS und Android

4. Mai 2012
von Dieter Petereit
2
Cocoon.js: Kostenlose Technologie bringt HTML5-Games auf iOS und Android

Nicht, dass wir uns missverstehen. Natürlich können die Browser von Android und iOS ohnehin HTML5-Games darstellen. Was Cocoon.js leistet, geht jedoch über die Standardfunktionalität hinaus. Im Kern ist das Tool eine Art stark abgespeckter Browser mit Hardwarezugriff, der auf die höchstmögliche Performance optimiert sein soll. Cocoon.js konzentriert sich ausschließlich auf das Canvas-Element. Die Entwickler versprechen eine Performancesteigerung von HTML5-Games um bis zu 1.000 Prozent....

Infografiken

Die Anatomie eines furchtbaren Web-Design-Kunden [Infografik]

3. Mai 2012
von Dieter Petereit
18
Die Anatomie eines furchtbaren Web-Design-Kunden [Infografik]

Wir kennen ihn alle, den fürchterlichen Web-Design-Kunden, den Kunden aus der Hölle. Er hat es geschafft, dass sogar Websites geschaffen wurden, die nichts anderes tun, als einen Erfahrungspool mit abschreckenden Geschichten über Höllenkunden aufzubauen. Dies geschieht rein zum Schutze aller und zum mahnenden Gedenken an jene Designer, die einem Exemplar dieser Gattung zum Opfer gefallen sind. Die Website Top Web-Design-Schools verpackte nun die wesentlichen...

Webdesign

Adaptive Images: PHP-Script skaliert Bilder passend in responsiven Layouts

3. Mai 2012
von Denis Potschien
7
Adaptive Images: PHP-Script skaliert Bilder passend in responsiven Layouts

Seit es mit Media-Queries möglich ist, Websites an unterschiedliche Displaygrößen anzupassen, sind spezielle mobile Versionen für Websites nicht mehr zwingend notwendig. Allerdings gibt es ein Problem: Während Schriftgrößen, Positionen und Breiten per Media-Queries angepasst werden können, lassen sich Bilder nicht ohne weiteres in unterschiedlichen Auflösungen bereitstellen. Das serverseitig arbeitende Tool „Adaptive Images“ ändert das. Adaptive Images: Demo auf der Produktwebsite Zwar lassen sich Grafiken,...

Webdesign

Benachrichtigungen im Favicon mit Tinycon

2. Mai 2012
von Denis Potschien
1
Benachrichtigungen im Favicon mit Tinycon

In Zeiten sozialer Netzwerke ist man es gewohnt, jederzeit über neue Statusmeldungen informiert zu werden. Facebook und Co. setzen kleine Icons ein, über welche die Anzahl der neuen Statusmeldungen dargestellt wird. Diese Meldungen sind jedoch nur zu sehen, wenn sich die Seite in einem aktiven Tab befindet. Daher wird die Meldung meist zusätzlich noch im Seitentitel untergebracht, der auch bei inaktiven Tabs sichtbar ist....

Essentials

20 kostenlose Fonts mit deutschen Sonderzeichen

2. Mai 2012
von Sebastian Fiele
9
20 kostenlose Fonts mit deutschen Sonderzeichen

Kostenlose Schriftarten gibt es wie Sand am Meer. Leider passiert es bei einer Verwendung in eigenen Projekten dann oft, dass statt “Späßen” nur “Sp  en” auf dem Bildschirm steht, weil die passenden Sonderzeichen nicht vorhanden oder nur in der kostenpflichtigen Version verfügbar sind. Wir haben daher erneut das Web durchforstet. 20 schicke Fonts mit deutschen Sonderzeichen stellen wir heute vor:. Lobster Pablo Impallari hat mit...

Bilder & Vektorgrafiken bearbeiten

Simple Tilt-Shift-Effekte mit dem neuen Photoshop CS6

1. Mai 2012
von Dieter Petereit
2
Simple Tilt-Shift-Effekte mit dem neuen Photoshop CS6

Ich spiele schon den ganzen Nachmittag mit den neuen Blur-Filtern der Betaversion des Photoshop CS6 herum. Besonders angetan hat es mir der Tilt-Shift-Filter. Ähnliche Effekte lassen sich aber auch mit dem Filter Iris Blur erreichen. Wer also ein paar seiner Bilder mit dem derzeit neben Lomo populärsten optischen Effekt versehen will, der lese weiter. Es ist denkbar einfach. Adobe Photoshop CS6 Beta: Neue Effektfilter...

Design

CSS3-Lightbox komplett ohne Javascript

30. April 2012
von Denis Potschien
19
CSS3-Lightbox komplett ohne Javascript

Die Lightbox ist eine beliebte Möglichkeit, Bilder im Großformat auf einer Website darzustellen. Mittels diverser Javascript-Bibliotheken lassen sich Bilder dynamisch im Vordergrund einer Seite anzeigen, während die eigentliche Website verdunkelt wird. Mit CSS3 lässt sich ein solcher Lightbox-Effekt auch ganz ohne Javascript realisieren. Erst HTML, dann ein wenig CSS CSS3-Lightbox CSS3 macht vieles einfacher und den Quelltext schlanker. So sind für einen Lightbox-Effekt nur...