January 2010
6 Web Design Workflows That Work
"articles about web design work flow which is very important for every team or individual to work effectively. Sometimes they look very scientific, but there will be good theoretical advice that might help"
ignore the code: Realism in UI Design
"Graphical user interfaces are full of symbols. Symbols need to be reduced to their essence. This helps avoid cluttering the user interface with meaningless distractions, and makes it easier for people to «read» the symbol and figure out the meaning of an interface element."
webdev.stephband.info
by 8 others"jParallax turns a selected element into a 'window', or viewport, and all its children into absolutely positioned layers that can be seen through the viewport. These layers move in response to the mouse, and, depending on their dimensions (and options for layer initialisation), they move by different amounts, in a parallaxy kind of way."
A Collection of Printable Sketch Templates and Sketch Books for Wireframing
"more than 20 resources that you can use in sketching phase of application development."
Free PSD Twitter Background Template | Fuel Your Creativity
"I took 5 minutes and made a twitter template. Inside of the template I made guides that match up with different resolutions."
December 2009
24 ways: Ignorance Is Bliss
By showing neither a static image of my design, I set none of the false expectations that, by definition, a static Photoshop or Fireworks visual would have established.
SlickMap CSS — A Visual Sitemapping Tool for Web Developers
"SlickMap CSS is a simple stylesheet for displaying finished sitemaps directly from HTML unordered list navigation. It’s suitable for most web sites – accommodating up to three levels of page navigation and additional utility links – and can easily be customized to meet your own individual needs, branding, or style preferences."
Notable | Easiest way for teams to provide feedback on websites.
by 6 others"Quickly and easily give feedback on design, content, and code on any page of a website or application without leaving your browser. Works on iPhone, too!"
ScrnShots: Share your inspiration
by 7 others"ScrnShots is the best way to take, find, and share screenshots of web and screen based design."
Fixed Floating Elements | jQuery for Designers
Comment faire des éléments qui bougent avec le reste du contenu, mais ne sortent pas si on scrolle trop. Mis en œuvre sur le menu de gasteroprod.com pour une meilleure ergonomie !
November 2009
DesignSvn - Subversion for Designers
"DesignSvn is an application created for designers and graphic artists to easily share their concepts and refer back to older revisions. Keep your projects organized in one central place and gather feedback from your clients as you progress."
ImageOptim - a PNG/JPEG graphics optimizer for Mac OS X
by 2 others"ImageOptim is a front-end (GUI) for set of tools for optimisation of PNG/JPEG images and GIF animations. Optimisation makes files smaller (in terms of disk space) by finding optimal compression parameters and by removing unneccessary information, like file comments, EXIF tags and color profiles."
October 2009
Create
"MockFlow is an online tool for creating wireframes of software and websites. It helps to enhance your planning process by enabling to quickly design and share interactive UI mockups."
High Performance Web Sites :: @font-face and performance
"My first piece of advice is to avoid using @font-face unless it’s critical to the page."
