Web developers should always be aware of the current news. In order to help them in their work brilliant web developers from all over the world always try to invent new tools and find bright decisions. We want to bring to your attention a selection of some useful tools such as generators, jquery plugins, frameworks and other helpful resources and services. You will definitely find something to your taste and interest among them.
Evil Icons
Simple and clean SVG icon pack with the code to support Rails, Sinatra and Node.js.
Firefox.html
Firefox.html is an experiment, a proof of concept: trying to re-implement the Firefox UI in HTML, as an app (like FxOS apps).
Squire
the textarea of the future.
BigPicture
Sass Compatibility
Reporting incompatibilities between different Sass engines.
PaymentFont
A sleek SVG webfont containing 85 icons of all main payment operators and methods.
Beetle
Beetle is a free powerful responsive & parallax HTML5 template for landing pages, blog and resume.
PhotoSwipe
JavaScript gallery, no dependencies.
CSS-On-Diet
А preprocessor for designers.
Vim.js
JavaScript port of Vim http://coolwanglu.github.io/vim.js/experimental/vim.html.
SVG Morpheus
JavaScript library enabling SVG icons to morph from one to the other.
Four Shadows Demo
Interact.js
JavaScript drag and drop, resizing and multi-touch gestures with inertia and snapping for modern browsers (and also IE8+)
laroux.js 1.5pre
This project is a jQuery substitute for modern browsers and mobile devices. But instead of offering some wrappers and own dynamics, it simply provides helper functions to achieve the same objectives as jQuery or Zepto.
Andy.scss
Andy is an open-source collection of useful SASS mixins.
Sticky-Kit
Sticky-kit provides an easy way to attach elements to the page when the user scrolls such that the element is always visible.
LINING.JS
In CSS we already have the selector ::first-line to apply style on the first line of element. But there is no selector like ::nth-line(), ::nth-last-line() or even ::last-line. Then I read an article A Call for ::nth-everything from CSS tricks. ::nth-line() is actually really useful in some situation.
Particles.js
A lightweight JavaScript library for creating particles.
MetricsGraphics.js
MetricsGraphics.js is a library built on top of D3 that is optimized for visualizing and laying out time-series data. It provides a simple way to produce common types of graphics in a principled, consistent and responsive way. The library currently supports line charts, scatterplots and histograms as well as features like rug plots and basic linear regression.
Pixactly
Welcome to Pixactly, an online tool that tests how well you know your pixels. Draw a box that matches the dimensions given and receive a score based on how close you are. The lower the score…the better! Sounds easy, right? Pixactly.
Purplecoat.js
Purplecoat.js lets you create labeled overlays that can be triggered with a click. And you don’t need to write a single line of Javascript.
CSS Dig
Analyze your CSS in a new way. Consolidate, refactor, and gawk at the 37 shades of blue your site somehow ended up with.
Vivus
Vivus is a lightweight JavaScript class (with no dependencies) that allows you to animate SVGs, giving them the appearence of being drawn. There are a variety of different animations available, as well as the option to create a custom script to draw your SVG in whatever way you like.
Materialize
A modern responsive front-end framework based on Material Design.
MNML
A simple template for designing responsive websites in the browser.
Material ui
A CSS Framework and a Set of React Components that Implement Google’s Material Design.
Motherplate
A bare bones responsive SCSS boilerplate for web designers.
FixedContent.js
A mobile-friendly, jQuery plugin that persists content (sidebar, nav, etc.) while scrolling.
Galaxy
Galaxy is the lightweight framework build with conversation.
Size Marks
Size Marks is a helpful Photoshop script for web designers and front-end engineers.
