Isotope ist zweifellos eines der coolsten jQuery-Plugins, die ich in den vergangenen Wochen kennengelernt habe. Man braucht eigentlich gar nicht viele Worte zu verschwenden – am besten verweist man einfach auf die Demo-Seite und lässt ein bisschen rumklicken. Mir fallen direkt eine Handvoll Einsatzmöglichkeiten ein. Um doch kurz auf die Features einzugehen: Man kann Elemente filtern und nach allen möglichen Kriterien umsortieren. Und das alles ist genial animiert.
Knapp 150.000 Icons tummeln sich im Index von Iconfinder.com. Die meisten sind für den privaten Gebrauch kostenlos, einige darf man sogar kommerziell verwenden. Die mehr als 700 Icon-Sets lassen sich nicht nur durchsuchen, sondern auch einzeln durchklicken.
Letztens kam ich in die Situation, dass ich FLAC-Dateien umwandeln musste. Die sollten nämlich in meiner iTunes-Bibliothek landen. Aber iTunes mag diesen Codec bekanntlich nicht. Also machte ich mich auf die Suche nach einem geeigneten Programm, das die Audiodateien konvertieren würde. Dabei stieß ich auf Max.
Max ist ein Open-Source-Programm, das eigentlich zur Erstellung hochqualitativer Audiodateien gedacht ist. Wenn man beispielsweise Musik von einer CD verlustfrei auf seinen Rechner übertragen möchte. Aber verlustfreie Dateien in andere Formate umwandeln, das kann Max glücklicherweise auch. Problem gelöst.
Eigentlich kann ich neue Webdienste mit einer Wolke im Logo nicht mehr sehen. Flow hat mich trotz Wolke im Logo und trotz Startseite im MobileMe-Stil neugierig gemacht. Zwar ist der Spruch »Flow will change the way you work« reißerisch, aber sehen lassen kann sich der Webdienst zur Aufgabenverwaltung durchaus.
Nach dem ersten Login dachte ich: »Oh, das ist Things als Browser-App.« Auch auf den zweiten Blick erinnert es noch an Things. Das stört aber nicht. Das Interface-Design ist also stimmig, funktional – es gefällt.
Wer schon mit Aufgabenverwaltungsprogrammen gearbeitet hat, muss sich nicht großartig umgewöhnen. Eingang, anstehende und markierte Aufgaben sowie Projekte sind per Seitenleiste zu erreichen. Aufgaben kann man mit Stichwörtern versehen, Beschreibungen und Dateien hinzufügen und datieren.
Was Flow von ähnlichen Lösungen unterscheidet, ist, dass man zusammen mit seinen Kontakten an Projekten arbeiten kann. Damit einhergehend gibt es die Funktion, Aufgaben an Kontakte zu delegieren. Es ist zudem möglich, Aufgaben anderer zu kommentieren oder Dateien hinzuzufügen. Da steckt eine Menge Potenzial drin – sowohl um es sinnvoll zu nutzen, als auch um einigen Schabernack zu treiben.
365psd ist eigentlich ein Schrottplatz. Alles was dort landet, wurde irgendwann mal erstellt, aber nie verwendet. Allerdings ist es ein ziemlich großartiger Schrottplatz, denn der Schrott ist nicht nur schön anzusehen, sondern auch kostenlos downloadbar. Es handelt sich um Photoshop-Dateien. Buttons, Icons, Logos, Nintendo-Controller, Smileys oder komplette Interfaces – das Angebot ist riesig und vielfältig. Klickempfehlung!
Zur Konzipierung und Strukturierung von Websites verwendet man gerne mal sogenannte Wireframes. Natürlich kann man auch direkt im Bildbearbeitungsprogramm seiner Wahl die Struktur der Website erarbeiten. Allerdings können die Programme meist zu viel und machen das einfache Strukturieren komplizierter als es sein müsste. Daher gibt es Tools, die extra auf das Erstellen von Wireframes zugeschnitten sind.
Mockingbird ist so ein Tool, mit dem man online Wireframes anlegen kann. Alle möglichen Interface-Elemente wie Bilder, Buttons, Texte, Dropdown-Boxen oder Navigationslisten können aus einer Sidebar per Drag & Drop auf die Zeichenfläche gezogen und angepasst werden. Zusätzlich ist es möglich, Unterseiten anzulegen und Elemente zu verlinken.
Praktisch ist außerdem, dass man mit mehreren Personen an den Wireframes arbeiten kann. Ein kostenloser Account ermöglicht die Anlage eines Projekts mit zehn Unterseiten, auf das maximal zwei Personen zugreifen können. Für den Privatgebrauch reicht das vollkommen aus. Möchte man Mockingbird in größerem Umfang nutzen, zahlt man eine monatliche Gebühr.
Auf mrwsch bloggt Lars überwiegend über Technik, Medien und Design. Zu Gadget-Testberichten gesellen sich Mac-Tipps sowie Empfehlungen für iPhone-Apps und Mac-Anwendungen.
CSS3 bringt einige neue Effekte mit sich, die man bisher nur durch den Einsatz von Grafiken erzielen konnte. In diesem Artikel erkläre ich, wie man Bildern ruckzuck einen Rahmen im Polaroid-Stil verpassen kann – ausschließlich mit CSS. Die neuen Selektoren transform und box-shadow machen es möglich.
CSS3 war genau wie HTML5 so ein Thema, das ich größtenteils links liegen gelassen hatte. Ich kannte zwar schon einige der neuen Selektoren, hatte schon was von CSS Transitions gehört und mich durch mehr oder weniger beeindruckende CSS3-Beispielseiten geklickt. Aber das war’s auch.
Abhilfe schafft Dan Cederholm (SimpleBits) mit dem Buch »CSS3 For Web Designers«, das auch bei »A Book Apart« erschienen ist. Er erklärt auf rund 120 Seiten, wie nun diese CSS Transitions funktionieren und was für Effekte man mit ihnen erzielen kann. Zudem schreibt er über interessante Hover-Effekte, den Umgang mit CSS-Transforms, neue Möglichkeiten für Formulare und die Vermeidung von Effekt-Overkills.
