Want to take your software engineering career to the next level? Join the mailing list for career tips & advice Click here


Simple prototyping

Subscribe to updates I use Glue

Statistics on Glue

Number of watchers on Github 56
Number of open issues 1
Main language JavaScript
Average time to merge a PR about 1 hour
Open pull requests 0+
Closed pull requests 0+
Last commit over 8 years ago
Repo Created over 8 years ago
Repo Last Updated almost 3 years ago
Size 538 KB
Homepage http://dhgamache....
Organization / Authordhg
Page Updated
Do you use Glue? Leave a review!
View Glue activity
View on github
Book a Mock Interview With Me (Silicon Valley Engineering Leader, 100s of interviews conducted)
Software engineers: It's time to get promoted. Starting NOW! Subscribe to my mailing list and I will equip you with tools, tips and actionable advice to grow in your career.
Evaluating Glue for your project? Score Explanation
Commits Score (?)
Issues & PR Score (?)

Glue.js is for creating quick, beautiful prototypes. Heres why its awesome:

  • HTML partials served up with AJAX Glue lets you break up your markup into external HTML files for better organization, much like you would with CSS or JS. That means you can organize your HTML however you like, plus run and share it with just JS. No need for PHP, a Node server or anything like that.
  • Single-page prototype with page animations Clicking from page to page in a Glue prototype all works without page refreshes, meaning you can use CSS to add transitions between pages. Dont worry, you still have working, sensable URLs even though the whole prototype is technically on one page.
  • Its stupid fast, easy and lightweight Link up a single 1.5kb JS file (plus an optional 1kb CSS file) and youre ready to go. As soon as Glue is loaded, it AJAX's any included HTML and then fades the page in as a whole. Glue's syntax was designed for semantic simplicity, so its extremely easy to learn and read.

Using Glue is super simple. There are only 3 things you need to know:

  1. data-glue-src is for partials Use the data-glue-src attribute on any element to replace its content with HTML from the template you specifiy when the page loads. <div data-glue-src="navbar">
  2. Glue-link is for links to new pages Put a data-glue-link attribute on an anchor to clear the existing page and replace it with the new one you specify. <a data-glue-link=page2>Go to the next page</a>
  3. The .glue-container in your index.html is important Any content that is going to change from page to page will be loaded into the .glue-container, so leave it in your index.html. Any templates outside of this will persist on every page. <div class="glue-container"></div>

Get started now with just 3 super simple steps:

  1. Download or clone Glue You can just download the project with these docs or feel free to check out the Github page and clone it.
  2. Run a server of any kind (dont worry, its easy) Unfortunately, all browsers consider AJAXing local files to be a security threat if not in a server environment. Its super easy to solve this though. If youre on a Mac, just open terminal, drag your prototype folder onto the terminal icon in your doc and run this command: python -m SimpleHTTPServer Alternatively, turning on web sharing, using MAMP or any other server will work. If youre on a Windows machine …
  3. Open your browser and go to your server address However you set up your simple server, just point your browser at the appropriate localhost port and you should see the Glue docs. For reference, the standard python server URL will be localhost:8000.
Glue open issues Ask a question     (View All Issues)
  • about 5 years Website: 404 Error
  • over 8 years compile "Glued" pages?
Glue questions on Stackoverflow (View All Questions)
  • Redirect in Model-Glue
  • Binding, glue code and wrapper library
  • How to "glue" elements against the top of the screen
  • Scripting glue language
  • How to insert ntfs-3g mount options at udisks-glue automount section
  • PHP Regular Expression: could not convert space into glue
  • Qt 'glue' two widgets together
  • Need help to glue code together
  • Adding image into an ngRepeat ruins scroll glue / scroll at bottom of DIV
  • y:/<3>glue/i/d/idbanm: mkdir something
  • Error: Cowardly refusing to `sudo brew install` for installing glue 0.3 for Mac OSX Mountain Lion
  • Java glue server changes IP on bind
  • How to use POST in Glue PHP Framework?
  • How to connect / "glue"/ combine many Bitmap to one?
  • What are glue and chain dependencies in an LLVM DAG?
  • Gulp-sprite-glue glue is not defined
  • Syntax of --glue option for Java Cucumber cli (cucumber.api.cli.Main)
  • How to glue all my apps together in Django?
  • How to NOT JOIN but glue or sew three tables in SQL Server
  • Class naming; Class to convert/create/map/glue objects
  • Cucumber find glue on include project but not in include JAR
  • Why does cucumber run @Before in all glue code files
  • implode() string, but also append the glue at the end
  • Cucumber test case in Java, typesafe glue and feature reference
  • Cucumber-Spring/Java not adding bean to cucumber-glue scope
  • How cut and glue the video?
  • Angular - service for holding data, controller as the glue - also big data?
  • How to "glue" one node to another in SpriteKit?
  • how to glue C++ with Javascript
  • Specify multiple glue packages in Eclipse Cucumber Feature Runner
Glue list of languages used
Other projects in JavaScript
Powered by Autocode - Instant Webhooks, Scripts and APIs
Autocode logo wordmark