background preloader

Javascript

Facebook Twitter

jTypes. Classes Classes help organize applications and libraries by promoting the reuse of code and facilitating the ease of maintainence.

jTypes

They are created by providing the jTypes compiler with a definitions object in the following format: How do I compile a jTypes class? jTypes([String modifiers,] [Class base,] [Function constructor,] Object definitions) This definitions object is a template for creating instance objects. If an instance of the Color class is instantiated, the fields will have their default primitive values. The modifiers argument of the jTypes compiler accepts a space-separated string of keywords. Constraints Type constraints restrict values to simplify the implementation and maintainence of classes.

Array Class date element (2.2.1) error function jquery (2.2.1) object primitive regexp type window If the protected field is checked for a null reference in the dequeue() method, it is guaranteed to have a $$.type(...) equal to array and can safely call the shift() method. Struct The ? 7 Things You Need To Know About Web Workers. Introduction Web Workers allow you to run JavaScript code in the background without blocking the web page user interface.

7 Things You Need To Know About Web Workers

Web workers can improve the overall performance of a web page and also enhance the user experience. You Might Not Need jQuery. Airbnb/javascript. Choir.io. Manuelbieh/Geolib. Writing Fast, Memory-Efficient JavaScript. Advertisement JavaScript engines such as Google’s V81 (Chrome, Node) are specifically designed for the fast execution2 of large JavaScript applications.

Writing Fast, Memory-Efficient JavaScript

As you develop, if you care about memory usage and performance, you should be aware of some of what’s going on in your user’s browser’s JavaScript engine behind the scenes. You should, however, ask yourself questions such as: Is there anything I could be doing more efficiently in my code? What (common) optimizations do popular JavaScript engines make? Fast-loading Web sites — like fast cars — require the use specialized tools.

There are many common pitfalls when it comes to writing memory-efficient and fast code, and in this article we’re going to explore some test-proven approaches for writing code that performs better. So, How Does JavaScript Work In V8? While it’s possible to develop large-scale applications without a thorough understanding of JavaScript engines, any car owner will tell you they’ve looked under the hood at least once. Learning JavaScript Design Patterns. Don't Initialize All the Things in jQuery.ready() One of the first impressions a user gets is loading your web application for the first time.

Don't Initialize All the Things in jQuery.ready()

Users don't have a high tolerance when it comes to page speed. They want to see something almost immediately and then be able to start interacting with your web site shortly after. If your website utilizes JavaScript and jQuery, which many web sites do, it is very tempting to pre-initialize all of your logic (plugins, widgets, modules, event handlers, etc) in order for them to respond as fast as possible.

Unfortunately, initializing ALL THE THINGS during page load works against the user's goal of loading quickly. Instead of initializing everything when the page is ready you can instead wait to initialize portions of your application until they are needed. The following examples will show two ways of initializing a date picker. Example Markup In order to convey the idea I'm trying to explain it is probably easiest to show a code sample and then talk about what is happening. Best Free JavaScript Chat Clients for Your Website. Upvote your favorite resources to improve the accuracy of the ranking :) 1) Highly Customizable Multi-User Chat Client in Javascript Candy is a JavaScript-based multi-user chat client.

There are plenty of web-based chat clients out there. Most of them are built to emulate your instant messenger. They offer you tons of settings. Candy focused on real-time multi-user chatting. Requirements: Javascript Framework Demo: License: MIT License 2) Chat Room v2 with PHP, jQuery, and a Text File This is Chat2, which is an update to original Chat Room published on CSS-Tricks. There are some new features in Chat2. Requirements: jQuery Framework Demo: License: License Free 3) Google Talk Chatback- A Real Instant Message Session Do you have a blog, online profile, or some other personal web page? To use chatback, you must have a Google Talk account, but your visitors don’t have to! Requirements: - Demo: License: License Free 4) YShout 5 a Beautfiul PHP + Ajax Shoutbox.

Clipping JPEG Images Into Non-Rectangular Polygons Using polyClip.js. The trip of a lifetime. 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. Learning Advanced JavaScript.

5 Lesser Known JavaScript Libraries that Make Web Design Easier. In this round-up we'll be looking at 5 JavaScript libraries that can really ease the development of modern, attractive web sites.

5 Lesser Known JavaScript Libraries that Make Web Design Easier

The libraries that we'll be looking at aren't libraries in the same sense as something like jQuery or the YUI; they're much smaller and much more specialized. But they're the best at what they do and provide unique functionality. Lines go all over the place. Edge.js (javascript image mask effect)

<form name="lst" id="lst" method="post" action=".. edge.js 1.5 allows you to add individual masks (inc. inbuilt mask) to images on your webpages.

edge.js (javascript image mask effect)

It uses unobtrusive javascript to keep your code clean. It works in all the major browsers - Mozilla Firefox 1.5+, Opera 9+, Safari and IE6+. On older browsers, it'll degrade and your visitors won't notice a thing.CVI-lab: Get a fast impression of the effects and their illustration qualities. Shows some of the things edge.js does. First 5 images with class = "edges imaskN" the two other images with class = "edges inbuilt"...