Browser Evolution – The History of Web Browsers [Infographic]

Looking at the browsers in the current browser race it is hard to remember the time when Netscape had over 86% of the market share. Once Microsoft started integrating Internet Explorer with Windows they unsurprisingly took over the market and dominated it for several years. Enjoy this infograhpic and the The History of Web Browsers created by TechKing.

Browser Evolution - The History of Web Browsers [Infographic]

Source Website

True Colors : Breakdown of Color Preferences by Gender [Infographic]

From the day that babies are brought home and cradled in their pink or blue blankets, implications have been made about gender and color. While there are no concrete rules about what colors are exclusively feminine or masculine, there have been studies conducted over the past seven decades that draw some generalizations. Let’s take a look at what they say about color and gender.

Click on the infographic below: Breakdown of Color Preferences by Gender created by KISSmetrics.

True Colors – Breakdown of Color Preferences by Gender [Infographic]

Source Website

CSS Modal Box without Javascript or Images

Using CSS3 tech­niques a modal box can be cre­ated with­out JavaScript or images. With a bit of ani­ma­tion, tran­si­tion and trans­form, it can be made that lit­tle bit more special. In this exper­i­ment, click­ing an ‘open’ link pops up a dia­logue with a smooth hard­ware accel­er­ated bounce (where sup­ported). When open all other ele­ments on the page are non-clickable. Clos­ing the modal is also ani­mated, with a min­imise effect.

CSS Modal Box without Javascript or Images

Source Website

watermark.js : Create Image Watermarks with HTML Canvas and Javascript

watermark.js is a js library for creating watermarks on images. Images with a classname of your choice (default “watermark”) will get processed and then apply your watermark. Your watermark doesn’t have to be a .PNG or .GIF with transparency, watermark.js creates transparency even if you defined a .JPG as your watermark picture.
watermark.js is open source, feel free to fork on github, contributions are very welcome.

watermark.js : Create Image Watermarks with HTML Canvas and Javascript

The purpose of watermark.js is to protect images, served from your website from copying without a mark. It’s not a real image protection, because if you get the document at the initial state you’ll be able to read the srces but a normal user wont get it ;) watermark.js is not limited to “image-protection” only, but you could also place a little identifier or a picture of you in your images

Source Website

Tempo : The Tiny JSON Rendering Engine

Tempo is a tiny JSON rendering engine that enables you to craft data templates in pure HTML.

Tempo : The Tiny JSON Rendering Engine

Why use Tempo?

  • Clear separation of concerns: no HTML in your JavaScript files
  • It makes AJAX content easier to work with
  • It’s as friendly as a bunny rabbit (which are quite friendly)

Key Features

  • Works in Safari, Chrome, FireFox, Opera, and Internet Explorer 6+
  • Itty-bitty footprint, lightning-fast rendering!
  • No dependencies – Works with or without jQuery
  • Degrades gracefully if JavaScript is not enabled
  • Supports nested and conditional templates

Source Website