LayoutIt! is a handy online tool to create your frontend code quickly with Bootstrap using an easy to use drag & drop interface builder.

LayoutIt! takes every element and component of Bootstrap to make your frontend coding easier without needing to be an expert in JavaScript, HTML5 or CSS3.

You just build what you need to start, and then code it however you most like!

Flat UI Free – PSD & HTML User Interface Kit

Flat Dashboard – Free UI kit PSD

(more…)

bluePen is an online visual CSS editor for your websites. bluePen can be easily installed even on a dynamic website. Once you have installed it, you can make your style sheet modifications anytime, anywhere.

Everything you modify will be updated real-time in your browser (but not on the live website yet). The modifications will be published right after you’ve pressed the ‘Save’ button.

CSS frameworks are pre-prepared libraries that are meant to allow for easier, more standards-compliant styling of web pages using the Cascading Style Sheets language.

Responsive web design continues to become more widely practiced and every web designer wants more tools and resources to make it easier to code responsive web sites. For those web designers and web developers, we gathered 10 CSS Frameworks that will help them build responsive websites and applications easily.

Powerful Front-end Framework For Faster And Easier Web Development – Bootstrap

Boilerplate for Responsive, Mobile Friendly Development – Skeleton

(more…)

SuperBox is a new responsive lightbox gallery jQuery plugin. SuperBox takes the whole ‘image’ and ‘lightbox’ one step further, reducing the JavaScript and image load dependence to make lightboxing a thing of the past!

Built using HTML5 data-* attributes, responsive layouts and jQuery.

SuperBox works good as a static image gallery, which you can click to reveal a full version of the image.

Is the CSS syntax way too simple for you ? Do you think preprocessors are for losers ? Are you paid per line of code ? Do you need big stylesheets ? FESS your CSS and get more code from your source !

FESS (Fat Expanded Style Sheets) is an online CSS de-compressor which makes your CSS fat, expanded and readable.

Metrize Icons is a collection of 300 Metro Styled free vector icons that works perfectly for your apps or web projects. You may use these icons for both commercial and personal projects and customize them any way you like.

The Metro Styled icons package includes:

• PSD source file
• SVG
• EPS
• AI
• PDF
• Web Font

Finding sample avatars for interface design can be super annoying, and here comes the uiFaces, it is a web based application for getting suitable free avatars for your mockups and demos.

Discover DevTools is an interactive Code School training course that will teach you how to take advantage of Chrome DevTool’s powerful suite of resources and speed up the development and debugging of your web apps.

DyLay is a jQuery plugin which allows to create dynamic layout very easily.

Dylay is responsive and tested in Safari, Firefox 1.5+ , Internet Explorer 6+, Opera 9+ and Chrome.