8 Feedback Tools For Web Designers & Developers

With current technology almost anyone can make a decent website. It’s getting easier, better, faster everyday. The problem is lack of free flowing, quality communication between web designers, developers and clients. Here are some best feedback tools that web developers & designers can use to communicate about issues and share information with teams, clients, colleagues, and quality assurance engineers.

7 Useful Tools To Improve Your CSS Workflow

When you develop a website or web app, having the right tools can definitely help you to save a lot of time. In this post, I have compiled a list of fresh and super useful tools to improve your CSS workflow.

Sassaparilla

Sassaparilla is a fast way to start your responsive web design projects that harnesses the power of Sass and Compass. It comes with just enough to get you on your way, and no unnecessary extras, so you can spend less time deleting what you don’t need and more time building.

sassaparilla-1

Gridlover

Gridlover gives you adjustable css for font sizes, line heights and margins. The default css output is for body, p and h1 – h4 headings, but you can of course apply your adjusted values to any element by editing the css later.

gridlover-2

StyleStats

A Node.js command line utility that can be used in analyzing CSS stylesheet files and reporting on various metrics and performance indicators

style-3

CSS Shake

Some CSS classes to move your DOM!

css-shake-4

CSS Vocabulary

A small app to browse through which is what in css. Has some sample css with a list of css terminology. Clicking on anything in one panel highlights the corresponding items in the other.

css-vocab-4

Helium

Helium accepts a list of URLs for different sections of a site then loads and parses each page to build up a list of all stylesheets. It then visits each page in the URL list and checks if the selectors found in the stylesheets are used on the pages. Finally, it generates a report that details each stylesheet and the selectors that were not found to be used on any of the given pages.

helium-6

extractCSS

extractCSS is an online tool which can extract ids, classes and inline styles from HTML document and output them as CSS stylesheet. All you have to do is to type or paste your HTML document and let extractCSS to do the rest for you!

extractCSS-7