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...
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....
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...
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...
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...
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...
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...
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...
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...
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...
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.
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...
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...
