Please note: The source code shown is live code that is currently running in the browser. Mozilla base browsers such as Firefox do not provide access to source code, only the compiled interpretation. As a result, code formatting is lost and informative source comments are omitted. For best results, please view this application using a browser that supports access to source code. These include any IE based browser, Opera, Chrome and Safari.

salient.jsPatterns

This application is designed as an evolving library of live JavaScript design pattern exemplars and real-world implementation examples.

This site is dynamically generated from loaded scripts containing the example code and meta data.

Each pattern 'page' consists of an arbitrary number of exemplars, or structural examples, sample 'real-world' implementations and supporting metadata.

The exemplars and implementations are each, in turn,

1. supporting content meta-data is rendered with attribution.
2. 'decompiled' and the source code is displayed in a tab of the code viewer.
3. 'executed' and the results are displayed in a tab of the code viewer.

Existing exemplars and implementation scripts may be modified and the changes/results are immediately, upon browser refresh, reflected in the pattern 'page'.

New exemplars and implementations for any pattern can be added to the existing scripts and new patterns can be added by simply referencing the new script in the head of this file.

The initial set of code samples were ported, with permission, from c# example code provided by Richard Carr's excellent C# GOF Design Patterns reference.

Contributions of exemplars, implementations, diagrams and content are welcome and will be fully attributed.