background preloader

Web Programming

Facebook Twitter


HTML5. Web Servers. Java IDE. Embed browser in program. Hex Color Code Generator - Awesome, Free Tool. Home >> Building Your Website Start Here!

Hex Color Code Generator - Awesome, Free Tool

Click here to use the tool and select your colors. Hexidecimal codes are the 3 or 6-character codes that are often used in HTML and CSS to tell the browser what colors to display. So for example, #FFFFFF is the color white and #000000 is the color black. Below are some Flash tools you can use to create your own color scheme.

>> Hex color scheme generator >> View the hex color chart >> Free HTML Templates >> HTML Table Generator Generate Your Own Custom Hex Colors 1. If you're on a touch-screen device (iPad, etc.), use your finger to select the colors. 2. The "Swatch" bar at the bottom of the tool shows you the final color result. 3. Next...Choose a Color Scheme! Now you can build a color scheme for your site. Once you have your hex color value from the chart above, copy and paste it (without the #) into the form below the color wheel and it will generate a matching color scheme for your website.

Insert the hex code(without '#') below Popular Hex Colors. RequestAnimationFrame polyfill. // // // requestAnimationFrame polyfill by Erik Möller. fixes from Paul Irish and Tino Zijdel // MIT license (function() { var lastTime = 0; var vendors = ['ms', 'moz', 'webkit', 'o']; for(var x = 0; x < vendors.length && !

requestAnimationFrame polyfill

Window.requestAnimationFrame = window[vendors[x]+'RequestAnimationFrame']; window.cancelAnimationFrame = window[vendors[x]+'CancelAnimationFrame'] || window[vendors[x]+'CancelRequestAnimationFrame']; if (! Window.requestAnimationFrame = function(callback, element) { var currTime = new Date().getTime(); var timeToCall = Math.max(0, 16 - (currTime - lastTime)); var id = window.setTimeout(function() { callback(currTime + timeToCall); }, timeToCall);

RequestAnimFrame() shim. RequestAnimationFrame for smart animating. If you’ve never written code to animate inside the browser, you can stop reading :) What is requestAnimationFrame?

requestAnimationFrame for smart animating

In your animation work, you’ve used a timer loop to make changes every few milliseconds. Good for us: browser vendors have decided, “hey, why don’t we just give you an API for that, because we can probably optimize some things for you.” So it’s basic API for use with animation, whether that be DOM-based styling changes, canvas or WebGL. Why should I use it? The browser can optimize concurrent animations together into a single reflow and repaint cycle, leading to higher fidelity animation. OMG I can brag about having a site with battery-friendly animations?

Yeah bro. How should I use this? Note: I am using ‘requestAnimFrame` here because since the spec is still in flux, I don’t want to make a straight polyfill, yet. 2012.01.07: The spec has gotten some fixes and settled down. A robust polyfill I have this polyfill available as a gist as well. Let’s see that in action. Sole/tween.js. MooTools - a compact javascript framework.

RequireJS. WebGl. Adobe. jQuery: The Write Less, Do More, JavaScript Library. Columnizer jQuery Plugin. The Columnizer jQuery Plugin will automatically layout your content in newspaper column format.

Columnizer jQuery Plugin

You can specify either column width or a static number of columns. And, of course, it’s easy to use! Get the source Available on Github at Stable Version: 1.6.0 Download It Here Quick Start To use columnizer, just call the columnize() function on your jQuery selection, and that’s it! Release Candidate New Features! Now you can manually specify line breaks for some or all of your columns! Stable Version New Features Stable Release Bug Fixes Columnizer is now backwards compatible with older versions of jQueryFixed `lastNeverTallest` sometimes leaving a tall last columnAdded a class to nodes that are split between columns. Demos Sample 1: Simple text only columns. Documentation Documentation is available on the Github repository’s wiki. Helpful Hints License Columnizer by Adam Wulf is licensed under a Creative Commons Attribution 3.0 United States License. Reporting Issues.