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 […]
Alle Artikel mit dem Schlagwort “help”

Digital Caricature Drawing Tutorial
Oder: Wie man einem Freund in 20 Minuten eine Freude macht 🙂 Vor kurzem bat mich ein Freund, von Ihm eine Karikatur zu erstellen. Ungefähr zeitgleich habe ich ein Tutorial gelesen in dem es um die richtige Auswahl der Farbpalette bzw. die passenden Ebeneneinstellungen in Photoshop beim […]

CSS Only No.4: Filter Effects & Blend Modes
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.) […]

CSS Only No.3: Cursor
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.

Kleine Helfer No.12: DummyText.com
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.

Kleine Helfer No.11: Material Design Colors
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 […]

Kleine Helfer No.10: BLOKK Font
Oft genug ist es mir in den frühen Phasen eines Projekts oder einfach nur bei der Visualisierung einer Gestaltungsidee passiert, das sich der Betrachter viel zu sehr in Details des Inhalts vertieft hat. Auch wenn ich hierbei immer wieder betont habe das es sich nur […]

Kleine Helfer No.9: Muster & Texturen
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!

Kleine Helfer No.8: EyeQuant
Das Tool EyeQuant liefert eine schnelle und zuverlässige Aussage darüber, wie eine Webseite vom User wargenommen wird. Sogar Mockups oder bestehende Webdesigns können dahingehend analysiert werden. Dies beschleunigt die Valiedierung von Designverbesserungen und spart nicht nur Zeit sondern auch kosten.

Kleine Helfer No.7: guidelin.es
Wer sich unsicher über die Richtlinien der einzelne Social-Networks und Web-Dienstleister ist, findet auf guidelin.es (übrigens eine tolle Domain) alles was er braucht. Unter dem Titel „Find Guidelines on the Web – The fastest Way to Brand Assets“, gelangt man zu den jeweilgen Anbietern und […]

Kleine Helfer No.6: Lorem Ipsum Generatoren
Es lorem gibt ipsum nichts dolor, was sit praktischer amet im consetetur Webdesign sadipscing ist elitr, sed als diam Platzhaltertext. Und nonumy daher eirmod hier tempor die invidunt kleinen ut Helfer labore Nummer et sechs.

Kleine Helfer No.5: Umrechnung.org
Der nächste kleine Helfer aus dem Netz gewinnt gleichzeitig den Preis in der Kategorie „Uglyest Site Ever“. Ich poste sie aber trotzdem. Warum? Ein Kollege fragte mich gerade wie viel Km/h denn 8000 Meter pro Sekunde sind. Google doch hab ich Ihm gesagt und es […]

Kleine Helfer No.4: Am I responsive?
Yes I am! Die Website Am I Responsive? tut genau das was sie verspricht. Einfach die URL eingeben und auf einen Blick sehen, wie die eigene Webseite auf den unterschiedlichen Devices dargestellt wird. Der schnelle Responsive-Test sozusagen. Einfach. Simpel. Ein Kleiner Helfer im Alltag.

Kleine Helfer No.3: Shortcut Mapper
Das nächste kleine Helferlein auf das ich heute über einen Artikel bei t3n.de gestoßen bin, ist die WebApp Shortcut Mapper. Es gibt tausend Wege um bei Photoshop an das gewünschte Ziel zu kommen und jeder der mit dem Programm arbeitet hat, nutzt es irgendwie unterschiedlich. […]

Kleine Helfer No.2: CSS Gradient Generator
„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.

Kleine Helfer No.1: User Inter Faces
Von Zeit zu Zeit finde ich im Netz das ein oder andere Tool, welches einem das Leben als Web- oder Interfacedesigner erleichtern kann. Diese kleinen Helferlein, möchte ich hier nach und nach einmal vorstellen. Man darf also gespannt sein, was sich in Zukunft unter dieser […]