{"id":16124373,"url":"https://github.com/jongacnik/interspace","last_synced_at":"2025-10-26T10:43:54.891Z","repository":{"id":7819238,"uuid":"9190133","full_name":"jongacnik/interspace","owner":"jongacnik","description":"Interspace is a jQuery plugin which allows for sub-pixel finesse over letter-spacing for typophiles.","archived":false,"fork":false,"pushed_at":"2013-04-03T22:18:07.000Z","size":128,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-02-12T18:54:25.258Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"http://jongacnik.com/subs/interspace/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/jongacnik.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2013-04-03T08:26:12.000Z","updated_at":"2019-05-22T21:37:09.000Z","dependencies_parsed_at":"2022-09-10T16:01:37.793Z","dependency_job_id":null,"html_url":"https://github.com/jongacnik/interspace","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jongacnik%2Finterspace","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jongacnik%2Finterspace/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jongacnik%2Finterspace/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jongacnik%2Finterspace/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/jongacnik","download_url":"https://codeload.github.com/jongacnik/interspace/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247485251,"owners_count":20946398,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-10-09T21:21:02.071Z","updated_at":"2025-10-26T10:43:54.796Z","avatar_url":"https://github.com/jongacnik.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"Interspace\n==========\n\nInterspace is a [jQuery][1] plugin which allows for sub-pixel finesse over letter-spacing for typophiles.\n  \nIt does this by wrapping every character within the selected element in a `\u003cspan class=\"intrspc\"\u003e\u003c/span\u003e` and applies a specified right margin. It also supports textnodes which include childnodes, so it shouldn't break your DOM.\n\n**Important!** Interspace only works on browsers that support sub-pixel measurements. This is current stable builds of Firefox and Chrome, as well as WebKit nightly. Hopefully we will see the support in Safari stable soon!\n\nOptions\n-------\n\n    spacing: 0.2,    // float, number of pixels between each character\n    applyCSS: true,  // bool, whether interspace should apply css (set false to specify value in your css)\n    skipSpaces: true // bool, whether spaces should also be affected by interspace\n\nUsage\n-----\n\nUsing Interspace with no options will add a letter-spacing value of 0.2px to all text within our element.\n\n    \u003ch1\u003eInterspace is \u003cstrong\u003eatomic\u003c/strong\u003e!\u003c/h1\u003e\n\n    $('h1').interspace();\n\nWhich would result in:\n\n    \u003cspan class=\"intrspc\" style=\"margin-right: 0.2px;\"\u003eI\u003c/span\u003e\u003cspan class=\"intrspc\" style=\"margin-right: 0.2px;\"\u003en\u003c/span\u003e\u003cspan class=\"intrspc\" style=\"margin-right: 0.2px;\"\u003et\u003c/span\u003e...\n\nWe can adjust the letter-spacing by setting our `spacing` option:\n\n    \u003ch1\u003eInterspace is \u003cstrong\u003eatomic\u003c/strong\u003e!\u003c/h1\u003e\n\n    $('h1').interspace({spacing: 0.8});\n\nBy default Interspace skips spaces. This is so you may adjust word-spacing with css to optimize performance. If you would like spaces to also be affected by interspace, simply set the `skipSpaces` option to false:\n\n    \u003ch1\u003eInterspace is \u003cstrong\u003eatomic\u003c/strong\u003e!\u003c/h1\u003e\n\n    $('h1').interspace({skipSpaces: false});\n\nBy default Interspace also applies the letter-spacing value for us inline. We can turn this off so the behavior of Interspace is merely wrapping all characters in a `\u003cspan class=\"intrspc\"\u003e\u003c/span\u003e`. By setting the `applyCSS` option to false, Interspace will **not** affect letter-spacing. This allows you to specify the value in your own CSS by targeting the `intrspc` class.\n\n\t\u003cstyle\u003e\n\th1 .intrspc { margin-right: 0.2px; }\n\t\u003c/style\u003e\n\n    \u003ch1\u003eInterspace is \u003cstrong\u003eatomic\u003c/strong\u003e!\u003c/h1\u003e\n\n    $('h1').interspace({applyCSS: false});\n    \nSupport\n-------\nAs written above, Interspace only works in browsers that support sub-pixel measurements. If we are lucky we will get to see sub-pixel values worked into letter-spacing soon! In the meantime I am going to be looking for a workaround.\n\nWord to the Wise\n----------------\nThis plugin is fairly ridiculous! While it indeed gives you precise tracking it does so at a cost. Semantically this thing wreaks havoc. There are also huge performance concerns; this thing is literally wrapping every character in a `span` and styling it! In many cases this will be ok (headers, captions, text-lightweight sites, etc) but just be wise. With great power comes great typesetting…\n\n[1]:http://jquery.com/\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjongacnik%2Finterspace","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjongacnik%2Finterspace","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjongacnik%2Finterspace/lists"}