Editor’s Note: Want to stay on top of what’s new and useful in web design tools? Back for a March installment, HOW interactive design expert James Pannafino dishes on five more tools to further streamline your web design life…
5 Useful Interactive Design Tools: March 2014
Skala Preview Free
Are you designing an app or mobile web site in Photoshop and want to easily preview on a mobile device? Well, Skala preview might just do the trick. According to the makers bjango.com, “Skala Preview can preview your canvas as you edit. No saving, no keyboard shortcuts, just lossless previews in realtime.”
Skala Preview is indeed free, but make sure you have updated software (Photoshop CS5 and higher) and OS.
Stylify Me Free
Stylify Me is a great tool for researching styles and common visual elements on a web page such as Background Colors, Text Colors, Typography and Image Dimensions. Simply enter the URL in the in the field at the top of the page and click the Stylify Me button. You can even export your results to a pdf to save for later.
As web designers use more and more programs, screen space becomes limited. Divvy by Mizage is a useful tool for managing windows with pin point control. Divvy uses a grid system to arrange windows through simple single click and drag movements. The app also allows the user to create customizable keyboard shortcuts to use later.
This jQuery plugin allows large and headline Web type to scale to the width of a parent element. It is a very useful plugin for fluid and responsive web designs.
Note: The makers of this plugin recommend not to use this for paragraph text.
Tridiv is an web-based visual editor to create 3D designs with CSS. After you’re finished creating the 3-dimensional image, there’s a “preview” option to view the HTML and CSS code. Tridiv is free to use under the Creative Commons Attribution-NonCommercial-NoDerivs 3.0 Unported License.
Have an interactive tool or app that you like to share, please email suggestions to jpannafino[at]gmail.com.
James is the author of www.interdisciplinaryinteractiondesign.com. Follow James on twitter @JPannafino
Want to build your web design skills? Check out HOW Design University for courses spanning all experience levels and many topic areas. From responsive design and typography to Adobe products, you’ll continue your education for greater relevancy in the field.