Get a site

The must have list of user interfaces elements, components and jQuery plugins

December 24th, 2012 by Villa Tommaso No comments »

Any designer and developer should have in their bookmarks a list of resources for user interface elements and components. For example i use to collect the most interesting and useful snippets code, jQuery plugins, Ui resources and tutorials in my pinterest boards. I keep them updated almost daily. If you are designer or a developer, i recommend to have a look to my pinterest account, there might be boards interesting for you.
My purpose in this blog post is that you absolutely need to have in your bookmarks the following links of web pages which deliver the best user interface elements and components. What i mean for user interfaces elements and components? I mean all the snippets code, Javascript libraries, jQuery plugins and repositories that your Website or Web Application will absolutely need.
We normally can find whatever we need if we google around, but it’s just a matter of efficiency bookmark a great selection of resources that can boost your web projects.

The big badass list of 235 useful twitter bootstrap resources

If you use Twitter Bootsrap as front-end framework Bootstraphero page has done really great work, it has collected 235 twitter bootstrap resources. This list is divided in categories: components, framework integrations, interface builders, mockup tools, tools and services, how tos and javascript addons.
This list of resources is huge and it’s not only about user interface components but there are other useful resources that they worth to be read. If you are a Joomla o WordPress developer there are good resources on to how to integrate Twitter Bootstrap to both CMS, also if you are a designer, the Theme list gives you some nice Theme starter and services to build templates. The Mockup tools mostly include all base elements layered in Photoshop for typography, buttons, grids, navigation, and examples for quickly and easily mocking up Twitter Bootstrap designs.
In conclusion bootstraphero needs definitely your attention whether or not you are a Twitter Bootstrap user. » Read more: The must have list of user interfaces elements, components and jQuery plugins

HTML Boilerplates, CSS and WordPress Frameworks

June 14th, 2012 by Villa Tommaso No comments »

HTML5 Boilerplate

HTML5 Boilerplate
HTML5 Boilerplate is the professional frontend developers’s base HTML/CSS/JS template for a fast, robust and future-safe site.
After more than four years in iterative development, you get the best of the best practices baked in: cross-browser normalization, performance optimizations, even optional features like cross-domain XHR and Flash. A starter Apache .htaccess config file hooks you up with caching rules and preps your site to serve HTML5 video, use @font-face, and drop your site’s filesize by half with robust gzipping.
Boilerplate is not a framework, nor does it prescribe any philosophy of development, it’s just got some tricks to get your project off the ground quickly and right-footed.
HTML5 Boilerplate as designed and developed by Paul Irish & Divya Manian. It is basically a product that took more than two years to develop it is basically deigned to support the best available practices as well as techniques for creating various cross-browser websites which are compatible and which will operate in synch with the legacy browsers besides being ready for HTML5.
There are certain types of HTML5 Boilerplate templates on GitHub that can be used for watching, forking and commenting pleasure » Read more: HTML Boilerplates, CSS and WordPress Frameworks

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

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 Bootstrap
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