Synchronized jQuery 1.10 and 2.0.1 Releases

http://www.infoq.com/news/2013/05/synchronized-jquery-releases

http://svgjs.com/

SVG.js is a lightweight JavaScript library for animating and manipulating SVG. It has an uncluttered syntax, is only 7k gzipped, has various useful plugins, and much more.

Two.js is a two-dimensional drawing API that is built for modern web browsers. Since it’s renderer agnostic, the same API can draw in multiple contexts, including webgl, svg, and canvas.

Verlet-js — A JavaScript physics engine

Verlet-js is a Verlet integration physics engine written in JavaScript and released under the MIT License. It can handle simulations, composites, particles, and constraints.

7 CSS and JavaScript Performance Tips

http://webdesignledger.com/tips/7-css-and-javascript-performance-tips

Have you ever thought about how many customers you lose by having a slow site? And I’m not talking about file size only, as we rely on browser capacities to understand our code, we need to consider the processing time also.

That’s why sometimes adding a few bites in your code is much better because it save you precious seconds when real browsers or IE try to process your code.

Let’s see a few nice tips on how to improve this:

1. Don’t repeat yourself

You should use the cascade and avoid repeating code. It’s more than just using common classes, you could make good use of the heritance, for instance, so properties that can be set in the parent should be left there. Also you could use the same set of properties for multiple elements (separating multiple selectors using commas, you know).

Also, in your JS make good use of objects, functions and plugins so you don’t need to repeat code.

2. Write from right to left

Unlike us, browsers will process jQuery and CSS selectors from right to left. You may think that this won’t affect your code, but the truth is that it changes everything. A selector like this one is really, really bad:

$(“body #container div a”)

What we think we are writing is “Hey Browser, find the ‘body’ tag, and then inside of it find the #container. There you’ll find a ‘div’ and a couple of ‘a’ elements, let’s select those”. But the browser will actually read the entire page searching for ‘a’ tags, then for each tag it finds it’ll check if it has a div as parent, then check if the div has an element with the #container id, then
check if there’s a body tag beneath them.

Image from Alex Anistratov

This is just too messy. In the JS we have some elegant solutions, like the find function so your code will actually be read as you wanted. Something like this would be good:

$(“#container”).find(“div”).find(“a”)

When you’re writing CSS you don’t have much options but leaving it as specific as possible, so try finding the closest class or ID you can find.

3. ID’s are really fast

Whenever possible use ID’s, they are faster either in CSS or JS. When using JS you have the possibility of using alternatives rather than jQuery to select tags, like document.body or even passing the entire DOM tree as an array (if you already know the exact location of the element).

4. Keep the selectors short

Keep in mind that sometimes an extra item in your selector will just mess up your code. For instance if you have a “ul li a” selector, you could simply use the “ul a” and you’ll be fine.

var e1= document.getElementById('ID1'),
e2= document.getElementById('ID2');

var doc= document,
e1= doc.getElementById('ID1'),
e2= doc.getElementById('ID2');

한 브라우저 내에서 도메인 swap  스크립트

북마크 URL에 넣어서 사용하면 된다.

Domain_A.com
Domain_B.co.kr

javascript:

var host = location.href;

if (host.indexOf("Domain_B.co.kr") >0) {

    host = host.replace("Domain_B.co.kr", "Domain_A.com")

} else {

    host = host.replace("Domain_A.com", "Domain_B.co.kr")

};

location.href = host;

javascript:var host = location.href;if (host.indexOf("Domain_B.co.kr") >0) { host = host.replace("Domain_B.co.kr", "Domain_A.com") } else { host = host.replace("Domain_A.com", "Domain_B.co.kr") }; location.href = host;

Maplace.js

A small Google Maps Javascript helper.

http://maplacejs.com/

Maplace.js helps you to embed Google Maps into your website, quickly create markers and controls menu for the locations on map.
It requires jQuery and Google Maps API v3 so you need to have both in your page.

Features

• Straightforward implementation with simple options
• Can run as many maps as required
• Markers and custom icons, zoom level and custom controls menu
• Supports for Directions, Polygons, Polylines, Fusion tables and styled maps
• Works in all major browsers, including IE6 (this website not so much)
• Released under the MIT license

JSDares — Learn JavaScript by programming games

JSDares is a series of tutorials that will teach you step-by-step how to program JavaScript via game development. You complete “dares”, short puzzles, by copying the example with as few lines of code as possible. Right now it’s a proof of concept with examples, but soon there will be dare collections to start with.