3 useful sites for web developers

Wirify: Transform any web page into wireframes





DB Designr: Create database schemas online


Here is a very great tool to easily create database schemas online.

CSS Resetr: View and compare CSS resets



5 sites web designers & developers should know

Xenocode Browsers



Xenocode Browsers is the ultimat tool for checking your website in different browsers. It allows you to lauch IE6, IE7, IE8, Firefox 2, Firefox 3, Google Chrome and Opera directly from the web. However, not available for Macs and GNU/Linux powered PCs. 😦




View a wide selection of free patterns to use on your designs.

CSS Tidy


CSS Tidy is a free, online application that will fix errors and optimize your CSS code.

What the font?


What’s the font allow you to upload a logo or an image containing a font, and it will tell you which font is it.



Color Combos allow you to browse thousand of different colors combinations for getting inspired for your upcomming design. Color schemes can be browsed by colors.

15 New Minimalist Responsive Frameworks

Here are some frameworks that give you a solid foundation when creating websites and aren’t packed full with features.


Girder CSS framework grid responsive UI kit

Girder is a minimalistic grid toolkit that builds flexible layouts divided into logical sections. Its built with Sass. It can scale based on your project’s needs as it includes support for complex media queries using the Breakpoint() compass plugin.


Cardinal CSS framework grid responsive UI kit

Cardinal is a small mobile first CSS framework with its focus primarily on responsive web applications. The purpose of Cardinal is to ‘make it easier to rapidly prototype, build, scale, and maintain CSS’ for responsive web apps. It does omits many aesthetic design decisions that will often drag down larger, more complicated CSS frameworks, leaving the design to you.


Typeplate typography CSS framework grid responsive UI kit

Typeplate is a typographic starter kit that doesn’t make aesthetic design choices, but defines proper markup with extensible styling for common typographic patterns.


Gridism CSS framework grid responsive UI kit

Gridism is a simple CSS grid that comes with in-built patterns for responsive design.


Furatto CSS framework grid responsive UI kit

The flat styled Furatto is a front-end framework for rapid web development based on other frameworks, such as Twitter Bootstrap, Foundation…, as a start point.


PocketGrid CSS framework grid responsive UI kit

PocketGrid is a lightweight (0.5kB) pure CSS responsive grid system that allows for an unlimited number of columns and breakpoints. Instead of creating grids with rows and columns, PocketGrid has a more flexible system with blocks and block groups. Block groups are similar to rows, and blocks are similar to columns, allowing for more flexibility than traditional grids.


Fitgrid CSS framework grid responsive UI kit

Designed for rapid prototyping (but also runs well in production environments), .Fitgrd is a solid foundation for designers that don’t want to have their pages look like they are “bootstraped”. The grid is divided into twelve columns with percentual widths, with each column having a two percent margin on both sides.


Kraken CSS framework grid responsive UI kit

Kraken is a lightweight, mobile-first boilerplate that includes just the essentials: A CSS reset to ensure cross-browser compatibility; A responsive, mobile-first grid; A well-designed, fluid typographic scale; CSS3 buttons; Basic form styling; Optional add-ons for more functionality.


Markup CSS framework grid responsive UI kit

Markup is a simple collection of layouts, widgets, UI styles and other components that you can make use of in your projects in order to code rapidly and efficiently.


Topcoat CSS framework grid responsive UI kit

Topcoat is a fully themable and open source CSS framework to help you work with and create web apps with ease.


Cascade CSS framework grid responsive UI kit

Cascade Framework operates by splitting your CSS into seperate files based on features rather than selectors and by implementing a modifier design pattern inspired by SMACCS and OOCSS.


Responsable CSS framework grid responsive UI kit

Responsable is a responsive grid system based on Semantic.gs and powered by LESS.


Ratchet CSS framework grid responsive UI kit

Ratchet lets you prototype mobile apps using simple HTML, CSS and JavaScript components.


Clank CSS framework grid responsive UI kit

Clank is an open source prototyping framework that helps you work with mobile apps.

Responsive Web CSS

Web CSS framework grid responsive UI kit

Responsive Web CSS helps you layout your web pages within minutes. You can specify target devices and resolutions for responsiveness, and then easily download the site skeleton.

Blogging Between The Lines : Dana Hull

The main question posed in Dana Hull’s article Blogging Between The Lines was where does journalism differ from blogging? There were many answers given from many newsrooms across the United States but there was no clear best answer, but there were some clear rules to follow.

Here are some rules in no particular order; 1. To stay away from blogging about topics such as religion, politics, and the middle eastern. And, 2 You cannot write blogs for a newspaper anonymous, you must be held accountable for the things you write.

There are also a clear difference in the tone of writing when it comes to journalism and blogging. Blogging is more opinionated, and in your face opposed to journalism and reporting which is more objective.

There is no right or wrong answer when it comes to blogging for newspapers. Heck, most people may not even now their local newspaper even has a blog. Blogs are meant to be different from the standard form of journalism, they’re meant to tell the truth about things without holding back. The only thing that’s for certain is to make sure you have clear guidelines and objectives for writing blog post in the news room.