Generier dir deinen Textschatten – CSS Text Shadow Generator

Generatoren hier, Generatoren da. Mittlerweile kann man alles generieren. Zum Beispiel CSS3-Verläufe. Heute ist allerdings Textschatten dran, den wir mit CSS designen können. Eine einfache Sache, wenn man doch nur einen normalen Schlagschatten haben will. Einen Stempeleffekt oder eben auch ein hübscher 3D-Effekt verlangen allerdings wieder etwas mehr Geschick. Den richtigen Weg kann euch der CSS Text Shadow Generator leiten.

CSS Text Shadow Generator

Viele Einstellmöglichkeiten hat man nicht. Man kann allerdings aus 12 verschiedenen Effekten auswählen, mit denen man dann problemlos weiter arbeiten kann. Nicht Besonderes, aber durchaus eine kleine Empfehlung wert.

CSS Text Shadow Generator

Das war es dann auch schon wieder!
Euer Wishu

Neues Google+ Design – Nett gemeint aber leider nicht zu Ende gedacht

Großes Kino. Google+ das sich am häufigsten ändernde Social Network der Geschichte bekam heute ein komplettes Redesign. Alles alte raus, viel neues rein. Ich muss sagen es gefällt mir im Grunde, aber nicht im Ganzen. Es sind viele schöne Ansätze dabei, aber es ist – ebenso wie Android – nicht zu Ende gedacht und man hat hier und da etwas, was an einer anderen Stelle wiederum fehlt. Nett gemeint Google, aber das Ding hätte noch etwas Arbeit benötigt. Google+ Profilseite des neuen Designs Die Änderungen sind schon ziemlich heftig. Teils positiv, teils egal und leider auch zum Teil absoluter Mist. Ich versuch das Ding mal etwas zu beleuchten und meine Kritikpunkte klar zu machen. Fangen wir aber zuerst an, mit dem was mir auf Anhieb gefällt. So und jetzt das, was mit nicht gefällt. Ne Schmarn also los geht’s. Weiterlesen

3×4 Grid Builder – Per Drag & Drop das eigene Layout erstellen

Normalerweise bin ich ja kein Freund von irgendwelchen Generatoren, die mir meiner Arbeit abnehmen. Doch manchmal mag man es etwas bequemer, insbesondere wenn es Aufgaben sind, die man immer wieder durchführt. Zum Beispiel das Layout eines zukünftigen Design schnell zusammenklimpern. Hier wäre es schön mal eben eine Vorlage zu haben, hat man aber nicht immer. Na dann – der 3×4 Grid Builder lässt sich diese Vorlage schnell aus der Nase ziehen.

Sieht leicht aus? ist es auch. aus der rechten Box die verschiedenen Größen raus ziehen und sie in dem linken Raster platzieren. Was mit fehlt? Eine Zurück-Taste, um den letzten Schritt rückgängig zu machen, aber das lässt sich durch den Reset-Button verkraften. Sobald auf jeden Fall das komplette Raster voll ist, kann man auf den »Show the Code«-Button klicken und bekommt *Trommelwirbel* genau! Den Code. Einfacher geht’s nicht und praktisch ist es alle Male.

Insgesamt kann man damit 892 verschiedene Layouts erstellen, was der Entwickler durch ein Poster (PDF) und durch ein Video auch mal eben beweist. Klasse Sache also, werde es beim nächsten Projekt sicherlich mal berücksichtigen.

3×4 Grid Builder

Das war es dann auch schon wieder!
Euer Wishu

Schnell mal eben was designen mit CSSDesk

Als Webdesigner hat man es öfter mal, dass man gucken möchte, wie etwas aussieht, wie man es lösen kann oder man will einfach nur ein bisschen rumprobieren. Es ist immer wieder mühseelig dafür extra den Codeeditor zu öffnen, eine Datei zu erstellen, und diese dann im Browser aufzurufen. Schöner wäre es doch, wenn man einfach eine Seite aufruft und dann loslegen kann. Dafür gibt es CSSDesk.

Ich nutze das Tool des Öfteren Mal. Auch mein Android-Formular wurde komplett damit erstellt, als ich kurz Langeweile hatte. Schnell mal eben was testen, ist eigentlich immer praktisch, gerade wenn man immer mal wieder was am Design ändert. Zum Beispiel an einem Blog, dort gibt es keine Live-Vorschau, wenn ich was Ändere. Wenn ich die CSS-Datei anpasse, dann ist sie auch live. Mit CSSDesk hat man ein kleines Tool zur Hand, welches euch etwas helfen kann. Wie gesagt, ich nutze es sehr gerne und empfehle es seit einige Zeit auch immer wieder. Nun seid ihr dran ;)

CSSDesk

Das war es dann auch schon wieder!
Euer Wishu

Eine »kurze« Geschichte von Webstandards

Eigentlich mag ich ja keine Infografiken. Zumindest im Normalfall, denn manchmal können diese unproportionalen Dinger wirklich mal ganz praktisch oder informativ sein – Klar, sind ja auch Infografiken. In der heutigen Infografik geht es um die Entwicklung der Webstandards von 1962-2011 und es stehen in der tat interessante Fakten drin.

Wie so viele Infografiken ist auch diese leider nur auf englisch verfügbar, sodass sie hier wohl nicht jeder lesen kann, wer allerdings im Bereich Webdesign arbeitet, ist der englischen Sprache zumeist mehr oder weniger mächtig. Ich warne schon einmal vor, es ist wirklich recht viel Text, allerdings wie oben bereits erwähnt, wirklich interessant – zumindest wenn man sich dafür interessiert. Am Ende der Infografik finden sich dann noch Vorhersagen für die nächsten Jahre.

A Brief History of Web Standards

Das war es dann auch schon wieder!
Euer Wishu

(via)

[Easteregg] Google kippen und rollen

Hach ja. Die Entwickler von Google haben schon allesamt einen ausgereiften Schaden, der in keiner anderen Firma so auffällig ist. Vor geraumer Zeit gab es ja mal den Hinweis darauf, dass wenn man im mobilen Browser nach tilt sucht, dass Google dann leicht gekippt ist. Das klappt jetzt auch in der Desktop-Version und dazu gibt es noch ein weiteres Easteregg mit dem man Google mal eben eine Rolle machen lassen kann.

Nein, das Teaserbild habe ich nicht in Photoshop gedreht, das ist ein spontan erhaschter Screenshot von Google, wenn man eine bestimmte Suchphrase eingibt. Wenn man bei Google nach do a barrel roll sucht, dann dreht sich Google erst einmal, bevor man sich die Suchergebnisse ansehen kann. Ihr wollte es selbst ausprobieren und auch nochmal ein gekipptes Google sehen? Hier: Weiterlesen

Nervige Umfragen von Facebook ganz einfach ausblenden

Facebook hat vor geraumer Zeit ja das wunderschöne Feature der Umfragen eingeführt. Klar, es ist recht praktisch, doch seien wir mal ehrlich – es nervt wie die Hölle… Ab und an mache ich ja auch gerne mal mit, aber wenn wie eben ein Freund auf einmal 20 Umfragen beantwortet, sieht das schon nicht mehr schön aus. Aus diesem Grund habe ich mal ein bisschen im Quelltext gewühlt um nachzuschauen, ob man den Kram leicht ausblenden kann und die Antwort ist ja.

Genau so wie Spieleanfragen und Anwendungsanfragen, kann man auch leider die Umfragen nicht direkt mit einem Rutsch blockieren. Auch gibt es keine Möglichkeit generell zu sagen, dass man Fragen in seinem Stream nicht haben möchte, man kann höchstens die gesamte Person ausblenden oder auch nur die Statusmeldungen. An dieser Stelle muss Facebook noch nachbessern, so wie ich allerdings das Facebook-Team einschätze, kann man darauf ewig warten. Weiterlesen

CSS3-Verläufe die Zweite – Ultimate CSS Gradient Generator

Ich hatte ja vor geraumer Zeit bereits einen CSS3-Verlaufgenerator vorgstellt, doch habe ich mittlerweile ein Werkzeug gefunden, was die Arbeit noch zuverlässiger und besser verrichtet. Dazu gibt es einen Haufen an Presets.

Viel gibt es nicht zu sagen. Die Bedienung ist Kinderleicht und erinnert etwas an Photoshop. Die Möglichkeiten sind nahezu unbegrenzt und die Palette an Presets ist extrem Hilfreich und spart Arbeit. Achso ja, die Browserkompatibilität ist übrigens überragend und deckt nicht nur Chrome, Safari und Firefox ab, wie der oben erwähnte Generator. Selbst der Internet Explorer spielt da mit. Somit steht CSS-Verläufen nichts mehr im Wege!

Ultimate CSS Gradient Generator

Das war es dann auch schon wieder!
Euer Wishu

CSS3 Patterns – gekachelte Hintergrunde noch einfacher

Naja ok, einfach ist jetzt an diesem Punkt relativ. Aber Einfacher als die Variante von vor gut 2 Jahren. Damals stellte ich bgpatterns vor, welches sich allerdings über die zwei Jahre auch nicht großartig weiterentwickelt hat. Klar, das Design wurde überarbeitet, vom Funktionsumfang her bleibt es gleich. Anders hingegen CSS3 Patterns, wie der Name bereits sagt, handelt es sich hier nicht um eingefügte Bilder, sondern um Muster, welche mit CSS3 erstellt werden. Klingt langweilig? Abwarten, denn mit CSS3 ist mehr möglich als man meist erwarten würde.

Weiterlesen

CSS3-Verläufe leicht gemacht

Als ich heute etwas am Backend von WishuLoad gearbeitet habe, habe ich mir gedacht “Warum soll ich Grafiken für Verläufe nutzen? Chrome kann das auch nativ”. Und da im Backend sowieso niemand außer rami und mir ist, kann ich auch getrost ignorieren, dass der Internet Explorer die Verläufe noch nicht unterstützt. Da ich sie allerdings noch nie eingesetzt habe, kannte ich die Syntax auch noch nicht. So habe ich kurz nach den CSS-Verläufen gegooglet und bin schnell auf den CSS3 Gradient Generator gestoßen.

Weiterlesen