I felt inspired after listening to Chris Ford (design rockstar), speak about Agile Web Design, a move away from “psd to WordPress conversions,” to a more iterative process. She suggests the following web design tools:
Preview type in the browser. Choose type from Typekit, Fonts.com, FontDeck, Google and Webtype.
The intersection of mood boards and mock-ups. Provides client with visual web design style sheets.
Mock-up, rapid wireframing tool. Drag and drop website components to create wireframe prototypes in minutes.
Create responsive web designs without writing code. Webflow writes the HTML and CSS code for you. Works just like Photoshop, but includes drag and drop features.
Photoshop extension that turns Photoshop layer styles into CSS3, instantly.
WordPress hosting for designers. Manage multiple sites with a single login. Allows you to test and preview sites before going live. Security and backups provided. Once a site is complete, send your client a link to enter their payment info, which activates their site.
These tools aid in speeding up the web design process and enable quick iterations. Consider them for your web design projects.
Desktop Server – Testing server on your desktop. Alternative to WAMP and MAMP. Free and Fee’d versions.
Imsanity – Auto resize images in WordPress
Cropp Me – Auto crop images
Dragdis – Browser plugin. Drag and drop websites, photos, and text into bookmarks.
Multicolored Font – Used on banner