lmorchard - Pebbling Club 🐧🪨

Smarter than 'Ctrl+F': Linking Directly to Web Page Content

alfy.blog
2024-10-25T16:43:39.531Z
webdev hypertext links

Notes

Historically, we could link to a certain part of the page only if that part had an ID. All we needed to do was to link to the URL and add the document fragment (ID). If we wanted to link to a certain part of the page, we needed to anchor that part to link to it. This was until we were blessed with the Text fragments!

Unfurl

{ "expires": 1729961009971, "status": 200, "bodyLength": 14353, "author": "Ahmad Elalfy", "date": "2024-10-19T00:00:00.000Z", "description": "Discover how text fragments revolutionize web navigation. Learn to link directly to specific text on any web page, surpassing traditional ‘Ctrl+F’ searches. Explore this powerful, user-friendly feature for precise content sharing and improved web experiences.", "image": "https://alfy.blog/images/2024/02/comparison.png", "logo": null, "publisher": "Ahmad Alfy's Blog", "title": "Smarter than ‘Ctrl+F’: Linking Directly to Web Page Content", "url": "https://alfy.blog/2024/10/19/linking-directly-to-web-page-content.html", "feed": null, "iframe": null, "lang": "en", "video": null, "audio": null, "duration": 1877 }
Emphasis Update and Source - NYTimes.com

open.blogs.nytimes.com
2011-11-24T00:39:04.000Z
nifty webdev hypertext annotation nytimes imported:pinboard

Notes

Last November, I blogged about a few new features on NYTimes.com. Today we’re releasing an update to one of those features, which I’ve been calling “Emphasis”: paragraph-specific anchor links and the ability to highlight text in articles and blog posts.

Unfurl

{ "author": "Michael Donohoe", "date": "2011-01-21T02:20:56.000Z", "description": "We’ve released an update to “Emphasis,” the feature that enables paragraph-specific anchor links and highlighted text. We’re also putting the source on GitHub for everyone to use.", "image": "https://static01.nyt.com/images/icons/t_logo_291_black.png", "logo": "http://open.blogs.nytimes.com/favicon.ico", "publisher": "Open Blog", "title": "Emphasis Update and Source", "url": "https://archive.nytimes.com/open.blogs.nytimes.com/2011/01/11/emphasis-update-and-source/", "lang": "en", "failed": true, "failedAt": 1728195039463, "failedError": "TimeoutError: Promise timed out after 10000 milliseconds", "expires": 1728364984069, "status": 200, "bodyLength": 79414, "duration": 2185 }
NYTimes/Emphasis - GitHub

github.com
2011-11-24T00:37:22.000Z
webdev nifty hypertext linking annotation nytimes javascript imported:pinboard

Notes

Emphasis provides dynamic paragraph-specific anchor links and the ability to highlight text in a document, all of which is made available in the URL hash so it can be emailed, bookmarked, or shared.

Unfurl

{ "author": "nytimes", "description": "Dynamic Deep-Linking and Highlighting. Contribute to nytimes/Emphasis development by creating an account on GitHub.", "image": "https://avatars.githubusercontent.com/u/221409?s=400&v=4", "logo": "https://github.com/fluidicon.png", "publisher": "GitHub", "title": "GitHub - nytimes/Emphasis: Dynamic Deep-Linking and Highlighting", "url": "https://github.com/nytimes/Emphasis", "lang": "en", "failed": true, "failedAt": 1728195039463, "failedError": "TimeoutError: Promise timed out after 10000 milliseconds", "expires": 1728364984069, "status": 200, "bodyLength": 295095, "duration": 2939 }
Shadows In The Cave: hypertext transformations | Bernstein | Journal of Digital Information

journals.tdl.org
2010-06-15T04:45:32.000Z
hypertext eastgate tinderbox imported:pinboard

Notes

Very interesting look into design decisions behind Tinderbox and how they relate to hypertext overall.

Unfurl

{ "failed": true, "failedAt": 1728195460464, "failedError": "TimeoutError: Promise timed out after 10000 milliseconds" }
Telescopic Text © Joe Davis 2008

www.telescopictext.com
2009-07-24T17:27:21.000Z
design webdev text writing hypertext typography inspiration javascript interactive imported:pinboard

Notes

"I made tea."

Unfurl

{ "failed": true, "failedAt": 1728195517369, "failedError": "TimeoutError: Promise timed out after 10000 milliseconds" }
Dare Obasanjo aka Carnage4Life - REST API Design: Invent Media Types, Not Protocols and Understand the Importance of Hyperlinks

www.25hoursaday.com
2008-10-27T19:07:20.000Z
rest hypermedia hyperlinks webdev webservices links atom rss opensocial atompub architecture hypertext imported:pinboard

Feed

Unfurl

{ "failed": true, "failedAt": 1728195547409, "failedError": "TimeoutError: Promise timed out after 10000 milliseconds", "expires": 1728365944427, "status": 200, "bodyLength": 78468, "date": "2024-10-07T08:58:00.000Z", "description": "Opinions from Dare Obasanjo", "image": "http://shared.live.com/HjKMzTS-xzcms40!CabizA/emoticons/music_note.gif", "logo": "http://www.25hoursaday.com/favicon.ico", "publisher": "Dare Obasanjo's weblog", "title": "REST API Design: Invent Media Types, Not Protocols and Understand the Importance of Hyperlinks - Dare Obasanjo", "url": "http://www.25hoursaday.com/weblog/2008/10/24/RESTAPIDesignInventMediaTypesNotProtocolsAndUnderstandTheImportanceOfHyperlinks.aspx", "feed": "http://www.25hoursaday.com/weblog/SyndicationService.asmx/GetRss", "lang": "en", "duration": 5738 }
REST APIs must be hypertext-driven » Untangled

roy.gbiv.com
2008-10-22T22:36:35.000Z
rest hypertext http apis webdev webservices rant imported:pinboard

Notes

"What needs to be done to make the REST architectural style clear on the notion that hypertext is a constraint? In other words, if the engine of application state (and hence the API) is not being driven by hypertext, then it cannot be RESTful and cannot be a REST API. Period. Is there some broken manual somewhere that needs to be fixed?"

Feed

Embed

Unfurl

{ "failed": true, "failedAt": 1728195547410, "failedError": "TimeoutError: Promise timed out after 10000 milliseconds", "expires": 1728365944427, "status": 200, "bodyLength": 114741, "author": "October 20, 2008 at 6:34 am", "date": "2008-10-20T12:00:00.000Z", "image": "https://secure.gravatar.com/avatar/ddd9ecde75c43e0b5c19d144af95563b?s=40&d=mm&r=g", "logo": "https://roy.gbiv.com/favicon.ico", "title": "REST APIs must be hypertext-driven » Untangled", "url": "https://roy.gbiv.com/untangled/2008/rest-apis-must-be-hypertext-driven", "feed": "https://roy.gbiv.com/untangled/feed", "iframe": "<blockquote class=\"wp-embedded-content\" data-secret=\"PX59vQNRNO\"><a href=\"https://roy.gbiv.com/untangled/2008/rest-apis-must-be-hypertext-driven\">REST APIs must be hypertext-driven</a></blockquote><iframe sandbox=\"allow-scripts\" security=\"restricted\" src=\"https://roy.gbiv.com/untangled/2008/rest-apis-must-be-hypertext-driven/embed#?secret=PX59vQNRNO\" width=\"600\" height=\"338\" title=\"“REST APIs must be hypertext-driven” — Untangled\" data-secret=\"PX59vQNRNO\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\" class=\"wp-embedded-content\"></iframe><script type=\"text/javascript\">\n/*! This file is auto-generated */\n!function(c,l){\"use strict\";var e=!1,o=!1;if(l.querySelector)if(c.addEventListener)e=!0;if(c.wp=c.wp||{},c.wp.receiveEmbedMessage);else if(c.wp.receiveEmbedMessage=function(e){var t=e.data;if(!t);else if(!(t.secret||t.message||t.value));else if(/[^a-zA-Z0-9]/.test(t.secret));else{for(var r,s,a,i=l.querySelectorAll('iframe[data-secret=\"'+t.secret+'\"]'),n=l.querySelectorAll('blockquote[data-secret=\"'+t.secret+'\"]'),o=0;o<n.length;o++)n[o].style.display=\"none\";for(o=0;o<i.length;o++)if(r=i[o],e.source!==r.contentWindow);else{if(r.removeAttribute(\"style\"),\"height\"===t.message){if(1e3<(s=parseInt(t.value,10)))s=1e3;else if(~~s<200)s=200;r.height=s}if(\"link\"===t.message)if(s=l.createElement(\"a\"),a=l.createElement(\"a\"),s.href=r.getAttribute(\"src\"),a.href=t.value,a.host===s.host)if(l.activeElement===r)c.top.location.href=t.value}}},e)c.addEventListener(\"message\",c.wp.receiveEmbedMessage,!1),l.addEventListener(\"DOMContentLoaded\",t,!1),c.addEventListener(\"load\",t,!1);function t(){if(o);else{o=!0;for(var e,t,r,s=-1!==navigator.appVersion.indexOf(\"MSIE 10\"),a=!!navigator.userAgent.match(/Trident.*rv:11\\./),i=l.querySelectorAll(\"iframe.wp-embedded-content\"),n=0;n<i.length;n++){if(!(r=(t=i[n]).getAttribute(\"data-secret\")))r=Math.random().toString(36).substr(2,10),t.src+=\"#?secret=\"+r,t.setAttribute(\"data-secret\",r);if(s||a)(e=t.cloneNode(!0)).removeAttribute(\"security\"),t.parentNode.replaceChild(e,t);t.contentWindow.postMessage({message:\"ready\",secret:r},\"*\")}}}}(window,document);\n</script>\n", "duration": 6246 }
Mark Bernstein: Coover Links

www.markbernstein.org
2008-10-18T15:39:24.000Z
hypertext writing coover links imported:pinboard

Notes

"Consider Coover Links — links in which the start of a sentence lies in one side of the link while the end of the sentence lies at the other. Coover links are named for Robert Coover, the author of a short hypertext “Heart Suit” (McSweeney’s 16, 2005) written entirely in this fashion."

Feed

Unfurl

{ "failed": true, "failedAt": 1728195547425, "failedError": "TimeoutError: Promise timed out after 10000 milliseconds", "expires": 1728365947992, "status": 200, "bodyLength": 14179, "date": "2008-10-17T12:00:00.000Z", "image": "http://www.markbernstein.org/elements/CooverLinks.jpg", "logo": "https://www.markbernstein.org/favicon.ico", "title": "Mark Bernstein: Coover Links", "url": "http://www.markbernstein.org/Oct0801/CooverLinks.html", "feed": "http://markbernstein.org/news.rss", "duration": 3302 }
Tinselman: The Mother of All Demos

tinselman.typepad.com
2008-06-04T18:36:54.000Z
douglasengelbart technology hypertext computing future imported:pinboard

Notes

"Douglas Engelbart's whirling vision of the future; it was the first public use of a mouse, as well as examples of cutting, copying, pasting, teleconferencing, video conferencing, email, and... hypertext. It's just too damn much for 1968!"

Unfurl

{ "failed": true, "failedAt": 1728195577429, "failedError": "TimeoutError: Promise timed out after 10000 milliseconds" }
Mark Bernstein: Nelson on Tinderbox

markbernstein.org
2008-04-04T23:18:31.000Z
tinderbox tednelson hypertext imported:pinboard

Notes

"At a symposium in West Virginia, Nick Montfort asked Ted Nelson to describe a few programs that "could be used to enlarge the mind and liberate people""

Unfurl

{ "failed": true, "failedAt": 1728195587432, "failedError": "TimeoutError: Promise timed out after 10000 milliseconds" }
Mark Bernstein: Flight Paths Grounded

markbernstein.org
2007-12-11T23:43:34.000Z
hypertext funny hotlinking imported:pinboard

Notes

"I have no idea exactly what "hotlinking" is. ... I think I may safely claim some expertise in this area — more expertise in the literature, I think, than any US or British judge currently possesses. So the passage is probably nonsense."

Unfurl

{ "failed": true, "failedAt": 1728195607464, "failedError": "TimeoutError: Promise timed out after 10000 milliseconds" }
Tinderbox Stretchtext Writing System

www.natematias.com
2007-11-30T21:44:41.000Z
tinderbox stretchtext hypertext writing webdev imported:pinboard

Notes

"What if you could have digressions and concise style in the same document?"

Unfurl

{ "failed": true, "failedAt": 1728195607465, "failedError": "TimeoutError: Promise timed out after 10000 milliseconds" }
Back to the Future

xanadu.com
2007-10-18T19:11:54.000Z
hypertext xanadu tednelson imported:pinboard

Notes

"The real issue is: how improve on conventional space?"

Unfurl

{ "failed": true, "failedAt": 1728195617471, "failedError": "TimeoutError: Promise timed out after 10000 milliseconds" }
Brad Neuberg: Coding In Paradise: Purple Include Update

codinginparadise.org
2007-08-19T21:26:56.000Z
purpleinclude hypertext transclusion webdev js html metablogging imported:pinboard

Notes

"Purple Include works on the iPhone!"

Unfurl

{ "failed": true, "failedAt": 1728195627515, "failedError": "TimeoutError: Promise timed out after 10000 milliseconds" }
if:book: small steps toward an n-dimensional reading/writing space

www.futureofthebook.org
2006-12-11T16:16:04.000Z
writing hypertext books metablogging imported:pinboard

Notes

"Ever since Gamer Theory we've been thinking about how to design social environments for texts that aren't as conveniently hyper-structured as McKenzie Wark's."

Unfurl

{ "failed": true, "failedAt": 1728195677578, "failedError": "TimeoutError: Promise timed out after 10000 milliseconds" }
Doug Engelbart: The Demo - Google Video

video.google.com
2006-08-18T06:52:50.000Z
outliners engelbart hypertext mouse research ui userinterface nifty imported:pinboard

Unfurl

{ "failed": true, "failedAt": 1728195707422, "failedError": "TimeoutError: Promise timed out after 10000 milliseconds" }
Spatial Hypertext and the Practice of Information Triage - MARSHALL, SHIPMAN (ResearchIndex)

citeseer.ist.psu.edu
2006-05-24T15:47:44.000Z
hypertext papers knowledgemanagement imported:pinboard

Notes

"Information triage is the process of sorting through relevant materials, and organizing them to meet the needs of the task at hand."

Unfurl

{ "failed": true, "failedAt": 1728195727410, "failedError": "TimeoutError: Promise timed out after 10000 milliseconds" }

0 - 50 of 17 items

10 25 50 100 250