Webdev:32 New Tools and Services For Web Developers

WebDev:32 New Tools and Services for Web Developers
by Janeth Kent Date: 28-11-2013 webdev development design jquery css3


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.

Binpress

Binpress is the marketplace for commercial open-source projects.
Binpress in 32 New Tools and Services for Web Developers

Slippry

Responsive slider plugin for jQuery.
Slippry in 32 New Tools and Services for Web Developers
Demo

textillate

A simple plugin for CSS3 text animations.
textillate in 32 New Tools and Services for Web Developers

SCUT

a collection of Sass utilities to ease and improve our implementations of common style-code patterns.
SCUT in 32 New Tools and Services for Web Developers

Ionic

Ionic is a beautiful front-end framework for developing hybrid mobile apps in HTML5.
Ionic in 32 New Tools and Services for Web Developers

Start Bootstrap

Free HTML Starter Templates for Bootstrap.
Start Bootstrap in 32 New Tools and Services for Web Developers

Zurb Foundicon Cheat Sheet

Zurb Foundicon Cheat Sheet in 32 New Tools and Services for Web Developers

Bigfoot

A jQuery plugin for empowering footnotes.
Bigfoot in 32 New Tools and Services for Web Developers
Demo

PickMeUp

Really simple, powerful and customizable datepicker.
PickMeUp in 32 New Tools and Services for Web Developers
Demo

EndDash

EndDash is a two-way binding javascript templating framework built on top of semantic HTML
EndDash in 32 New Tools and Services for Web Developers

Foundation

Foundation in 32 New Tools and Services for Web Developers

Fore

Free, responsive, pageless front end template.
Fore in 32 New Tools and Services for Web Developers
Demo

Siiiimple

A super, super, super, super, simple css grid.
Siiiimple in 32 New Tools and Services for Web Developers

Maplace.js

Maplace.js is a small Google Maps Javascript plugin for jQuery that helps you to embed Google Maps into your website, quickly create markers and controls menu for the locations on map.
Maplace.js in 32 New Tools and Services for Web Developers

 

The Ultimate Flexbox Cheat Sheet

The Ultimate Flexbox Cheat Sheet in 32 New Tools and Services for Web Developers

Instacurate

Turn your Twitter timeline into a personalised news site, in an instant. Fetches links from your timeline and displays them in a discovery friendly design.
Instacurate in 32 New Tools and Services for Web Developers

stickUp

A simple plugin that “sticks” an element to the top of the browser window while scrolling past it, always keeping it in view. This plugin works on multi-page sites, but has additional features for one-pager layouts. Scroll down to see it in action.
stickUp in 32 New Tools and Services for Web Developers

Crop.less

Embracing the modern browser’s ability to pleasantly render scaled images can dramatically cut down (or even eradicate) the code for creating and keeping track of multiple versions of the same file, all the while removing redundant requests.
Crop.less in 32 New Tools and Services for Web Developers

Videoconverter.js

Videoconverter.js is a program that lets you process videos in your browser.
Videoconverter.js in 32 New Tools and Services for Web Developers
Demo

Type Scale

Type Scale in 32 New Tools and Services for Web Developers

Frame Player

Frame Player in 32 New Tools and Services for Web Developers

Animatron

Animatron is a simple and powerful online tool that allows you to create stunning HTML5 animations and interactive content.
Animatron in 32 New Tools and Services for Web Developers

Freewall

Creating dynamic grid layouts without gaps.
Freewall in 32 New Tools and Services for Web Developers

Recess

RECESS is a simple, attractive code quality tool for CSS built on top of LESS.
Recess in 32 New Tools and Services for Web Developers

Scrolld.js

Scrolld.js is a unique open source plugin for jQuery. Scrolld.js provides a method for highly precise scrolling for pixel-perfect layouts and navigation using real-time updated data values. With Scrolld.js your scrolling to items will always be exact and will always provide the best user experience. Scrolld.js is specifically designed to support responsive designs and turns navigating long pages into a simple task. Scrolld.js is intended for easy use and is fully deployable within minutes.
Scrolld.js in 32 New Tools and Services for Web Developers

Circletype.js

Circletype.js is a tiny (2.7kb) jQuery plugin that lets you set type on a circle.
Circletype.js in 32 New Tools and Services for Web Developers

Kite

Kite is a gmail clone. It’s BSD-licensed and you can install it on your own server. It’s alpha software, but I hope to flesh it out in the next few months.
Kite in 32 New Tools and Services for Web Developers

onScreen

A jQuery plugin that does stuff when the matched elements are visible (as inside the viewport)
onScreen in 32 New Tools and Services for Web Developers

LESS Hat

LESS Hat takes care of exporting CSS for all available browsers.
LESS Hat in 32 New Tools and Services for Web Developers

Сreditcard.js

Creditcard.js is a more usable credit card form.
Creditcard.js in 32 New Tools and Services for Web Developers

rar.js

rar.js provides a pure javascript implementation of the rar format, allowing you to extract or manipulate packed data client-side and server-side.
rar.js in 32 New Tools and Services for Web Developers

Ink

Quickly create responsive HTML emails that work on any device & client. Even Outlook.
Ink in 32 New Tools and Services for Web Developers

Glifo

Export your PSD’s icon layers as
an icon web font, with a single click.
Glifo in 32 New Tools and Services for Web Developers

 
by Janeth Kent Date: 28-11-2013 webdev development design jquery css3 hits : 4896  
 
Janeth Kent

Janeth Kent

Licenciada en Bellas Artes y programadora por pasión. Cuando tengo un rato retoco fotos, edito vídeos y diseño cosas. El resto del tiempo escribo en MA-NO WEB DESIGN END DEVELOPMENT.

 
 
 

Related Posts

Validating HTML forms using BULMA and vanilla JavaScript

Today we are going to write about contact forms and how to validate them using JavaScript. The contact form seems to be one of the top features of every basic home…

How to use Parallax.js effect on your website

Today, we're going to write about the parallax effect, similar to parallax scrolling, and how to implement it to improve your landing page. In webdev, they say mobile first -…

How to make the website's dark mode persistent with Local Storage, CSS and JS

Recently we wrote about how to do a switchable alternative color mode or theme, a very useful and popular feature to websites. Today’s article is going to be about how…

Cross cultural challenges in web design, an overview

The user experience design of a product essentially lies between the intentions of the product and the characteristics of your user. - David Kadavy - The task of building a culturally appropriate…

The easiest way to align items using flexbox

With the release of flexbox in CSS, it has become an essential tool when placing elements next to each other, since, by default, the children of a display: flexare stacked…

Dark Mode on website using CSS and JavaScript

In today’s article we are going to learn how to build pretty much standard these days on the web pages and that is the alternative color mode and switching between…

JavaScript: Spread and Rest operators

In today’s article we are going to talk about one of the features of the ES6 version(ECMAScript 2015) of JavaScript which is Spread operator as well as Rest operator. These features…

How To Add Filter Effects to Images with CSS

To achieve interesting effects on your images, learn about the 'filter' and 'Backdrop-Filter' properties of CSS. CSS filters are a very attractive feature of CSS that allows you to apply certain…

Why You Should Hire Node.js Developer for Your Backend Development

When developers are building a new website, they mainly focus on both frontend and backend development. The frontend code helps create the interfaces through which the app interacts with the…

Introduction to REGEX - Regular Expression

Today we are going to write about Regular Expressions known as regex or shortened  regexp, a very useful concept of using search patterns. Surely you were in a situation when you…

HTTP Cookies: how they work and how to use them

Today we are going to write about the way to store data in a browser, why websites use cookies and how they work in detail. Continue reading to find out how…

How to write our own Privacy Policy

In this article we will talk about Privacy Policy statements, how you can write one and implement it on your page. Why did it pop up? These days when we browse on…

We use our own and third-party cookies to improve our services, compile statistical information and analyze your browsing habits. This allows us to personalize the content we offer and to show you advertisements related to your preferences. By clicking "Accept all" you agree to the storage of cookies on your device to improve website navigation, analyse traffic and assist our marketing activities. You can also select "System Cookies Only" to accept only the cookies required for the website to function, or you can select the cookies you wish to activate by clicking on "settings".

Accept All Only sistem cookies Configuration