Bram Stein bramstein

## chrome-33-style-change.html
<!doctype html>
<html>
  <head>
    <title>Chrome 33 web font bug</title>
    <style>
      @font-face {
        font-family: TestFont;
        /* This is not a real web font, but close enough
           to trick browsers into thinking it is. */
        src: url(data:font/opentype;base64,);

## css-kerning-proposal.md

      
              1 file
            
          
              0 forks
            
          
              9 comments
            
          
              6 stars
            
          
                bramstein
                / css-kerning-proposal.md
            
            
              Created
              October 16, 2013 09:50
            
              
                CSS Kerning
              
          
    Syntax

This proposal introduces a new text-kerning property:
text-kerning: [ <upoint> <upoint> <length> ] #

The <upoint> pairs are the left and right code points of a kerning pair and <value> is the kern value. Kerning pairs and values can be repeated multiple times by separating them with a comma. Kerning is applied to all unicode code point pairs in an element that match the kerning pairs specified in the text-kerning property of that element.

  
## gist:4031971
function detectWebkitFallbackBug() {
    var el = document.createElement('div'),
        style = document.createElement('style'),
        width = 0,
        hasBug = false;

    style.innerHTML = "@font-face{font-family:'__test__';src:url(data:application/x-font-woff;base64,) format('woff'),url(data:font/truetype;base64,) format('truetype');}";
    el.style.cssText = 'position:absolute;font-family:monospace;font-size:20px;';
    el.innerHTML = 'iii';

## word-spacing-transform.html
<!doctype html>
<html>
    <head>
        <title></title>
        <meta charset="utf-8">
        <style>
			.example {
				width: 3500px;
				font-family: 'times new roman', 'FreeSerif', serif;
				font-size: 140px;

## gist:956769
<!doctype html>
<html>
    <head>
        <script src="mock.js"></script>
        <script src="array.js"></script>
        <script src="dom.js"></script>
        <script src="object.js"></script>
        <script src="template.js"></script>
        <script src="../1.js"></script>
        <script src="../2.js"></script>

## gist:955511
<!doctype html>
<html>
    <head>
        <script src="tempo.js"></script>
        <script src="../1.js"></script>
        <script src="../2.js"></script>
        <script src="../3.js"></script>
        <script>
            window.onload = function () {
                Tempo.prepare('t1').render(v1);

## gist:955508
<!doctype html>
<html>
    <head>
        <script src="mustache.js"></script>
        <script src="../1.js"></script>
        <script src="../2.js"></script>
        <script src="../3.js"></script>
        <script>
            window.onload = function () {
                var e1 = document.getElementById('t1'),

## mustache
<!doctype html>
<html>
    <head>
        <script src="mustache.js"></script>
        <script src="../1.js"></script>
        <script src="../2.js"></script>
        <script src="../3.js"></script>
        <script>
            window.onload = function () {
                var e1 = document.getElementById('t1'),

## gist:946119

      
              1 file
            
          
              0 forks
            
          
              1 comment
            
          
              0 stars
            
          
                bramstein
                / gist:946119
            
            
              Created
              April 28, 2011 10:08
            
          
    A Treesaver document can contain one or more individual articles:
<body>
  <article id="first">
  </article>
  <article id="second">
  </article>
</body>

These articles will be shown in the order they are declared in. Articles can link to other articles by identifier. So in the above example, the first article can link to the second one with <a href="#second">...</a>.

  
## Treesaver TOC
A Treesaver document can contain one or more individual articles:

  <body>
    <article id="first">
    </article>
    <article id="second">
    </article>
  </body>

These articles will be shown in the order they are declared in. Articles can link to other articles by identifier. So in the above example, the first article can link to the second one with `<a href="#second">...</a>`.
	<!doctype html>
	<html>
	<head>
	<title>Chrome 33 web font bug</title>
	<style>
	@font-face {
	font-family: TestFont;
	/* This is not a real web font, but close enough
	to trick browsers into thinking it is. */
	src: url(data:font/opentype;base64,);
	function detectWebkitFallbackBug() {
	var el = document.createElement('div'),
	style = document.createElement('style'),
	width = 0,
	hasBug = false;

	style.innerHTML = "@font-face{font-family:'__test__';src:url(data:application/x-font-woff;base64,) format('woff'),url(data:font/truetype;base64,) format('truetype');}";
	el.style.cssText = 'position:absolute;font-family:monospace;font-size:20px;';
	el.innerHTML = 'iii';
	A Treesaver document can contain one or more individual articles:

	<body>
	<article id="first">
	</article>
	<article id="second">
	</article>
	</body>

	These articles will be shown in the order they are declared in. Articles can link to other articles by identifier. So in the above example, the first article can link to the second one with `<a href="#second">...</a>`.