Browser

Catapulty.com: Crossbrowser-Testing leicht gemacht

15. Mai 2012
Catapulty.com: Crossbrowser-Testing leicht gemacht

Als Webdesigner hat man in der Regel mehr als nur den Lieblingsbrowser installiert. Denn eine Website soll auf allen gängigen Clients möglichst in ähnlicher Qualität funktionieren. Statt eine URL per Copy & Paste von Browser zu Browser zu kopieren, kann man mit dem Dienst Catapulty einen Link bequem per Knopfdruck zu anderen installierte Browsern senden. Wie funktioniert Catapulty? Catapulty ist ein Dienst, der URLs...

Weiterlesen »

Drucken

Pressing Letters: Inspirationsquelle zeigt interessante Buchdruck-Effekte

14. Mai 2012
Pressing Letters: Inspirationsquelle zeigt interessante Buchdruck-Effekte

Es gibt Dinge, die einfach immer einen schönen, starken Eindruck machen.  Alte Buchdruckpressen gehören schon rein begrifflich zu dieser Kategorie. Nachdem das altehrwürdige Gutenbergsche Konzept in der zweiten Hälfte des zwanzigsten Jahrhunderts immer mehr an Bedeutung verlor, kommt es mittlerweile wieder verstärkt zum Einsatz. Vielfach handelt es sich um einseitige Druckerzeugnisse, wie Visitenkarten, Einladungskarten, Postkarten oder Poster, die nach alter Väter Sitte produziert werden....

Weiterlesen »

Javascript

Bootbox.js: Dialogboxen per Bootstrap erstellen

14. Mai 2012
Bootbox.js: Dialogboxen per Bootstrap erstellen

Mit Twitters Bootstrap können die unterschiedlichsten Interface-Elemente für Webanwendungen erstellt werden. Buttons, Navigationen, Fortschrittsbalken – mit einer Mischung aus Stylesheets und JavaScript sind diese schnell eingerichtet und fertig gestaltet. Mit Bootbox.js, das auf Bootstrap aufbaut, erzeugt man passende Dialogboxen im Bootstrap-Stil. Zwar lassen sich Dialogboxen auch ohne Bootbox.js erstellen, aber mit Boobox.js ist dies mit deutlich geringerem Aufwand verbunden. Wenige Zeilen JavaScript reichen aus. Boots...

Weiterlesen »

Apple

CSS3 Toolkit – GUI für Mac OSX derzeit kostenlos

13. Mai 2012
CSS3 Toolkit – GUI für Mac OSX derzeit kostenlos

Vor einigen Tagen stellte Kollege Denis Potschien hier den CSS Gradient-Generator von Colorzilla vor, eine Web-App, mit der sich CSS3-Farbverläufe visuell arrangieren lassen. Aktuell steht im Mac Appstore eine Software namens CSS3 Toolkit zur kostenlosen Installation bereit, die das und noch mehr vom Komfort einer Desktop-App aus leistet. Nur schnell müssen Sie sein, denn die Software wird vermutlich nicht lange kostenlos bleiben. CSS3 Toolkit...

Weiterlesen »

Fireworks

7 ungewöhnliche Freebies für Photoshop und Fireworks

12. Mai 2012
7 ungewöhnliche Freebies für Photoshop und Fireworks

Endlich Wochenende und damit Gelegenheit, sich um die weniger alltäglichen Dinge zu kümmern. Ich nutze die Zeit gerne, um mich im Weltennetz nach Ungewöhnlichem umzusehen. Dabei stoße ich immer wieder auf kleine und größere Freebies, die durch ihren Einsatzzweck oder ihr unübliches Design auffallen. Einige von dieser Sorte habe ich folgend wieder zusammen gestellt. Old School Iconset von Pawel Kadysz Der polnische Webdesigner Pawel...

Weiterlesen »

Webdesign

Placehold.it – Passgenaue Bildplatzhalter für Weblayouts

12. Mai 2012
Placehold.it – Passgenaue Bildplatzhalter für Weblayouts

Nach meiner Erfahrung sind Platzhalterbilder eine zweischneidige Sache. Einerseits helfen sie, einen Eindruck vom geplanten Layout zu verschaffen. Andererseits bergen sie die Gefahr, dass sich der Kunde zu stark auf den Inhalt der Platzhalter fokussiert und ein Layout möglicherweise ablehnt, weil ihm die Bilder nicht gefallen. Abstraktes Denken ist der Mehrheit leider nicht in die Wiege gelegt worden. Deshalb verwende ich stets Platzhalterbilder ohne...

Weiterlesen »

CSS

WebPutty – CSS-Liveeditor zum Selberhosten erleichtert das Seitendesign

11. Mai 2012
WebPutty – CSS-Liveeditor zum Selberhosten erleichtert das Seitendesign

WebPutty war neu. Nicht nur im Sinne von neu, sondern auch im Sinne von einer neuen Idee. Als ich im August 2011 erstmals auf das Tool stieß, befand es sich in einer kostenlosen Betaphase, die allerdings nur Inhabern eines Google-Accounts zugänglich war. Die Idee hinter WebPutty war und ist es, CSS online editieren und die Auswirkungen der Änderungen live sehen zu können. So wollte...

Weiterlesen »

Fonts

Welcher Font ist das? 10+ Dienste, die Schriftarten identifizieren helfen

11. Mai 2012
Welcher Font ist das? 10+ Dienste, die Schriftarten identifizieren helfen

Die massive Verbreitung der Webfonts bringt es mit sich, dass man immer häufiger auf aufwändige Typografie trifft. Als stets interessierter Developer kommt es daher korrespondierend häufiger vor, dass man wissen möchte, welcher Font da zum Einsatz gekommen ist. Auch im Printbereich wird man regelmäßig mit dieser Frage konfrontiert. Zumeist wird sie vom Kunden gestellt. “Schauen Sie sich mal unseren Flyer aus dem letzten Jahr...

Weiterlesen »

Photoshop

7 kostenlose Photoshop-Aktionen für Instagram-Freunde

10. Mai 2012
7 kostenlose Photoshop-Aktionen für Instagram-Freunde

Der massive Erfolg von Instagram, Hipstamatic und den diversen anderen Smartphone-Kamera-Apps mit oder ohne Plattformanbindung zeigt eines deutlich. Die Menschen haben nicht nur Spaß am Fotografieren, sondern auch und vor allem daran, Effekte auf ihre Meisterwerke anzuwenden. So manches gewöhnliche Bild gewinnt in der Tat durch den richtigen Effekt deutlich an Wow. Natürlich lassen sich mit Photoshop und dem entsprechenden Know-How alle Effekte, die...

Weiterlesen »

Design

PixEden: Hochwertige Templates, Icons und noch mehr – alles kostenlos

10. Mai 2012
PixEden: Hochwertige Templates, Icons und noch mehr – alles kostenlos

Alles, was ein Designer zur alltäglichen Arbeit braucht, findet er auf PixEden – so jedenfalls sehen es die Betreiber der Website. In der Tat findet sich eine Vielzahl von Alltagshilfen mit meist hohem Nutzwert. Logos und Iconsets, Druckvorlagen für Flyer und Visitenkarten sowie diverse Mock-Ups lassen sich kostenlos herunterladen und für die eigene Arbeit nutzen. PixEden: Kleine Auswahl, gute Qualität Startseite von PixEden PixEden...

Weiterlesen »

Bücher

Aller guten Dinge sind drei – Das Smashing Book #3 “Redesign The Web” ist da

9. Mai 2012
Aller guten Dinge sind drei – Das Smashing Book #3 “Redesign The Web” ist da

In eigener Sache: lange hat die Web Community darauf gewartet, und nun ist es endlich hier - Das Smashing Book #3! Frisch gedruckt, ordentlich verpackt und fertig zum Versand wartet es darauf von euch gelesen zu werden.

Weiterlesen »

CSS

8 kostenlose Tools: Von CSS zu LESS und wieder zurück

9. Mai 2012
8 kostenlose Tools: Von CSS zu LESS und wieder zurück

LESS ist eine schöne Sache. Die dynamische Stylesheet-Sprache erweitert CSS um Variablen, Funktionen, Befehle und die sogenannten Mixins. So wird CSS fast zur Programmiersprache. Bindet man less.js in die eigene Website ein, wird LESS zur Laufzeit in CSS kompiliert. Da das nicht in allen Browsern funktioniert, spricht einiges dafür, zwar in LESS zu schreiben, im Live-Betrieb aber doch pures CSS zu verwenden. Hierzu muss...

Weiterlesen »

CSS

CSS3: Verläufe so einfach wie in Photoshop mit ColorZilla

9. Mai 2012
CSS3: Verläufe so einfach wie in Photoshop mit ColorZilla

Farbverläufe in CSS3 zu erstellen, ist gerade bei komplexeren Verläufen gar nicht so einfach. Vor allem nicht, da eine grafische Bedienoberfläche fehlt. Mit dem CSS Gradient Generator von ColorZilla gibt es jedoch genau eine solche Oberfläche, wie man sie aus Photoshop und anderen Bildbearbeitungsprogrammen kennt. So wird das Erstellen von Verläufen fast schon zum Vergnügen. Die GUI des CSS Gradient-Generator ColorZilla ist als Browser-Erweiterung...

Weiterlesen »