background preloader

Joint - JavaScript diagramming library.

Joint - JavaScript diagramming library.

Latest Javascript Resources For Web Designers And Developers Javascript and jQuery plugins are very important resources nowadays for designers as clients want everything to be dynamic and modern. They are important also for their versatility and the possibility to create incredible new features with them. I like to bookmark for myself all the new things that are launched in this particular industry so I can keep up with the advancements and I’m happy to share these bookmarks with you in an attempt to help you with your projects. jQuery.fracs – determine the visible fractions of an element jQuery.fracs determines the fraction of an HTML element that is currently in the viewport, as well as the fraction it takes of the complete viewport and the fraction of the area that might possibly be visible. Originally written for, grumble.js provides special tooltips without the usual limitations of north/east/south/west positioning. A grumble can be rotated around a given element at any angle, all 360 degrees. Elycharts JointJS jQuery EasyUI Boxjs jsmad

A JavaScript library for building user interfaces A Simple Component React components implement a render() method that takes input data and returns what to display. This example uses an XML-like syntax called JSX. Input data that is passed into the component can be accessed by render() via this.props. JSX is optional and not required to use React. Try clicking on "Compiled JS" to see the raw JavaScript code produced by the JSX compiler. A Stateful Component In addition to taking input data (accessed via this.props), a component can maintain internal state data (accessed via this.state). An Application Using props and state, we can put together a small Todo application. A Component Using External Plugins React is flexible and provides hooks that allow you to interface with other libraries and frameworks.

Home · cpettitt/dagre Wiki Top 10 Mobile Web Development JavaScript Frameworks By Jacob Gube Creating web apps and sites for the Mobile Web has its own sets of challenges and techniques. From UIs optimized for fingers instead of mouse cursors to the bandwidth limitations that most portable personal devices have, developing for mobile devices requires a paradigm shift for those of us who’ve traditionally created products aimed at desktops. To help you rapidly deploy cross-platform mobile apps and websites, there’s a wide range of JavaScript frameworks you can take advantage of. Some common characteristics of JavaScript mobile web development frameworks: Optimized for touchscreen devices: Fingers as input devices instead of mouse cursors provide an extra set of challenges in user interface design. In this article, you’ll find my top picks of JavaScript mobile web development frameworks you should consider using to build your next mobile web app or website. 1. jQuery Mobile 2. 3. 4. 5. xui.js 6. 7. zepto.js 8. 9. 10. Other JavaScript Libraries for Mobile Web Development

Koa - next generation web framework for node.js D3-dagre UML implementation Oni Labs: StratifiedJS StratifiedJS modernizes the JavaScript language for use in non-trivial web applications: No more asynchronous spaghetti. Underpinned by ideas from the Orc process calculus, SJS offers all the advantages of asynchronous programming with conventional sequential syntax. Perform asynchronous requests without callbacks. Structure. Building blocks included. Fluent and functional in spirit. Advanced syntax features. blocklambdas: Ruby Blocks for JavaScript. Available today. Familiar and compatible. To use Oni StratifiedJS in the browser, load the stratified.js script in your app's HTML, and place your StratifiedJS code into <script type="text/sjs"> tags: <html><head><script src=" type="text/sjs"> // Your SJS code here! The stratified.js script is located in the stratifiedjs/ directory. This will automatically run . A module is a file with extension *.sjs containing StratifiedJS code which, on loading, will be evaluated in its own scope.

Kanso D3-dagre mermaid -- another UML implementation