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.
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.
Today WebdesignerDepot have a great set of icons created by Vinod. The set includes 10 appliance super cute looking icons of all types of appliances. The icons are provided as transparent PNG files and also an Illustrator file is included. The icons can be used for personal and commercial use.
Now that we can use CSS transitions in all the modern browsers, let’s make them pretty.
- Choose an easing type and test it out with a few effects.
- If you don’t quite like the easing, grab a handle and fix it.
- When you’re happy, snag your code and off you go.
Pixel Perfect Yellow User Interface Elements (PSD) pack includes a list of 10+ items you can use in your website. The design is very clean and simple. The .PSD file is grouped to ease your work, colors are changeable at one click.
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.
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
Tempo is a tiny JSON rendering engine that enables you to craft data templates in pure HTML.
Why use Tempo?
- It makes AJAX content easier to work with
- It’s as friendly as a bunny rabbit (which are quite friendly)
- Works in Safari, Chrome, FireFox, Opera, and Internet Explorer 6+
- Itty-bitty footprint, lightning-fast rendering!
- No dependencies – Works with or without jQuery
- Supports nested and conditional templates
In this tutorial we will create an expanding image menu with jQuery. The idea is to have some columns with black and white image slices that will make a content area slide out when we click on them. We will also slide in the colored version of the image, creating a neat effect. Codrops shared this tutorial.