Web Design and Development tools

Mannaio blog provides posts about new trends, technologies and graphic design resources for freelancers and designers

Examples of the best CSS3 Slideshow and Presentation tutorials

May 8th, 2012 by Villa Tommaso No comments »

Here you will find nine Tutorials on how to make stunning Slideshows and Presentations using CSS3 features: transform, animation, transition

Fullscreen Background Image Slideshow

In this tutorial we have four demos on how to create a full screen slideshow with background images. The whole length of the animation takes 36 seconds, but each following slideshow image and title appear after 6 second of the previous one. The span that will contain a slideshow image will be positioned absolutely and have a width and height of 100%. » Read more: Examples of the best CSS3 Slideshow and Presentation tutorials

No comments »

Posted in Web Design

Free user interface elements and components

April 12th, 2012 by Villa Tommaso No comments »

I want to provide the best free interface elements and components designed by great designers and i want to share them, because they really worth downloading for your next web project. For any designer i think these are great set of HTML, CSS, and jQuery (javascript) files, layouts, and elements designed to give you a headstart and save many hours on your next web project.

Bootstrap from Twitter

Twitter introduced Bootstrap recently, a library of CSS styles aimed at web app developers in need of some design help. The toolkit includes everything from grid layouts down to buttons and modals, and works on pretty much all modern browsers, all the way back to IE7. Bootstrap is designed to help people of all skill levels—designer or developer, huge nerd or early beginner. Use it as a complete kit or use to start something more complex. With the version 2, Bootsrap has gone fully responsive. Their components are scaled according to a range of resolutions and devices to provide a consistent experience, no matter what.
» Read more: Free user interface elements and components

No comments »

Posted in Web Design, Web Design Tools and Resources

Tags: freebies toolkits user interface design Web Design

Best Interactive Javascript and HTML5 Charts

March 27th, 2012 by Villa Tommaso 4 comments »

Dojo Charting

The first Interactive Javascript Charts i am going to mention is Dojo Chart that i have used on my Single Page Portfolio.
Dojo’s charting components are based on the cross platform graphics API enabling the same chart components to render and provide full interaction in any browser-desktop and mobile. Dojo has the solution you need with dozens of chart types and even more themes: Bar, Line, Pie, Bubble, Column, Clustered Columns, Clustered Bars, etc. The package comes also with a variety of interactive features including touch support for mobile. All completely free and open-source. » Read more: Best Interactive Javascript and HTML5 Charts

4 comments »

Posted in Web Design, Web Design Tools and Resources

Tags: Chart Diagram HTML5 Javascript jQuery

Mobile Frameworks for User Interface Design

March 13th, 2012 by Villa Tommaso No comments »

If you are working on developing user interfaces for mobile websites here you can find useful resources i have collected recently.
I will give you more options on how you can select better your templates and grid regarding the needs of your next web Mobile Project, after that i will list some Mobile WebSites useful for your inspiration and then on how to redirect your site to a mobile version through JavaScript. Let’s start!

jQuery Mobile Framework

A unified, HTML5-based user interface system for all popular mobile device platforms, built on the rock-solid jQuery and jQuery UI foundation. Its lightweight code is built with progressive enhancement, and has a flexible, easily themeable design.
The jQuery mobile framework allows you to design a single highly-branded web site or application that will work on all popular smartphone, tablet, and desktop platforms. » Read more: Mobile Frameworks for User Interface Design