When it comes to web development or designing a well-coded and aesthetic website, it can at times become an arduous task, for even skilled web developers.
Web designers and developers continually strive in creating functionally useful and free web applications which may help them to achieve desired results within a given scope of time as well as making the user experience simplified. Fortunately, there are an unlimited amount of free tools which are available and can enable one to gear up their efforts and work within a more efficient and productive way, but when it comes to finding such tools and applications it can be quite a laborious task as well as time consuming.
consuming. Therefore we have collected 5 of the most recently released tools and web applications for developers which will aid users within their web related tasks and keep their websites a step ahead of the competition. We hope you will find a few of these Tools and Applications below handy for your development needs.
1. HTML-CSS-JS Playground : Editr
Editr is a simple and self-hosted app (that doesn’t use any server-side code) for creating a similar interface for editing/improving and sharing any HTML-CSS-JS projects. Sharing can be done by simply embedding an instance on it (this is done with jQuery) to any web page. The app uses the beautiful Ace Editor which can be themed with ease and offers a great experience while editing code.
2. Web Colour Data : Analyze Colors Used on Websites
Web Colour Data is a web service to easily find out “which colors are used on a web page”. It works by simply submitting a URL and the service auto-extracts + analyzes the colors in it. The color palette is presented with a breakdown in percentages and hue distribution. Also, it is a good source of color inspiration as palettes used in many popular websites are displayed as well.
3. bluePen Editor : Web Based CSS Editor
bluePen Editor is a PHP-powered CSS editor that can be installed to any static or dynamic website and makes live CSS editing possible. Once triggered (with a bookmarklet), it opens the editor widget and makes all HTML elements hoverable so that blupePen can locate the CSS rules of them (like Chrome Dev Tools). It has features like color-picker, file manager, ruler, color comparison and more.
4. Pinry : Open Source Web App for Pinterest Like Websites
Pinry, an open source web application, eases building Pinterest-like (dynamic-column-grid-layout) websites. It allows users to register to the app and pin, tag and share media (images, videos and webpages) quickly. And, a bookmarklet exists for saving the content without leaving the pages being browsed. The application is built with Python (Django) and it is a good starting for creating a community around pinning contents or a bookmarking site for personal use.
Dabblet is an interactive playground for quickly testing snippets of CSS and HTML code. It uses -prefix-free, so that you won’t have to add any prefixes in your CSS code. You can save your work in Github gists, embed it in other websites and share it with others.
It currently only supports modern versions of Chrome, Safari and Firefox. All posted code belongs to the poster and no license is enforced. Dabblet itself is open source software and is distributed under a NPOSL-3.0 license.