Fresh Resources for Web Designers and Developers (October 2013)

By Thoriq Firdaus. in Web Design. Updated on October 9, 2019.

Ladies and gents, our fresh resources compilation has reached its first year! And I’m really excited for this round as we have put together some really cool stuff.

Find resource piles for vector icons and UI designs, get tools to help with your task to optimize your site for mobile, a tool to help you process images in large batches into multiple image dimensions, and if you want to make your site voice-enabled, you can.

Let’s check out October’s roundup.

Tridiv

CSS has evolved rapidly in the last couple of years, and with the new features that are introduced in CSS3 specifications like Drop Shadow, 2D/3D Transformation, and Transition, we are now able to build a comparable 3D object using only HTML and CSS.

Tridiv is a web application that makes this idea of creating 3D upon CSS less complicated. With Tridiv, we can build a 3D object in an interactive way with the GUI. Some of the examples are really amazing, check them out.

SkalaPreview

SkalaPreview is a free OSX and iOS application for previewing images in real mobile devices. After constructing your crafted design using the Mobile Design Kit above, it is time to preview it in a real device. By using SkalaPreview app, this is a snap. You can also preview the design in real time as you are editing it in Photoshop, which could tremendously streamline your workflow.

NProgress

Did you notice that when you are navigating across Youtube pages, there is a loading bar moving at the very top of the window? This Progress Bar is a popular way in Ajax-based websites to show that the content is being loaded. If you want to add the same progress bar, there is a JS library for that called NProgress.

iOS 7 Vector Icons

iOS7 comes with new UI direction. It is now flat and thin. That means, you also need a different set of UI components including the icons when designing for iOS7. Here are collections of more than 800 vector icons for iOS7 designed by Icons8.

Pttrns

Every designer relies on inspiration for his or her work, and an Application designer is no exception. If you are building a mobile application, Pttrns is one of the sites you should visit to find some inspiration. It collects more than 1000 beautifully crafted UI design in mobile application.

Annyang

Annyang — which in Korean means Hi or Hello — is a Voice Command library. While we traditionally use a keyboard or mouse to interact with a Website, by using this library, we can add voice interaction to our website, similar to what Siri does for iOS. Using Voice Command might come in useful to extend website accessibility as well as to enrich user experience.