Très cool! UX Methoden von A/B Testing bis Wireframes kurz & anschaulich erklärt – meist mit weiterführenden Links:
http://nform.ca/tradingcards/
Schlagwort: Resources
A 1140px wide, 12 column grid. Fluid all the way down to a mobile version.
„The 1140 grid fits perfectly into a 1280 monitor. On smaller monitors it becomes fluid and adapts to the width of the browser.
Beyond a certain point it uses media queries to serve up a mobile version, which essentially stacks all the columns on top of each other so the flow of information still makes sense.
Scrap 1024! Design once at 1140 for 1280, and with very little extra work, it will adapt itself to work on just about any monitor, even mobile.“
Ausprobieren! Das Photoshop Template dazu gibt es hier.
( via swissmiss )
20 Things I learned about the Browser and the Web
20 Things I learned about the Browser and the Web ist ein auf HTML5 basierendes interaktives Buch, in welchem die Grundlagen über das Internet und Browser mit Illustrationen untermalt erklärt werden. Herausgegeben wurde es vom Google Chrome Team.
Man kann es jederzeit schließen, denn die Entwickler haben ein Lesezeichen eingebaut, welches sich merkt, wo man gerade war.
( thx @chriscoyier )
SymbolAssist: More Symbols, Less Work
SymbolAssist ist eine browserbasierte, kategorisierte Unicode Chars Map. Click, Copy, Paste.
Nettes Tool und – wie praktisch – auch als Bookmarklet verfügbar :)
Design Methoden Finder
Eine wirklich tolle, nützliche Sammlung von Arbeitsweisen, die helfen soll, designbezogene Probleme/Aufgaben zu lösen, stellt der Designmethoden Finder bereit.
Die Infos sind modular aufgebaut, so das man sich schrittweise tiefer in die einzelnen Methoden einarbeiten kann. Es werden passende Methodenvorschläge zu Suchbegriffen ausgegeben, die Methoden werden erklärt, Beispiele geliefert und für Neulinge gibt es die Design Methoden Schule.
Sehr empfehlenswertes Tool, zudem top aufbereitet!
http://www.designmethodenfinder.de
( via Design made in Germany )
Gridulator
Tolles Tool zum Erstellen von Grids für Weblayouts: Gridulator. I like!
David Sleight, der das Tool gebaut hat sagt dazu:
Tell Gridulator your layout width and the number of columns you want, and it’ll spit back all the possible grids that have nice, round integers. Just the thing for pixel-based designfolk. There are inline previews, courtesy of the canvas element, and when you’re all set Gridulator can crank out full-size PNGs for you, ready for use in your CSS, Photoshop docs, or what have you. And there’s full keyboard control for you snazzy power users.
( via swissmiss )
Designhistory online
Designhistory.org von Nancy Stock-Allen gibt einen netten, schnellen visuellen Überblick über die Designgeschichte.
Interactive HTML 5 Slides
Interessante Interaktive Slideshow über JS, HTML 5 & CSS(3)
http://slides.html5rocks.com/#slide1
http://www.html5rocks.com/
( via eleqtriq )
Meet Your Type
FontShop hat gerade seine „Education Pages“ gelauncht, welche Tipps und Tutorials für Designer beinhalten.
Darunter auch: A Field Guide to Typography – als freies PDF zum Download.
Coffee Vector-Freebie
Gimme Coffee!
Große, aussagekräftige Icons liegen voll im Trend und dazu passend gibt’s heute ein Vector-Freebie inkl. transparentes *.png Package für den perfekten Einsatz auf Webseiten, Blogs, etc…
„Coffee Vector-Freebie“ weiterlesen
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!
„15 Resources für Macfans“ weiterlesen