Fillerama ist ein Blindtextgenerator, der ausschliesslich mit Futurama Zitaten arbeitet.
Ich warte ja immer noch auf den Slayer-Lyrics-Blindtext Generator. Lorem Ipsum verslayern! Wer schreibt einen? :)
http://chrisvalleskey.com/fillerama/
Fillerama - ByeBye boring Lorem Ipsum
Average Reading Time Testing
Wie lange braucht der Durchschnittsmensch, um meinen Text zu lesen?
Interessantes Tool - auch zu Demonstrationszwecken bei Kunden, die zu Romanschreibern mutieren, super geeignet.
http://stijlroyal.de/art/index.php
Colorscheme Tools für Designer
Farben sind ja nicht ganz unwichtige Informationsträger. Sei es darum sich einfach nur mal inspirieren zu lassen, oder die passenden Kombinationen zu einer vorgegebenen zu Farbe finden - bei der Gestaltung immer ganz nützlich: diverse Colorschemetools & Pickers, die helfen, Farbharmonien herzustellen.
Adobe Kuler -
Der Klassiker, lässt eigentlich keine Wünsche offen, man kann eigene Farbschemen erstellen, nach versch. Kriterien wie z.B . Komplementärfarben, oder Abstufungen. Exportfunktion für die Paletten in Illustrator und Photoshop vorhanden.
Mir gefällt an Kuler, das es hauptsächlich mit Emotionen arbeitet, man kann also nach Schlagwörtern suchen wie z.B “early morning” - super zur Inspiration.
Gibt es übrigens auch als Desktop AIR Applikation.
Hot, Hotter, Hotgloo -Online Wireframing Tool
How to HotGloo Ad from HotGloo on Vimeo.
HotGloo ist ein wirklich kleines feines Online-Tool zum Erstellen von Wireframes und klickbaren Prototypen.
Man kann Sitemaps anlegen, Master Templates erstellen, klickbare Links erstellen, eigene Widgets hinzufügen, zusammen daran arbeiten und auch einen PDF Export gibt es.
Zur Zeit ist HotGloo noch in der Beta & daher frei. :)
HotGloo-Blog
HotGloo Tutorials& How-to’s auf Vimeo
CSS Gradients-Generator
Webkit unterstützt ja bislang als einziger Browser die CSS 3 Eigenschaft “Gradient” // Property: -webkit-gradient (Farbverläufe linear & radial)
So kann man hübsche Buttons also in Zukunft ganz ohne Grafiken basteln - wie gesagt funktioniert das ganze leider ausschliesslich ab Safari 4 - also bei der Anwendung der Eigenschaft bitte niemals vergessen einen Fallback mit einer Hintergrundfarbe für die Browser zu schreiben, die das nicht unterstützen.
Wer nun auf jeden Fall per CSS seine Farbverläufe gestalten möchte, dem sei der Gradient Generator von den Westciv Tools empfohlen. Einfach die gewünschten Farbwerte & Einstellungen wählen, und den CSS-Code generieren lassen.
Ich persönlich finde ja ein 1px breites Hintergrundbild, welches wenigstens browserübergreifend funktioniert, momentan immer noch die bessere Wahl - trotzdem ein nettes Tool, welches man sich ja mal vormerken kann und mit rumspielen kann ;)
http://webkit.org/blog/175/introducing-css-gradients/
http://westciv.com/tools/gradients/
Cross Browser Testing mit Adobe Browserlabs
Neu ist die Idee ja nicht, das Webentwickler Webseiten in verschiedenen Browsern & unterschiedl. Betriebssystemen testen. Tools dafür gibt es einige: z.B. Browsercamp.com
Xenocode Browser Sandbox ( nur f. windows ), & IE Tester
15 Resources für Macfans
Arbeitest du schon oder fluchst du noch ?
Mit einem Mac zu arbeiten macht einfach Spass. Es erhöht die Produktivität meiner alltäglichen Arbeit, und ich verbringe deutlich weniger Zeit damit, mich mit irgendwelchen seltsamen dubiosen Einstellungen und Treibern herumzuschlagen, als meiner eigentlichen Arbeit nachzugehen.
Es gibt superviele günstige und auch sehr viele kostenlose kleine Programme (Apps) für den Mac, die die alltägliche Arbeit noch mehr erleichtern, und somit den Spassfaktor bei der Arbeit deutlich erhöhen:
Here we go – 15 Resourcen zum stöbern und bookmarken, viel Spass & eine schöne Woche!
CSS Color Replacement–Tool
Intuitiver als die übliche „Search & Replace“ Methode im CSS Editor finde ich den „Replace CSS Colors–Editor“.
Ein nettes online Tool: Du lädst einfach das alte CSS File hoch, ersetzt das alte Farbschema durch ein neues deiner Wahl, und bekommst deinen neuen „Anstrich“ zum download angeboten. Perfekt um schnell mal einen Styleswitcher für die Webseite zu basteln.
http://css-color-replace.orca-multimedia.de
Usability Testing mit Silverback am Mac
Neulich bin auf meiner Suche nach guten Webdevelopment Tools für den Mac auf „Silverback“ gestossen.
Silverback ist ein low-budget Usability Testing Tool, d.h. es testet die Benutzerfreundlichkeit einer Webseite, indem es die Mausaktivitäten und Augenbewegungen sowie die spachlichen Aussagen des Benutzers in Echtzeit mit der integrierten iSight Kamera aufzeichnet, und den fertigen Film als .mov abspeichert – sodass man diesen hinterher auswerten kann.
CSS Sprites / Single-Image Rollover Effekte
An sich überhaupt nicht neu, aber viele kennen diese bestimmte Vorgehensweise zum Erzeugen eines grafischen MouseOver-Effektes doch noch nicht und arbeiten immer noch mit verschiedenen Background-Images oder gar mit JavaScript.
für Webdesign-Pixelfetischisten ;)
Firefox 3 kommt mit einer Extension, die für alle Webdesigner & Developer ziemlich interessant sein dürfte.
Das nette Plugin nennt sich Pixelperfect und erlaubt dem Anwender, mit Bild-Overlays eines Designs direkt im Browser zu arbeiten, die pixelgenaues Webdesign ohne nervige Abmesserei möglich macht.
Doch damit nicht genug – dadurch, das man die Tranzparenz des Bildes nach Herzenslust einstellen kann, kann man sich sozusagen in Echtzeit gleichzeitig mit Firebug die nötigen Anpassungen “on the fly” gestalten und diese dann in die zugehörige CSS Datei übertragen.
Sehr nützliches Tool, wenn’s mal wirklich auf pixelgenaues Webdesign ankommt.
Plugin-Download & Tutorials dauzu hier: http://www.pixelperfectplugin.com/
CSS Typeset
CSS Typetools gibt’s zwar en Masse im Netz , aber dies ist ein besonders schönes wie ich finde. Einfach Text eingeben und CSS Code erzeugen lassen & Lesbarkeit testen.