linotypejs
v1.0.3
Published
full page composition module
Downloads
36
Maintainers
yawetseReadme
component.collection-linotype 
Example
Check out example/index.html, the example javascript for the example page is resources/js/example_src.js and in the head section of the respective examples. Full non-js graceful fallback
Live Demo - http://typesettin.github.io/component.collection-linotype
Installation
$ npm install linotypejsThe full page scroll component is a browserify javascript module.
Usage
JavaScript
var LinotypeObject = require('linotypejs'),
myLinotype;
//initialize linotype component after the dom has loaded
window.addEventListener('load',function(){
myLinotype = new LinotypeObject({
idSelector: 'linotype'
});
//expose your nav component to the window global namespace
window.myLinotype = myLinotype;
});HTML
<html>
<head>
<title>Your Page</title>
<link rel="stylesheet" type="text/css" href="[path/to]/component.collection-linotype.css">
<script src='[path/to/browserify/bundle].js'></script>
</head>
<body>
<div id="linotype" class="linotype">
<div class="section active">
<h1>Page One </h1>
<p>the basic structure, require a linotype class (for css) and sections for each fullpage section</p>
</div>
<div class="section">
<h1>Page Two </h1>
<p>Any html content can go here</p>
</div>
<div class="section">
<h1>Page Three </h1>
<p>Keyboard, MouseWheel and Touch Support</p>
</div>
<div class="section">
<h1>Page Four </h1>
</div>
</body>
</html>##API
myLinotype.section(1); //jump to section 1##Development Make sure you have grunt installed
$ npm install -g grunt-cliThen run grunt watch
$ grunt watch##Notes
- The Navigation Module uses Node's event Emitter for event handling.
- The less file is located in
resources/stylesheets
About Linotypes
The linotype machine (/ˈlaɪnətaɪp/ lyn-ə-typ) is a "line casting" machine used in printing. Along with letterpress printing, linotype was the industry standard for newspapers, magazines and posters from the late 19th century to the 1960s and 70s, when it was largely replaced by offset lithography printing and computer typesetting.
The name of the machine comes from the fact that it produces an entire line of metal type at once, hence a line-o'-type, a significant improvement over the previous industry standard, i.e., manual, letter-by-letter typesetting using a composing stick and drawers of letters. The linotype machine operator enters text on a 90-character keyboard.
The machine assembles matrices, which are molds for the letter forms, in a line. The assembled line is then cast as a single piece, called a slug, of type metal in a process known as "hot metal" typesetting. The matrices are then returned to the type magazine from which they came, to be reused later. This allows much faster typesetting and composition than original hand composition in which operators place down one pre-cast metal letter, punctuation mark or space at a time.
The machine revolutionized typesetting and with it especially newspaper publishing, making it possible for a relatively small number of operators to set type for many pages on a daily basis. Before Mergenthaler's invention of the linotype in 1884, no daily newspaper in the world had more than eight pages.