background preloader

RequireJS

RequireJS
RequireJS is a JavaScript file and module loader. It is optimized for in-browser use, but it can be used in other JavaScript environments, like Rhino and Node. Using a modular script loader like RequireJS will improve the speed and quality of your code. IE 6+ .......... compatible ✔ Firefox 2+ ..... compatible ✔ Safari 3.2+ .... compatible ✔ Chrome 3+ ...... compatible ✔ Opera 10+ ...... compatible ✔ Get started then check out the API.

http://requirejs.org/

Related:  FrontEndWeb DevelopmentTools

Best Practices for Building Angular.js Apps Burke Holland had a fantastic post explaining how Angular loads an application and comparing the merits of browserify vs require.js in an Angular app. I’ve worked with Angular on quite a few apps at this point, and have seen many different ways to structure them. I’m writing a book on architecting Angular apps right now with the MEAN stack and as such have researched heavily into this specific topic. I think I’ve set on a pretty specific structure I’m very happy with. It’s a simpler approach than what Burke Holland has proposed. I must note that if I was on a project with his structure, I would be content.

Making an Expanding Code Box On blogs that like to share snippets of code like this one, it is common to use the <pre> tag to wrap the code so that the spacing/indenting is maintained and long lines do not wrap. While this is desirable behavior, it can be undesirable to have those un-wrapped lines break out of their containers awkwardly and overlap other content. On Digging Into WordPress, we use JavaScript (jQuery) to solve this problem. One solution could potentially be to use only CSS and expand the width with something like pre:hover , but JavaScript is more elegant:

Graphite - Scalable Realtime Graphing - Graphite Graphite 0.9.10 has been released and is now available. The packages for Whisper, Carbon, and Graphite-web are available via several sources: This release contains a fabulous amount of incremental improvement over 0.9.9. Some highlights include: Fixes to several annoying Composer and Dashboard UI bugsImport of Saved Graphs into DashboardsFixes to cache-full behavior for carbon-cache and carbon senders (relay and aggregator)Many new useful render functions and graph optionsImprovements to the rendering engine and fixes to many rendering bugsSupport for rendering graphs as annotated SVGBetter organized and more flexible Graphite-web config layout (local_settings.py) Upgrading from 0.9.9 should be as simple as updating the packages.

jQuery HTML Table Toolbox - Noupe Design Blog Apr 13 2010 By Paul Andrew In the 15 years since the HTML table element was first incorporated into HTML 2.0, it has been on a constant roller coaster ride. Upon its introduction it was a revelation, it was a new way for web designers to present detailed data in structured tabular format, it made our life easier and we loved it. Protovis Protovis composes custom views of data with simple marks such as bars and dots. Unlike low-level graphics libraries that quickly become tedious for visualization, Protovis defines marks through dynamic properties that encode data, allowing inheritance, scales and layouts to simplify construction. Protovis is free and open-source, provided under the BSD License.

The Subtle Magic Behind Why the Bootstrap 3 Grid Works IMPORTANT NOTE: Bootstrap 4 will be out soon, and these articles will be updated to reflect both v3 and v4. I do not expect major changes to how things work with regards to the content of these articles, but everything will be updated for continued education and assistance with Bootstrap. Read more here:

Huge Collection of Code Snippets: HTAccess, PHP, WordPress, jQuery, HTML, CSS Please excuse this self-serving, miscellaneous post, but I’ve just got to purge all of these code snippets and scraps collected over the years. Whenever I update this site, I place any removed/unused code snippets into a giant note file for future reference, just in case. There’s all sorts of different types of code and snippets that just keep growing and growing and.. and finally it gets to a point where I just need to dump everything and start fresh. That is the purpose of this post. SO rather than delete some of these gems, I thought it would be useful to post them here at Perishable Press and share with anyone who finds them useful. But be warned, these code snippets and scraps are provided wholesale, with little or no explanation, and should be used only if you truly know what you are doing.

grunt-jsdoc-plugin Integrates jsdoc3 generation into your Grunt build npm install grunt-jsdoc-plugin Want to see pretty graphs? Turn.js: The page flip effect in HTML5 Turn.js is a JavaScript library that will make your content look like a real book or magazine using all the advantages of HTML5. The web is getting beautiful with new user interfaces based in HTML5; turn.js is the best fit for a magazine, book or catalog based in HTML5. Let's code <div id="flipbook"><div class="hard"> Turn.js </div><div class="hard"></div><div> Page 1 </div><div> Page 2 </div><div> Page 3 </div><div> Page 4 </div><div class="hard"></div><div class="hard"></div></div>

JSColor – A Flexible JavaScript Color Picker JSColor is a simple and very easy-to-implement JavaScript library that transforms any given input into a color picker. The picker is a hidden layer, doesn't use any pop-ups and can be positioned on any side of the input field. It has 2 modes; HSV (hue saturation, value) or HVS, can be set to display a default color on initial load and its look can be customized. Google Web Fundamentals Web Push Notifications, a new way to engage users Web push notifications makes it easy to re-engage with users by showing relevant, timely, and contextual notifications to the user, even when the browser is closed! Web push notifications allow users to opt-in to timely updates from sites they love and allow you to effectively re-engage them with customized, relevant content. The Push API and Notification API open a whole new set of possibilities for you to re-engage with your users. Get started

Simple Insert, Select, Edit, Update and Delete in Asp.Net GridView control - Database manipulations with DataTable in GridView Step 3: Make Code-behind File ‘Default.aspx.cs’ Now we are going to do the code-behind part of this page. Les us explain you event by event coding on each methods. In the code-behind page, create an instance for the Customer class as follows Then create a private method 'FillCustomerInGrid' to retrieve the existing customer list from the database and bind it to the GridView.

Getting Started · yeoman/yeoman Wiki Getting started with Yeoman The Yeoman workflow is comprised of three core tools for improving your productivity and satisfaction when building a web app. These tools are: yo - the scaffolding tool from Yeomanbower - the package management toolgrunt - the build tool Each of these projects are independently maintained by their respective communities, but work well together as a part of a prescriptive workflow for keeping you effective. jQuery Org Chart – a plugin for visualising data in a tree-like structure « The Silver Lining jQuery Org Chart – a plugin for visualising data in a tree-like structure jQuery OrgChart is a plugin that allows you to render structures with nested elements in a easy-to-read tree structure. To build the tree all you need is to make a single line call to the plugin and supply the HTML element Id for a nested unordered list element that is representative of the data you’d like to display.

Related:  JavascriptFrameworksBackbone JSJSWeb ProgrammingJSjavascriptLibraries & Utilitiesyoungphilgim\¯■¯/CDNs