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
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
Less Hat is a bunch of smart LESS mixins.
Grid Set
Gridset is a designing tool for making grids.
-prefix-free
-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
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.
Code Pen
CodePen is a playground for the front end side of the web.
Emmet
Emmet is a time-saving text-editor plugin that will make your live easier.
Wirefy
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
FitText is a fantastic plugin to achieve scalable headlines that fill the width of a parent element in a responsive layout.
Flexible Navigation
It’s a Query Plugin for Responsive Menus.