Web developers should always be abreast of the latest news. And to make their work easier and to help in saving their time a lot of talented web developers from all around the world always try to bring some new decisions and tools. To your attention, we would like to showcase some fresh timesaving tools among which you’ll find useful services, resources, generators and frameworks that you might find very interesting.
CSS Trashman examines your site’s live DOM and reverse engineers a new, more elegant definition that captures styles down to the pixel.
piCSSel-art is a drawing app to draw pixel art and get it in CSS.
Popline is an HTML5 Rich-Text-Editor toolbar that will float around the selected text.
Cross Browser HTML5 Form Validation.
CSSO is a CSS minimizer unlike others. In addition to usual minification techniques it can perform structural optimization of CSS files, resulting in smaller file size compared to other minifiers.
Responsable uses the power of less and sass to bring you a perfect responsive framework.
MUELLER is a modular grid system for responsive/adaptive and non–responsive layouts, based on Compass. You have full control over column width, gutter width, baseline grid and media–queries.
A set of small, responsive CSS modules that you can use in every web project.
Tiny and powerful CSS grid system.
A lightweight, mobile-first boilerplate for front-end web developers.
fitgrd is the lightweight & sexy looking responsive grid for your next awesome website.
CSS for clean and fast web apps.
Red Pen lets you upload your design, share a short URL, and get live, annotated feedback super-fast.
Light Table is a new interactive IDE that lets you modify running programs and embed anything from websites to games. It provides the real time feedback we need to not only answer questions about our code, but to understand how our programs really work.
Fakeimg.pl is a free and open-source tool that generates images with an URL. Choose the size, the colors, even the text.
Screensiz.es helps you quickly find the screen specifications of the most popular devices and monitors currently on the market.
This site teaches the CSS fundamentals that are used in any website’s layout.
LESS Prefixer is a set of LESS mixins that let you use vendor-prefixed CSS properties without the prefixes. It uses some simple conventions and gets out of the way so you can use the CSS you already know, but with less typing.
CSSEmbed is a small program/library to automate embedding of data URIs in CSS files.
Glue is a simple command line tool to generate CSS sprites.
CSS Modal is built out of pure CSS. The modals are designed using responsive web design methods. They work on all screen sizes from a small mobile phone up to high resolution screens.
Prepros instantly compiles Less, Sass, Scss, Stylus, Jade, Slim, Coffeescript, Haml and Markdown whenever you edit your file.
Hopscotch is a framework to make it easy for developers to add product tours to their pages.
GroundworkCSS’s flexible grid system enables you to do rapid development and scales to fit any screen size, from handheld devices to large format televisions.
A CSS/HTML framework for building forms using implicit label association.
Wardrobe is designed to be a very minimal blogging platform with the primary focus on writing.
minimalistic grid for building awesome Websites with Sass targeting the modern browser.
Lightweight and simple jQuery menu for everyone.
A set of buttons which merge loading indicators into themselves to bridge the gap between action and feedback.
ICEcoder is an open-source browser code editor, which provides a modern approach to building websites. By allowing you to code directly within the web browser, online or offline, it means you only need one program (your browser) to develop sites, plus can test on actual web servers. After development, you can also maintain the website easily, all of which make for speedy and smart development.
Chrome extension for debugging Backbone based web applications.
The Custom WordPress Installer.
Inspired by American portrait painter Chuck Close, this script converts an image into a pixelated version using an HTML5 canvas element.
You might also be interested in..
SHARE THIS POST
Andrew is the chief editor of Splashnology blog. He has many years of experience within the web design industry and has a passion for the latest web technologies. 3D Models Marketplace
Subscribe for the hottest posts
Subscribe to our email newsletter for useful tips and freebies.