As the web community growing in a fast pace and it’s very hard to keep yourself updated with latest web development tools and resources. This is why we always collect useful web resource and tools that can help you to speed up development and also to make your life easier.
Less Framework is a CSS grid system for designing adaptive websites. It contains 4 layouts and 3 sets of typography presets, all based on a single grid
Less Hat is a bunch of smart LESS mixins.
Gridset is a designing tool for making grids.
-prefix-free lets you use only unprefixed CSS properties everywhere. It works behind the scenes, adding the current browser’s prefix to any CSS code, only when it’s needed.
GuideGuide will help you dealing with grids in Photoshop. The tool is free and will help you creating pixel accurate columns, rows, midpoints and baselines.
CodePen is a playground for the front end side of the web.
Emmet is a time-saving text-editor plugin that will make your live easier.
Wirefy is a style agnostic wireframe tool built on the principles of content first. It allows you to create functional responsive wireframes using standard elements.
FitText is a fantastic plugin to achieve scalable headlines that fill the width of a parent element in a responsive layout.
It’s a Query Plugin for Responsive Menus.