반응형
반응형

Object Playground: Visualize and experiment with JavaScript objects

playground

 

Object Playground

Object Playground is a tool for visualizing and experimenting with JavaScript object relationships. It's online at objectplayground.com. Object Playground is a project from Let's Code: Test-Driven JavaScript, a screencast series focused on professional, rigorous JavaScript development. Created by James Shore.

This repository contains the source code for Object Playground.

Browser Support

Object Playground has been tested against the browsers listed at the top of Jakefile.js. At the time of this writing, the following browsers are known to work. Other modern browsers are likely to work as well.

  • Chrome 26
  • Firefox 20
  • IE 10
  • Safari 6.0 (Mac)
  • Safari 6.0 (iOS)

The following browsers are known to not work:

  • IE 9: Lacks the Int32Array type used by Viz.js. A polyfill was attempted, but resulted in an "out of memory" error.
  • IE 8: Does not support SVG, lacks Int32Array type.

 

반응형
반응형

 

microjs - a listing of small JS libraries

 

 

 

http://microjs.com/#

 

 

https://github.com/madrobby/microjs.com

 

 

 

Fantastic Micro-Frameworks and
Micro-Libraries for Funand Profit!

How much library code do you really need — 50K? 100K? 150K? More? How much of that do you really use?

Sure, we all love our favorite monolithic frameworks, and sometimes we even use them fully. But how often do we reach for the ride-on John Deere tractor with air conditioning and six-speaker sound system, when a judiciously applied pocketknife would do the trick better, faster, slicker?

Micro-frameworks are definitely the pocketknives of the JavaScript library world: short, sweet, to the point. And at 5k and under, micro-frameworks are very very portable. A micro-framework does one thing and one thing only — and does it well. No cruft, no featuritis, no feature creep, no excess anywhere.

Microjs.com helps you discover the most compact-but-powerful microframeworks, and makes it easy for you to pick one that’ll work for you.

Want to add your own? Fork this site on GitHub, add your framework to data.js and submit a pull request.

 

 

 

반응형
반응형
https://github.com/component/component/wiki/Components

 

 

component module list - all the components

 

 

 

Components

This page acts as our "registry". When you add a component to this list it becomes automatically available to component-search(1) and http://component.io which are refreshed every 15 minutes. It'll also get tweeted by @component_js

The eventual goal of components is that you use only the pieces that you need, not large libraries like jQuery or underscore, these should be application-level dependencies, if used at all. However if you must use them for now, design your APIs in such a way that these are merely implementation details, for example $(selector).mylibrary(options) is not a good choice, so that they can be phased out. Try your best to create components everyone may use, then create backbone-<name> based on that code when possible, otherwise the community will remain fragmented.

AJAX

Routing

CQRS DDD Domain

Huskies

  • huskies/huskies – method or function processor before execution
  • huskies/lock - Lock method according to options, is huskies framework's middle
  • huskies/strict - strict method ,convert and validate arguments, is huskies middleware.

Access Control

Data Modelling

Data Structures

Browser Storage

Dependency Injection

UI Elements

DOM Interaction

Conversion Utilities

Control Flow

Async utilities

Function Utilities

Date Utilities

Array Utilities

String Utilities

Number Utilities

Object Utilities

Math Utilities

Database Utilities

Debugging Utilities

Performance Utilities

WebGL

Canvas

SVG

Shims

Testing

Styling

Templating

Audio

Video

Feature Detection

Other

Crypto

MVC

Backbone

Ember

Foundation

SUIT

  • suitcss/suit – HTML/CSS framework for creating loosely coupled UI components
  • suitcss/base – SUIT base styles for web apps

Utilities

Components

Gaming

CSS Animations

Fonts

Colors

Themes

Aurora

Nightrider

Celtic

Darktone

Display component themes

AngularJS

Localization

Web APIs

반응형
반응형

PuzzleScript: An open-source HTML5 game engine

puzzlescript

 

반응형
반응형

Knockout.js: Simpler dynamic JavaScript UIs

knockout

 

반응형
반응형

Riot.js: A tiny client-side MVP framework

riot

 

The 1kb client side MVP framework

Riot is an incredibly fast, powerful yet tiny client side framework for building large scale web applications. Despite the small size all the building blocks are there: a template engine, router, event library and a strict MVP pattern to keep things organized. Your views are automatically updated when the underlying model changes.

Current frameworks base their existence on false assumptions.

  1. There's a big mass of common problems
  2. MVC (or MVP) requires a framework
  3. jQuery leads to spaghetti

All of these statements are wrong.

Current applications could be faster, simpler and smaller. They could be maintained with less people, less knowledge, and less worries.

Riot is a manifesto for vanilla JavaScript and jQuery.

Release December 2013 • Get notified on Facebook

 

https://moot.it/blog/technology/riotjs-the-1kb-mvp-framework.html

 

 

반응형

+ Recent posts