Der Typetester ist ein kleiner Helfer, den ich schon länger in meinen Bookmarks gespeichert habe. Das Tool umfasst über 2200 Schriften die live miteinander verglichen werden können. Es werden neben den sogenannten „Web Safe Fonts“ (also den typischen Systemschriften wie Arial, Verdana, etc.) auch alle Web […]
Die Verwendung von Filter-Effekten wie Grayscale, Contrast, Hue, Brightness oder Blur per CSS sind in der letzten Zeit immer populärer geworden. Nicht zuletzt weil Web-Designer diese Effekte aus professionellen Bildbearbeitungs – und Designtools wie Photoshop kennen und seit jeher anwenden. Auch die CSS-BlendModes (Overlay, Multiply, Screen etc.) […]
Die Verwendung von unterschiedlichen Cursor-Typen macht im Webdesign an vielen Stellen Sinn. Sei es das einfache Feedback bei Formulareingaben und Karten oder nur die Verdeutlichung von verlinkten Elementen. Cursor unterstützen auf subtile Weise die Benutzbarkeit und das schnellere Erfassen von Funktionen im Web.
Quasi der LoremIpsum-Generator für Webentwickler. DummyText.com bietet die Möglichkeit, automatisch Platzhaltertexte in die eigenen HTML-Templates, MockUps oder Webentwicklungsprojekte zu integrieren. Das spart viel Zeit und die Integration ist super simpel.
Heute 3 kleine Helferlein für den Umgang mit Farben im Material Design. Wem dieses Designprinzip jetzt nicht unbedingt gleich was sagt, sei die Google-Introduction ans Herz gelegt. Hier findet man übrigens neben einer umfassenden Beschreibung der neuen visuellen Sprache von Google auch die komplette Farbpalette, Templates […]
CSS-Generatoren zur Erstellung von Gadients, Pattern, Buttons, Shadows usw. gibt es mittlerweile viele. Ich selbst habe einige davon in der Rubrik „Kleine Helfer“ erwähnt. Enjoy CSS hingegen ist ein Code-Generator, der mich in dem Umfang seiner Möglichkeiten überrascht hat.
Heute eine Sammlung von kleinen Helfern zum Thema Muster und Texturen. Meiner Meinung nach spielen diese in der Webentwicklung seit jeher eine große Rolle. Warum? Weil sie bei geringer Datenmenge die Möglichkeit bieten das Browserfenster füllend mit einer Hintergrundoptik zu versehen!
A Single Div ist ein Projekt von Lynn Fischer, welches die Möglichkeiten von CSS Drawing aufzeigt. Wirklich beeindruckende Beispiele und gerade in Zeiten des Flat-Designs eine ja auch wirklich realistisch umsetzbare Alternative zu Grafik-Elementen.
„Bin ich einmal nicht gut drauf, mach ich einen Farbverlauf.“ Das pflegte ein Gestaltungsprofessor von mir gern zu sagen, wenn er das Gefühl hatte, das der angehende Designer bei seiner Aufgabe zu schnell die Verlaufspalette als Allheilmittel verstanden hat.