Archive for the ‘Web Design’ category

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.

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

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

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.

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