All Projects → lorenzoongithub → Sequential

lorenzoongithub / Sequential

Licence: mit
An environment to visualize JavaScript code execution in a browser

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Sequential

Lua Gumbo
Moved to https://gitlab.com/craigbarnes/lua-gumbo
Stars: ✭ 116 (+56.76%)
Mutual labels:  parser, html5
Selectolax
Python binding to Modest engine (fast HTML5 parser with CSS selectors).
Stars: ✭ 368 (+397.3%)
Mutual labels:  parser, html5
Parse5
HTML parsing/serialization toolset for Node.js. WHATWG HTML Living Standard (aka HTML5)-compliant.
Stars: ✭ 2,778 (+3654.05%)
Mutual labels:  parser, html5
Latex.js
JavaScript LaTeX to HTML5 translator
Stars: ✭ 374 (+405.41%)
Mutual labels:  parser, html5
Kodeweave
HTML/CSS/JS and Markdown Playground For Web Designers and Developers
Stars: ✭ 87 (+17.57%)
Mutual labels:  gist, html5
Html5 Dom Document Php
A better HTML5 parser for PHP.
Stars: ✭ 477 (+544.59%)
Mutual labels:  parser, html5
Wp Gistpen
A self-hosted alternative to putting your code snippets on Gist.
Stars: ✭ 67 (-9.46%)
Mutual labels:  gist
Wheel Of Lunch
HTML5 randomised spinning wheel to select a place to eat by using a RESTful API to fetch local places.
Stars: ✭ 70 (-5.41%)
Mutual labels:  html5
Php Svg Lib
SVG file parsing / rendering library
Stars: ✭ 1,146 (+1448.65%)
Mutual labels:  parser
Plantuml Parser
Parse PlantUML with JavaScript or TypeScript
Stars: ✭ 67 (-9.46%)
Mutual labels:  parser
Method log
Trace the history of an individual method in a git repository (experimental)
Stars: ✭ 73 (-1.35%)
Mutual labels:  parser
Gw2 Elite Insights Parser
Binary parser for the .evtc files that arcdps generates after a boss encounter. This will generate a .html file where the results can be easily reviewed.
Stars: ✭ 73 (-1.35%)
Mutual labels:  parser
Games
一个基于Phaser的小游戏集合
Stars: ✭ 1,167 (+1477.03%)
Mutual labels:  html5
Sao
Mirror of Tryton web client - Sao
Stars: ✭ 67 (-9.46%)
Mutual labels:  html5
Ret.js
Tokenizes a string that represents a regular expression.
Stars: ✭ 70 (-5.41%)
Mutual labels:  parser
Oga
Read-only mirror of https://gitlab.com/yorickpeterse/oga
Stars: ✭ 1,147 (+1450%)
Mutual labels:  parser
Xmlparser
A low-level, pull-based, zero-allocation XML 1.0 parser.
Stars: ✭ 73 (-1.35%)
Mutual labels:  parser
Atoma
Atom, RSS and JSON feed parser for Python 3
Stars: ✭ 67 (-9.46%)
Mutual labels:  parser
To.ml
OCaml library for TOML
Stars: ✭ 68 (-8.11%)
Mutual labels:  parser
Wakatime Sync
Update Wakatime summary data to your gist every day
Stars: ✭ 73 (-1.35%)
Mutual labels:  gist

sequential

What does it do?

sequential shows JavaScript code execution

var i=5/4;
i++;
console.log(i);
// > 2.25

live example

What is it for ?

The purpose of sequential is to provide an environment to show JavaScript code execution in a browser.

sequential gives JavaScript authors the means to write the most concise and most natural (i.e. sequential) script to present any JavaScript work.

A typical piece consists of all or some of those parts:

  1. A comment describing what the code is about
  2. The load function to access any external JavaScript library (commonly relying on CDN services like rawgit, cdnjs, jsdelivr, unpkg and others)
  3. JavaScript code to set a use case.
  4. console.log calls to display the outcome.

How does it compare with other code playgrounds such as codepen or jsfiddle ?

Those are bigger beasts than sequential: fully fledged solutions covering all aspects of Web Development (HTML, CSS, JavaScript). Instead, sequential focuses only on JavaScript execution without involving (as mush as possible) any DOM object.

The architecture.

sequential is a complete client side solution, meaning that everything is running on the browser. The back-end (server) is only responsible to serve static resources (HTML, CSS, JavaScript and images)

Roadmap

It's a misty one but those are a few things I'd like to have:

  • Ability to easily embed on external site (e.g. IFrame , embed.ly, script )
  • Ability to compare/diff executions (i.e. to highlight differences between browsers)

Issues

Report any issue using GitHub and use notifications to track progress on them.

Contributing

Want to hack on this project? Any kind of contribution is welcome! I am particularly interested in any JavaScript snippet you might want to share.

License

This project is licensed under the MIT license.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].