Quantcast
Viewing latest article 11
Browse Latest Browse All 91

40 Fresh Tools For Web Developers

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 effective tools such as generators, jquery plugins, frameworks, useful resources and services. You will definitely find something to your taste and interest among them.

FireShell

The opinionated FireShell framework. Built for the modern developer. For teams and the individual, encouraging a better workflow. JavaScript task running, build processes, autominification and file concatenation, wrapped with an enhanced HTML5 boilerplated framework.

jQuery.Pin

Ever wanted to pin something to the side of a text? Ever needed a subtle sticky element to quietly hang around as you scroll down? Jquery.Pin is here to help! Pin any element to the top of a container. Easily disable it for smaller screen-sizes where there’s no room for that kind of shenanigans.
Image may be NSFW.
Clik here to view.
jQuery.Pin in 40 Fresh Tools For Web Developers

Generatedata.com

It’s a free, open source tool written in JavaScript, PHP and MySQL that lets you quickly generate large volumes of custom data in a variety of formats for use in testing software, populating databases.
Image may be NSFW.
Clik here to view.
Generatedata.com in 40 Fresh Tools For Web Developers

Gitignore.io

Create useful .gitignore files for your project.
Image may be NSFW.
Clik here to view.
Gitignore.io in 40 Fresh Tools For Web Developers

PhysicsJS

A modular, extendable, and easy-to-use physics engine for javascript.
Image may be NSFW.
Clik here to view.
PhysicsJS in 40 Fresh Tools For Web Developers

Bookmarkify

Image may be NSFW.
Clik here to view.
Bookmarkify in 40 Fresh Tools For Web Developers

Recline.js

This is a simple but powerful library for building data applications in pure Javascript and HTML.
Image may be NSFW.
Clik here to view.
Recline.js in 40 Fresh Tools For Web Developers

BackgroundCheck

Automatically switch to a darker or a lighter version of an element depending on the brightness of images behind it.
Image may be NSFW.
Clik here to view.
BackgroundCheck in 40 Fresh Tools For Web Developers

Swagger

Swagger is a specification and complete framework implementation for describing, producing, consuming, and visualizing RESTful web services.
Image may be NSFW.
Clik here to view.
Swagger in 40 Fresh Tools For Web Developers

Chance.js

Chance is a minimalist generator of random [1] strings, numbers, etc. to help reduce some monotony particularly while writing automated tests.
Image may be NSFW.
Clik here to view.
Chance.js in 40 Fresh Tools For Web Developers

phpspec

A php toolset to drive emergent design by specification.
Image may be NSFW.
Clik here to view.
phpspec in 40 Fresh Tools For Web Developers

tidyTime.js

A jQuery plugin, that provides a more friendly way of displaying time updates to users!
Image may be NSFW.
Clik here to view.
tidyTime.js in 40 Fresh Tools For Web Developers

SecurityHeaders.com

Image may be NSFW.
Clik here to view.
SecurityHeaders.com in 40 Fresh Tools For Web Developers

Prerender

Allow your AngularJSJavascriptMarionette apps to be crawled perfectly by search engines.
Image may be NSFW.
Clik here to view.
Prerender in 40 Fresh Tools For Web Developers

Dart

A new language, with tools and libraries, for structured web app engineering.
Image may be NSFW.
Clik here to view.
Dart in 40 Fresh Tools For Web Developers

Animo.js

A powerful little tool for managing CSS animations.
Image may be NSFW.
Clik here to view.
Animo.js in 40 Fresh Tools For Web Developers

FlowType.JS

Web typography at its finest: font-size and line-height based on element width.
Image may be NSFW.
Clik here to view.
FlowType.JS in 40 Fresh Tools For Web Developers

CSSO

CSSO (CSS Optimizer) 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.
Image may be NSFW.
Clik here to view.
CSSO in 40 Fresh Tools For Web Developers

Native form elements

Image may be NSFW.
Clik here to view.
Native form elements in 40 Fresh Tools For Web Developers

BubbleChart

BubbleChart is a JavaScript module for comparative visualization of two dimensional data in a bubble chart.
Image may be NSFW.
Clik here to view.
BubbleChart in 40 Fresh Tools For Web Developers

rework

arbitrary CSS preprocessing library for node.js and the browser– (vendor prefixes, custom properties, image inlining, easing functions, extensions, mixins, …)
Image may be NSFW.
Clik here to view.
rework in 40 Fresh Tools For Web Developers

Daturi

Image may be NSFW.
Clik here to view.
Daturi in 40 Fresh Tools For Web Developers

QuestionMark.js

A lightweight, cross-browser, modal window that displays shortcut keys for your app, similar to Twitter, Gmail, GitHub, etc.
Image may be NSFW.
Clik here to view.
QuestionMark.js in 40 Fresh Tools For Web Developers

SublimeGit

Full-featured Git integration for Sublime Text 2 and 3.
Image may be NSFW.
Clik here to view.
SublimeGit in 40 Fresh Tools For Web Developers

Group Layer Renaming (Script)

Image may be NSFW.
Clik here to view.
Group Layer Renaming (Script) in 40 Fresh Tools For Web Developers

RulersGuides.js

Image may be NSFW.
Clik here to view.
RulersGuides.js in 40 Fresh Tools For Web Developers

Avatars.io

Every app needs avatars, we make it hassle-free
Image may be NSFW.
Clik here to view.
Avatars.io in 40 Fresh Tools For Web Developers

Solved by Flexbox

CSS has been lacking proper layout mechanisms for far too long. Transitions, animations, filters, all of these are great and useful additions to the language, but they don’t address the major problems that Web developers have been complaining about for what seems like an eternity.
Image may be NSFW.
Clik here to view.
Solved by Flexbox in 40 Fresh Tools For Web Developers

Polymer

Polymer is a new type of library for the web, built on top of Web Components, and designed to leverage the evolving web platform on modern browsers.

svg.js

A lightweight library for manipulating and animating SVG.
Image may be NSFW.
Clik here to view.
svg.js in 40 Fresh Tools For Web Developers

CloudConvert

CloudConvert supports the conversion between more than 100 different audio, video, document, ebook, archive, image, spreadsheet and presentation formats. You can specify advanced options for every conversion type.
Image may be NSFW.
Clik here to view.
CloudConvert in 40 Fresh Tools For Web Developers

RegExp.JS

Image may be NSFW.
Clik here to view.
RegExp.JS in 40 Fresh Tools For Web Developers

Typ.io

Image may be NSFW.
Clik here to view.
Typ.io in 40 Fresh Tools For Web Developers

favicon-cheat-sheet

Obsessive cheat sheet to favicon sizes/types.
Image may be NSFW.
Clik here to view.
favicon-cheat-sheet in 40 Fresh Tools For Web Developers

Prototypo

The Font Generator.
Image may be NSFW.
Clik here to view.
Prototypo in 40 Fresh Tools For Web Developers

At.js

At.js, a github-like autocomplete library :s
Image may be NSFW.
Clik here to view.
At.js in 40 Fresh Tools For Web Developers

Shape.LESS

Shape.LESS is a collection of mixins for CSS shapes that we often use in web applications. The aim of this project is to reduce the repitive tasks of a developer required to create shapes using CSS.
Image may be NSFW.
Clik here to view.
Shape.LESS in 40 Fresh Tools For Web Developers

Practice.IO

Generates a random practice item to build with HTML, Javascript, and CSS.
Image may be NSFW.
Clik here to view.
Practice.IO in 40 Fresh Tools For Web Developers

SlickNav

Image may be NSFW.
Clik here to view.
SlickNav in 40 Fresh Tools For Web Developers

Peeler.js

A library to add peeling to the center of your content. This was inspired by the brilliant folks over at Teehan+Lax and introduced in their blog post for UX considerations for Medium.
Image may be NSFW.
Clik here to view.
Peeler.js in 40 Fresh Tools For Web Developers

MyColorPalettes

A simple tool for saving and managing your color palettes.
Image may be NSFW.
Clik here to view.
MyColorPalettes in 40 Fresh Tools For Web Developers

TogetherJS

TogetherJS is a free, open source JavaScript library by Mozilla that adds collaboration features and tools to your website. By adding TogetherJS to your site, your users can help each other out on a website in real time!
Image may be NSFW.
Clik here to view.
TogetherJS in 40 Fresh Tools For Web Developers

vex

Vex is a modern dialog library which is highly configurable, easily stylable, and gets out of the way. You’ll love vex because it’s tiny (6kb minified, 2kb minifed + gzipped), has a clear and simple API, works on mobile devices, and can be customized to match your style in seconds.
Image may be NSFW.
Clik here to view.
vex in 40 Fresh Tools For Web Developers


Viewing latest article 11
Browse Latest Browse All 91

Trending Articles