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 is the marketplace for commercial open-source projects.
Responsive slider plugin for jQuery.
A simple plugin for CSS3 text animations.
a collection of Sass utilities to ease and improve our implementations of common style-code patterns.
Ionic is a beautiful front-end framework for developing hybrid mobile apps in HTML5.
Free HTML Starter Templates for Bootstrap.
Zurb Foundicon Cheat Sheet
A jQuery plugin for empowering footnotes.
Really simple, powerful and customizable datepicker.
Free, responsive, pageless front end template.
A super, super, super, super, simple css grid.
The Ultimate Flexbox Cheat Sheet
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.
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.
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.
Videoconverter.js is a program that lets you process videos in your browser.
Animatron is a simple and powerful online tool that allows you to create stunning HTML5 animations and interactive content.
Creating dynamic grid layouts without gaps.
RECESS is a simple, attractive code quality tool for CSS built on top of LESS.
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.
Circletype.js is a tiny (2.7kb) jQuery plugin that lets you set type on a circle.
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.
A jQuery plugin that does stuff when the matched elements are visible (as inside the viewport)
LESS Hat takes care of exporting CSS for all available browsers.
Creditcard.js is a more usable credit card form.
Quickly create responsive HTML emails that work on any device & client. Even Outlook.
Export your PSD’s icon layers as
an icon web font, with a single click.
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 AND DEVELOPMENT.
How to make your own custom cursor for your website
When I started browsing different and original websites to learn from them, one of the first things that caught my attention was that some of them had their own cursors,…
Open source web design tools alternatives
There are many prototyping tools, user interface design tools or vector graphics applications. But most of them are paid or closed source. So here I will show you several open…
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…
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…