background preloader

Development

Facebook Twitter

Crossroads.js: JavaScript Routes System. Crossroads.js can be used as a regular JS file creating a global crossroads variable, an AMD module which doesn’t generate any global variables and also as a CommonJS module.

Crossroads.js: JavaScript Routes System

You can use the same distribution file for all the environments (since v0.6.0). crossroads.addRoute(pattern, [handler], [priority]):Route Creates a new route pattern listener and add it to crossroads routes collection. Parameters pattern:String|RegExp String pattern or Regular Expression that should be used to match against requests.

If pattern is a String it can contain named variables surrounded by "{}" that will be evaluated and passed to handlers as parameters. The pattern "{foo}/{bar}" will match "lorem/ipsum-dolor" but won't match "lorem/ipsum-dolor/sit". A pattern can also have optional segments, which should be surrounded by "::" (e.g. If pattern is a RegExp, capturing groups will be passed as parameters to handlers on the same order as they were matched. [handler]:Function (optional) [priority]:Number (optional) Knockout : Home. Fixie.

Element Index. Node.js. QuirksMode - for all your browser quirks. HTML5 Canvas Tutorials. Crunch! - The tastiest LESS editor. 10 Things to Check Before Using a CAPTCHA.

All CAPTCHA systems are doomed to fail.

10 Things to Check Before Using a CAPTCHA

Unfortunately, this has not prevented eager developers using CAPTCHAs in even the most basic web to email forms. No one likes CAPTCHAs. They are not fun. They can not be used by everyone, such as those with impaired vision or without graphics enabled. They slow down the sign-up process and, ultimately, they will lead to fewer real registrations. The worst problem with CAPTCHAs is that they put the onus on the user. The vast majority of hacking attempts and bots can be prevented without resorting to CAPTCHAs. HTML5 Please - Use the new and shiny responsibly. Get Started Guide. Byte-saving Techniques - GitHub.

Byte-saving Techniques This is a collection of JavaScript wizardry that can shave bytes off of your code.

Byte-saving Techniques - GitHub

It's mainly intended as a reference for those creating entries for 140byt.es. Feel free to add your own or send any feedback to @140bytes. Disclaimer Outside of the 140bytes challenge or other code golf challenges, please be considerate and don’t pre-minify code you wish to share with others. Arguments Use one-letter positional arguments, in alphabetical order Since arguments will need to be as short as possible, and will likely be reused within their lifetime, it's best to treat them as positionals instead of trying to give them meaning through their name. Function(t,d,v,i,f){...} // beforefunction(a,b,c,d,e){...} // after Test argument presence instead of length Use in to check whether a given argument was passed arguments.length>1||(cb=alert) // before1 in arguments||(cb=alert) // after If only truthy arguments are of interest, you can even boil that down to Variables Exploit coercion.

Assorted GARbage» Blog Archive » Updating jQuery and jQuery Mobile in Dreamweaver CS5.5. Holy Javascript Libraries, Batman!

Assorted GARbage» Blog Archive » Updating jQuery and jQuery Mobile in Dreamweaver CS5.5

In case you’re keeping score, Adobe began shipping Dreamweaver CS5.5 less than two weeks ago with support for jQuery and jQuery Mobile. But, the versions included in Dreamweaver, jQuery 1.5 and jQuery Mobile 1.0a3, are already out of date! Because before you could even get your copy installed, the jQuery team released a significant upgrade to the core jQuery library – version 1.6. Along the way, the jQuery Mobile framework has also been updated to version 1.0a4, which includes several important bug fixes. So, if you are a Dreamweaver user and you want to develop jQuery Mobile sites and applications with these updated versions of the libraries, what are you supposed to do? Before proceeding, you’ll obviously want to go grab the updated libraries themselves. Arguably one of the most powerful features of Dreamweaver is its extensibility. Inside this folder, you’ll find the jquery-mobile folder. Instant CSS Documentation Search.

Yahoo! Smush.it™ Smush.it uses optimization techniques specific to image format to remove unnecessary bytes from image files.

Yahoo! Smush.it™

It is a "lossless" tool, which means it optimizes the images without changing their look or visual quality. After Smush.it runs on a web page it reports how many bytes would be saved by optimizing the page's images and provides a downloadable zip file with the minimized image files. Do not link to the smushed images on Smushit.com since they will only be available there temporarily. Instead, download the zip file containing the smushed images for your web page and replace your image files with those files. PhoneGap. Mobile Frameworks Comparison Chart. SitePoint » Web Design, Web Development, Freelancing, Tech News and more.

A List Apart.

jQuery

Oracle SQL.