Get a site

Archive for the ‘Web Design Tools and Resources’ category

HTML Boilerplates, CSS and WordPress Frameworks

June 14th, 2012

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

Free user interface elements and components

April 12th, 2012

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

Best Interactive Javascript and HTML5 Charts

March 27th, 2012

Dojo Charting

Dojo Chart
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

Mobile Frameworks for User Interface Design

March 13th, 2012

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