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
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
piCSSel-art is a drawing app to draw pixel art and get it in CSS.
Popline
Popline is an HTML5 Rich-Text-Editor toolbar that will float around the selected text.
Validatr
Cross Browser HTML5 Form Validation.
Helium
Helium is a tool for discovering unused CSS across many pages on a web site. The tool is javascript-based and runs from the browser. 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.
CSSO
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.
React
A JavaScript library for building user interfaces.
Cascade Framework
Responsable
Responsable uses the power of less and sass to bring you a perfect responsive framework.
Mueller Grid System
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.
Pure
A set of small, responsive CSS modules that you can use in every web project.
PocketGrid
Tiny and powerful CSS grid system.
Kraken
A lightweight, mobile-first boilerplate for front-end web developers.
fitgrd
fitgrd is the lightweight & sexy looking responsive grid for your next awesome website.
Headtrackr
headtrackr is a javascript library for real-time face tracking and head tracking, tracking the position of a users head in relation to the computer screen, via a web camera and the webRTC/getUserMedia standard.
Topcoat
CSS for clean and fast web apps.
Markdown Editor
Red Pen
Red Pen lets you upload your design, share a short URL, and get live, annotated feedback super-fast.
CodeMirror
CodeMirror is a JavaScript component that provides a code editor in the browser. When a mode is available for the language you are coding in, it will color your code, and optionally help with indentation.
Light Table
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.
Fake images please?
Fakeimg.pl is a free and open-source tool that generates images with an URL. Choose the size, the colors, even the text.
PlaceIMG
Screen Sizes
Screensiz.es helps you quickly find the screen specifications of the most popular devices and monitors currently on the market.
The iOS Design Cheat Sheet
Learn CSS Layout
This site teaches the CSS fundamentals that are used in any website’s layout.
jQuery Learning Center
Browserhacks
Browserhacks is an extensive list of browser specific CSS and JavaScript hacks from all over the interwebs.
LESS Prefixer
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
CSSEmbed is a small program/library to automate embedding of data URIs in CSS files.
Glue
Glue is a simple command line tool to generate CSS sprites.
CSS Modal
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
Prepros instantly compiles Less, Sass, Scss, Stylus, Jade, Slim, Coffeescript, Haml and Markdown whenever you edit your file.
Hopscotch
Hopscotch is a framework to make it easy for developers to add product tours to their pages.
Typeplate
Groundwork
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.
Mosto
A CSS/HTML framework for building forms using implicit label association.
Wardrobe
Wardrobe is designed to be a very minimal blogging platform with the primary focus on writing.
Guillie
JavaScript MicroFramework inspired in BackboneJS
GIRDER
minimalistic grid for building awesome Websites with Sass targeting the modern browser.
jVanilla
Lightweight and simple jQuery menu for everyone.
Ladda
A set of buttons which merge loading indicators into themselves to bridge the gap between action and feedback.
ICEcoder
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.
HTML Inspector
Backbone Debugger
Chrome extension for debugging Backbone based web applications.
WP Roller
The Custom WordPress Installer.
Close Pixelate
Inspired by American portrait painter Chuck Close, this script converts an image into a pixelated version using an HTML5 canvas element.
