Other than the fact that they have to be single color, they are superior to using images as icons in every way. But which do you choose? There are loads of different sets out there. I'm going to attempt to round them all up here and keep this updated (this post has already been updated several times). Pictos Pictos is the icon font that really popularized this whole idea. Symbolset. ResponsiveSlides.js · Responsive jQuery Slider & Slideshow.

You may use these icons for both commercial and personal projects and customize them any way you like. All Icons, WebFont and Updates are Free. The download includes: PSD (Single Shape Layer) SVG (Single Icon 512 x 512) EPS AI PDF Web Font The bundle also include Metrize Font Icons, inside you will find a simple guide how to use the webfont with @font-face, the necessary scripts for compatibility with IE7 and the complete character map.

If you’re able to achieve a good balance within your design, then it’ll communicate a stronger message much more easily to the users or readers because certain colors “activate” certain types of emotions. If you’d like to read more about choosing the right color scheme and the psychology of colors, I invite you to read the following articles: Color Combination Tools Below we’ve compiled a list containing 20 Color Combination Tools for Designers.
10 Resources for Creating Website Color Schemes. Published in Design , Tools Choosing the right color scheme is one of the most important decisions of the website design process, and it can also be one of the most challenging.
Popular Photos.

UglifyJS — JavaScript parser, compressor, minifier written in JS. UglifyJS is a JavaScript compressor/minifier written in JavaScript.

It also contains tools that allow one to automate working with JavaScript code: A parser which produces an abstract syntax tree (AST) from JavaScript code. A code generator which outputs JavaScript code from an AST, also providing the option to get a source map. A compressor (optimizer) — it uses the transformer API to optimize an AST into a smaller one.
Icons. Best Practices for Speeding Up Your Web Site. The Exceptional Performance team has identified a number of best practices for making web pages fast.

The list includes 35 best practices divided into 7 categories. Minimize HTTP Requests tag: content 80% of the end-user response time is spent on the front-end. Most of this time is tied up in downloading all the components in the page: images, stylesheets, scripts, Flash, etc.
Examples & Howtos. List of Supported Filters This polyfill supports the filters grayscale, sepia, blur, invert, brightness and drop-shadow.

Declarative or Programmatic Definition You can apply filters in a declarative way via stylesheets, or you can set them programmatically via JavaScript or jQuery. Embedded or External Stylesheets If you specify filters in a stylesheet, this stylesheet may be embedded or referenced externally.
Pens picked by the Editors of CodePen. jScrollPane - cross browser styleable scrollbars with jQuery and CSS. jScrollPane is a cross-browser jQuery plugin by Kelvin Luck which converts a browser's default scrollbars (on elements with a relevant overflow property) into an HTML structure which can be easily skinned with CSS. jScrollPane is designed to be flexible but very easy to use.

After you have downloaded and included the relevant files in the head of your document all you need to to is call one javascript function to initialise the scrollpane. You can style the resultant scrollbars easily with CSS or choose from the existing themes.
CSS Compressor. Tiny Scrollbar: A lightweight jQuery plugin. Nonsense The chart shows how much lessons young people took in sports during 1999 sorted by sport and gender.

The most popular sport for boys was football with 67 lessons. Girls do not seem to like football that much they only took 18 lessons. Swimming was the most popular sport for girls with 52 lessons. boys also took an interest in swimming and took 47 lessons. Boys took 59 lessons and girls 50 lessons in cycling. The diagram shows the evolution of the horse over a period of 40 million years.
Highlight.js test. FooTable. FooTable is a jQuery plugin that aims to make HTML tables on smaller devices look awesome - No matter how many columns of data you may have in them. What Does It Do? FooTable transforms your HTML tables into expandable responsive tables. This is how it works: It hides certain columns of data at different resolutions (we call these breakpoints).