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 : 5126  
 
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

How to Send Email from an HTML Contact Form

In today’s article we will write about how to make a working form that upon hitting that submit button will be functional and send the email (to you as a…

Use the SRCSET attribute to improve your SEO

There is a new standard HTML attribute that can be used in conjunction with IMG called SRCSET. It is new and important as it allows webmasters to display different images…

How to multiply matrices in JavaScript

It may seem strange to want to know how to multiply matrices in JavaScript. But we will see some examples where it is useful to know how to perform this…

JavaScript Formatting Date Tips

Something that seems simple as the treatment of dates can become complex if we don't take into account how to treat them when presenting them to the user. That is…

Top tools for UX design and research

This article is a compilation of the "ux tools" I have tested in recent years. I've separated the tools by categories, although I recommend you to take a look at all…

How to make a multilingual website without redirect

Today, we're going to talk about how to implement a simple language selector on the basic static website, without the need of any backend or database calls or redirection to…

Starting with Bootstrap-Vue step by step

Today we will show you how to use BootstrapVue, describe the installation process and show basic functionality. The project’s based on the world's most popular CSS framework - Bootstrap, for building…

Bootstrap 5 beta2. What offers?

Since the release of the Bootstrap 4 is three years, in this article we will present what is new in the world’s most popular framework for building responsive, mobile-first sites.…

Graphic design and its impact on Web Development

In today's article we will explain the concept of graphic design, its fundamentals and what it brings into web development. Graphic design is applied to everything visual, believe or not,…

Creating simple CSS spinner-loader

In today's article we will show you how to animate a basic loader that spins when some predefined action is defined, such as loading an image. That can be used…

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 -…

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