The Team

illustration

Miguel Leon

Programming God

illustration photo

Oriana Leon

UX/UI Master

illustration photo

Daniel Alfonsi

Regex Adept

The Project

Fragment is a website for sharing and embedding code snippets. Insert embeds in other websites like medium.com that conform to the oEmbed specification. Simply copy and paste the website URL after editing the code.

Syntax Highlighting

The syntax highlighting engine that powers Fragment is built from scratch as a well-typed library. Language definitions are written as a set of prioritized clauses that can be recursive, providing matching of the language features using regular expressions. The complete source is then transmuted by splicing in transformations of those matches.

Framework

The project is built with an ongoing development frontend framework that accomplishes separation of application logic from visual elements, improving developer experience and allowing the designer to work on UI elements code in isolation.

Some of the core patterns of the framework are observers and decorators. And data management is reactive, meaning that concerned units are notified when the contexts are revised.