10 個實用的Web設計和開發資源
MockupPhone
This tool comes in handy when Photoshop is not around, as it allows presenting your PSD files in mobile app design or prototype in a phone or tablet mockup. It currently boasts support for some major smartphones.
Story Board Illustration
Here you can find 430 free illustrations+ in AI format which you can use for making sketches and storyboard. This collection was shared by Julian Burford, a designer and illustrator from Netherland.
TychPanel
It allows placing photos side-by-side or top-bottom in one frame, as present in various websites, in Photoshop all by itself. Creating our own layout and boxes, adjusting colors, width and height is also possible.
WebP Photoshop Plugin
WebP is a new image format which was introduced by Google to cater the problem using high-definition images and their effects on the website loading times. This format allows creating images 26-39% smaller in size as compared to PNG or JPG without compromising the quality of the image. So you get a high-quality image exactly like the one present in PNG or JPG but in a smaller size.
CSSComb
This awesome tool lets you sort your CSS, CSS3 and CSS Pre-processor – LESS and Sass, properties in such a way as to make them organized, readable, and easy to handle. Setting the rules for sorting the properties according to you is possible.
IOS7 Wireframe Kit For Illustrator
If you use Illustrator for making app prototype, then this tool is perfect for you! Save it for use as it is one of the best iOS Wireframe for Illustrator.
SVGeneration
SVG allows serving good quality graphics for HD screens. This tool is a nice pattern generator for SVG, which lets you create background patterns easily and quickly.
KoalaApp
This one is a great GUI app for compiling LESS, Sass, Compass and CoffeeScript. Unlike Codekit etc. This app runs with Windows, OS X and Linux.
Emmet LiveStyle
This one is a really cool tool for bi-directional live editing, which means that it allows editing both from in- browser and the code editor without the need of any page refresh and file saving. On the whole it is a really nice and useful resource for all the designer and developers out there.
Unsplash
This website provides you with an amazing collection of free HD images which you can use in your prototype. New high-quality and high-resolution images are added regularly.