Favico.js make use of your favicon with badges, images or videos. You can easily animate your favicon with animated badges. You can customize type of animation, background color and text color. It supports animation like slide, fade, pop. All code is open source and dual licensed under GPL and MIT.

Version 3 of Twitter Bootstrap is a major change from all its past versions. It is a mobile-first framework and can claim to be one of the best CSS frameworks for building responsive website designs.

In my last article I focused on building responsive websites using Twitter Bootstrap 2. From that, you should have an idea of how Bootstrap works.

Since Twitter Bootstrap 3 is a mobile-first framework, by default whatever you design or create will be mobile compatible or responsive. Isn’t that cool?

This tiny (5KB, < 200 lines) JQuery Bootstrap plugin turns any DIV into a WYSIWYG rich-content editor, inspired by CLEditor and bootstrap-wysihtml5. Here are the key features:

Automatically binds standard hotkeys for common operations on Mac and Windows
Drag and drop files to insert images, support image upload (also taking photos on mobile devices)
Voice dictation input (only in Chrome)
Allows a custom built toolbar, no magic markup generators, enabling the web site to use all the goodness of Bootstrap, FortAwesome and so on...
Does not force any styling - it's all up to you
Uses standard browser features, no magic non-standard code, toolbar and keyboard configurable to execute any supported browser command
Does not create a separate frame, backup text areas etc - instead keeps it simple and runs everything inline in a DIV
(Optionally) cleans up trailing whitespace and empty divs and spans
Requires a modern browser (tested in Chrome 26, Firefox 19, Safari 6)
Supports mobile devices (tested on IOS 6 Ipad/Iphone and Android 4.1.1 Chrome)

xCharts is a JavaScript library for building beautiful and custom data-driven chart visualizations for the web using D3.js. Using HTML, CSS, and SVG, xCharts are designed to be dynamic, fluid, and open to integrations and customization.

Collecting All Cheat Sheets

The main tool for developers is of course code editors.Mostly it is a standalone application but you know there are also many online code editors around the internet.There may be times which you are not with your computer so the below web based or let’s say browser based online editors will help you to do almost every coding like editing,sharing,debugging etc.
Today we selected most preferred online code editors by developers.If you know anyother which you think really useful just drop a comment.

Cheat Sheets are useful because web-developers need to remember more things. It is hard to memorize syntax for web developers and designers since they are always evolving and rising. In this process, Cheat Sheet is always come in handy. These cheat sheets are designed to be printer friendly and you can use as reference cards.
Here is a collection of useful cheat sheet specially for front end web developer and manage effectively. It would helpful for HTML, CSS, JavaScript, etc. I hope you will find this article useful, lets get started!

Most of us have a favorite HTML editor we use every time we need to write some lines of HTML code for a particular purpose.

However our favorite HTML editor may not always be available on other computers we use besides our own. In this post I’ve listed the top 10 online HTML editor’s you can use no matter where and no matter when. Enjoy!

Designing and sending HTML newsletters can be a little tacky sometimes. The output of HTML in email apps is still much more limited than in web browsers, which means that you have to adapt the way you are designing your email templates. Following are a few tips to improve the HTML of your newsletters.

text-shadow