lmorchard - Pebbling Club 🐧🪨

Getting started with Readium.js - Readium.js

readium.github.io
2013-06-03T17:46:16.000Z
epub readium webdev ebooks javascript imported:pinboard

Notes

This page describes a small demo that leverages Readium.js to embed EPUB 3 content in a web application. This should help you get familiar with all that Readium.js has to offer.

Unfurl

{ "failed": true, "failedAt": 1728194790749, "failedError": "TimeoutError: Promise timed out after 10000 milliseconds" }
JavaScript is Web Assembly Language and that's OK. - Scott Hanselman

www.hanselman.com
2013-05-31T20:05:50.000Z
to:fb webdev javascript asm.js imported:pinboard

Notes

As our great philosopher Kosh from Babylon 5 once said: "The avalanche has already started. It is too late for the pebbles to vote."

Feed

Unfurl

{ "date": "2013-05-24T12:00:00.000Z", "description": "Some years ago I said that JavaScript is the Assembly Language of the Web. In…", "image": "https://www.hanselman.com/blog/content/binary/unreal3dhtml5.gif", "logo": "https://images.hanselman.com/main/apple-touch-icon-114x114.png", "publisher": "Scott Hanselman's Blog", "title": "JavaScript is Web Assembly Language and that’s OK.", "url": "https://www.hanselman.com/blog/javascript-is-web-assembly-language-and-thats-ok", "feed": "http://feeds.hanselman.com/ScottHanselman", "failed": true, "failedAt": 1728194790767, "failedError": "TimeoutError: Promise timed out after 10000 milliseconds", "expires": 1728364558732, "status": 200, "bodyLength": 88953, "duration": 3964 }
gif.js

jnordberg.github.io
2013-05-24T14:45:35.000Z
gifs javascript web webdev graphics imported:pinboard

Notes

Full-featured JavaScript GIF encoder that runs in your browser.

Unfurl

{ "description": "Full-featured JavaScript GIF encoder that runs in your browser.", "image": "http://jnordberg.github.io/gif.js/images/test/anim1.jpg", "logo": "https://t2.gstatic.com/faviconV2?client=SOCIAL&type=FAVICON&fallback_opts=TYPE,SIZE,URL&url=http://github.io/gif.js/&size=128", "title": "gif.js", "url": "http://jnordberg.github.io/gif.js", "failed": true, "failedAt": 1728194795525, "failedError": "TimeoutError: Promise timed out after 10000 milliseconds", "expires": 1728364563516, "status": 200, "bodyLength": 6863, "duration": 9663 }
Announcing StrongLoop Node 1.0 GA – an Enterprise Ready Node.js Distribution | StrongLoop

blog.strongloop.com
2013-05-24T13:55:38.000Z
gluecon strongloop node javascript imported:pinboard

Notes

Back in March we first announced the availability of StrongLoop Node, our commercially supported distribution of Node.js based on v0.10. After three Beta releases, lots of feedback from the community and our customers, plus testing and more testing, we are pleased to announce the general availability of StrongLoop Node 1.0.

Unfurl

{ "failed": true, "failedAt": 1728194795804, "failedError": "TimeoutError: Promise timed out after 10000 milliseconds" }
JSON-LD - JSON for Linking Data

json-ld.org
2013-05-23T03:50:47.000Z
json rdf linked-data semanticweb javascript imported:pinboard

Unfurl

{ "image": "http://json-ld.org/images/json-ld-data-24.png", "logo": "https://json-ld.org/favicon.ico", "publisher": "JSON-LD", "title": "JSON-LD - JSON for Linking Data", "url": "http://json-ld.org/", "lang": "en", "failed": true, "failedAt": 1728194797030, "failedError": "TimeoutError: Promise timed out after 10000 milliseconds", "expires": 1728364566609, "status": 200, "bodyLength": 24417, "duration": 6871 }
sole / Animated_GIF

github.com
2013-05-23T00:16:31.000Z
webdev javascript github gif animgifs imported:pinboard

Notes

Javascript library for creating animated GIFs

Unfurl

{ "author": "sole", "description": "Javascript library for creating animated GIFs. Contribute to sole/Animated_GIF development by creating an account on GitHub.", "image": "https://opengraph.githubassets.com/9110c8e6c8640abee57dc7fe7710698b6658f74cb7a2178499dd08c7462ccdd6/sole/Animated_GIF", "logo": "https://github.com/fluidicon.png", "publisher": "GitHub", "title": "GitHub - sole/Animated_GIF: Javascript library for creating animated GIFs", "url": "https://github.com/sole/Animated_GIF", "lang": "en" }
traceGL

trace.gl
2013-05-22T16:57:02.000Z
webdev node debugging dev javascript debug gluecon imported:pinboard

Notes

With traceGL you can see all JavaScript codeflow, in a high performance webGL visualiser. Its like an oscilloscope, for code.

Unfurl

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

tiffanybbrown.com
2013-05-22T05:22:21.000Z
webdev xhr ajax javascript imported:pinboard

Unfurl

{ "failed": true, "failedAt": 1728194797032, "failedError": "TimeoutError: Promise timed out after 10000 milliseconds" }
ClippyJS - Add Clippy or his friends to any website for instant nostalgia

www.smore.com
2013-05-19T17:56:36.000Z
to:fb clippy microsoft webdev humor history javascript imported:pinboard

Notes

Add Clippy or his friends to any website for instant nostalgia. Our research shows that people love two things: failed Microsoft technologies and obscure Javascript libraries. Naturally, we decided to combine the two.

Unfurl

{ "failed": true, "failedAt": 1728194797032, "failedError": "TimeoutError: Promise timed out after 10000 milliseconds" }
Codeblock.js by Filepicker.io

filepicker.github.io
2013-05-17T22:22:56.000Z
webdev javascript imported:pinboard

Notes

Editable, runnable javascript code blocks

Unfurl

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

coquette.maryrosecook.com
2013-05-17T22:17:26.000Z
webdev gaming js javascript imported:pinboard

Notes

A micro framework for JavaScript games. Handles collision detection, the game update loop, keyboard input and canvas rendering.

Unfurl

{ "image": "http://coquette.maryrosecook.com/resources/forkme_left_darkblue_121621.png", "logo": "https://maryrosecook.com/favicon.ico", "title": "Coquette", "url": "http://coquette.maryrosecook.com/", "failed": true, "failedAt": 1728194797032, "failedError": "TimeoutError: Promise timed out after 10000 milliseconds" }
azakai: The Elusive Universal Web Bytecode

mozakai.blogspot.de
2013-05-17T17:09:24.000Z
asm.js webdev bytecode javascript imported:pinboard

Notes

In summary, we already have what practically amounts to a bytecode VM in our browsers

Feed

Unfurl

{ "author": "azakai", "date": "2013-05-14T18:09:00.000Z", "description": "It’s often said that the web needs a bytecode. For example, the very first comment in a very recent article on video codecs on the web says…", "image": "https://resources.blogblog.com/img/icon18_edit_allbkg.gif", "logo": "http://mozakai.blogspot.com/favicon.ico", "title": "The Elusive Universal Web Bytecode", "url": "http://mozakai.blogspot.com/2013/05/the-elusive-universal-web-bytecode.html", "feed": "http://mozakai.blogspot.com/feeds/posts/default?alt=rss", "lang": "en", "failed": true, "failedAt": 1728194797032, "failedError": "TimeoutError: Promise timed out after 10000 milliseconds", "expires": 1728364572054, "status": 200, "bodyLength": 130262, "duration": 4567 }
MPEG1 Video Decoder in JavaScript - PhobosLab

phoboslab.org
2013-05-08T14:17:15.000Z
to:fb webdev video mpeg1 javascript imported:pinboard

Notes

An MPEG1 decoder sounded like a relatively simple and fun weekend project. While the real world use cases for this are of course a bit limited, I still learned a whole lot about video codecs in the process. The size of the source is just around 15kb gzipped and the performance is quite okay-ish - a 320x240 video easily plays with 30fps on the iPhone5.

Feed

Unfurl

{ "logo": "https://phoboslab.org/media/phoboslab.ico", "title": "PhobosLab", "url": "http://phoboslab.org/log/2013/05/mpeg1-video-decoder-in-javascript", "feed": "http://phoboslab.org/log/feed", "lang": "en", "failed": true, "failedAt": 1728194797033, "failedError": "TimeoutError: Promise timed out after 10000 milliseconds", "expires": 1728364573229, "status": 200, "bodyLength": 9060, "duration": 9292 }
CLI all the things: Introducing Josh.js - ILoggable

www.claassen.net
2013-04-02T18:17:16.000Z
javascript webdev shells shell imported:pinboard

Notes

Everytime I click my way through a hierarchy tree, I long for a simple BASH shell with TAB completion. It’s such a simple thing, but TAB completion (usually implemented via the trusty Readline library) still ranks as one of the most productive tools in my book. So as I was once again trying to navigate to some page in a MindTouch site, I thought that all I really want is to treat this documentation hierarchy like a file system and mount it with a bash shell.

Unfurl

{ "failed": true, "failedAt": 1728194800674, "failedError": "TimeoutError: Promise timed out after 10000 milliseconds" }
Why asm.js bothers me

mrale.ph
2013-03-29T20:41:28.000Z
webdev asm.js javascript performance browser imported:pinboard

Feed

Unfurl

{ "logo": "https://mrale.ph/favicon.ico", "title": "Why asm.js bothers me", "url": "http://mrale.ph/blog/2013/03/28/why-asmjs-bothers-me.html", "feed": "http://mrale.ph/atom.xml", "failed": true, "failedAt": 1728194800674, "failedError": "TimeoutError: Promise timed out after 10000 milliseconds", "expires": 1728364584673, "status": 200, "bodyLength": 28776, "duration": 7040 }
Josh.js by sdether

sdether.github.com
2013-03-29T20:39:11.000Z
webdev bash javascript shell imported:pinboard

Notes

Toolkit for building a bash-like shell in the browser, including full readline support

Unfurl

{ "failed": true, "failedAt": 1728194800691, "failedError": "TimeoutError: Promise timed out after 10000 milliseconds" }
how I write modules - substack in cyberspace

substack.net
2013-03-25T15:06:15.000Z
webdev node javascript modules workflow imported:pinboard

Notes

When applications are done well, they are just the really application-specific, brackish residue that can't be so easily abstracted away. All the nice, reusable components sublimate away onto github and npm where everybody can collaborate to advance the commons.

Unfurl

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

hax4.in
2013-03-23T19:58:37.000Z
webdev html columns jquery javascript imported:pinboard

Notes

hColumns is a jQuery plugin that looks like Mac OS X Finder's column view for the hierarchical data.

Unfurl

{ "failed": true, "failedAt": 1728194800691, "failedError": "TimeoutError: Promise timed out after 10000 milliseconds" }
Bootstro.js Bootstrap Intro.js

clu3.github.com
2013-03-22T17:08:03.000Z
webdev bootstro bootstrap demo javascript imported:pinboard

Notes

Bootstrap-intro.js: Show your users a guided tour of what is what on a page. Especially, for first-time users. Use it with Bootstrap.

Unfurl

{ "failed": true, "failedAt": 1728194800691, "failedError": "TimeoutError: Promise timed out after 10000 milliseconds" }
Working Node.js on Raspberry Pi

gist.github.com
2013-03-17T07:00:18.000Z
raspberrypi node js javascript imported:pinboard

Notes

These instructions work for the Raspberry Pi running Raspbian (hard float) and create a hardware optimized version of NodeJS for the Raspberry PI, (and include a working install and NPM!!!)

Feed

Unfurl

{ "author": "262588213843476", "date": "2012-08-15T12:00:00.000Z", "description": "Working Node.js on Raspberry Pi. GitHub Gist: instantly share code, notes, and snippets.", "image": "https://github.githubassets.com/assets/gist-og-image-54fd7dc0713e.png", "logo": "https://gist.github.com/fluidicon.png", "publisher": "Gist", "title": "Working Node.js on Raspberry Pi", "url": "https://gist.github.com/stolsma/3301813", "feed": "https://gist.github.com/stolsma.atom", "lang": "en", "failed": true, "failedAt": 1728194800704, "failedError": "TimeoutError: Promise timed out after 10000 milliseconds", "expires": 1728364588195, "status": 200, "bodyLength": 239584, "duration": 9344 }
Let tools define JavaScript style | Shape Shed

shapeshed.com
2013-03-12T23:13:53.000Z
javascript automation webdev tools imported:pinboard

Notes

JavaScript's permissive syntax means style debates are easy to run into. This post details how tools can be used to encapsulate your opinion and how this can be integrated into a build process.

Feed

Unfurl

{ "author": "George Ornbo", "date": "2024-09-19T02:41:00.000Z", "description": "JavaScript’s permissive syntax means style debates are easy to run into. This post details how tools can be used to encapsulate your opinion and how this can be integrated into a build process.", "image": "https://shapeshed.com/icon-512.png", "logo": "https://shapeshed.com/images/george-60.jpg", "publisher": "Shape Shed", "title": "Let tools define JavaScript style | George Ornbo", "url": "https://shapeshed.com/let-tools-define-javascript-style/", "feed": "https://shapeshed.com/index.xml", "lang": "en", "failed": true, "failedAt": 1728194800753, "failedError": "TimeoutError: Promise timed out after 10000 milliseconds", "expires": 1728364589377, "status": 200, "bodyLength": 58998, "duration": 6987 }
lunr.js - A bit like Solr, but much smaller and not as bright

lunrjs.com
2013-03-11T15:24:48.000Z
lunr search webdev javascript imported:pinboard

Notes

Simple full-text search in your browser

Unfurl

{ "title": "Lunr: A bit like Solr, but much smaller and not as bright", "url": "http://lunrjs.com/", "failed": true, "failedAt": 1728194800754, "failedError": "TimeoutError: Promise timed out after 10000 milliseconds", "expires": 1728364589897, "status": 200, "bodyLength": 2583, "duration": 6482 }
JavaScript Stardate Converter

www.stevepugh.net
2013-02-27T18:27:36.000Z
startrek stardate javascript nerd imported:pinboard

Notes

These conversion routines convert to and from Star Trek: The Next Generation style Stardates. These stardates take the form YYXXX.XX where the first two digits refer to the year with 2323 being year zero and the remaining digits being the decimal portion of the year. The last digit before the decimal point is one stardate and is approximately eight and three quarters hours in length.

Unfurl

{ "description": "Convert between the Gregorian calendar and the Stardate system as used in Star Trek: The Next Generation, Star Trek: Deep Space Nine and Star Trek: Voyager.", "image": "http://www.stevepugh.net/fleet/images/command2.gif", "logo": "https://stevepugh.net/favicon.ico", "title": "JavaScript Stardate Converter", "url": "http://www.stevepugh.net/fleet/stardate.html", "lang": "en", "failed": true, "failedAt": 1728194807029, "failedError": "TimeoutError: Promise timed out after 10000 milliseconds", "expires": 1728364594691, "status": 200, "bodyLength": 7486, "duration": 4667 }
Infinite Scrolling that Works - Evil Trout's Blog

eviltrout.com
2013-02-18T21:47:45.000Z
webdev scrolling html javascript imported:pinboard

Notes

The URL is the serialized state of your web application

Feed

Unfurl

{ "author": "Evil Trout’s Blog", "date": "2013-02-16T00:00:00.000Z", "description": "Shortly after we began working together on Discourse, Jeff wrote a post about infinite scrolling. At first, I was surprised at how many people claimed to hate sites that used it. However, after reading through many comments about it, I realized that most didn’t hate the scrolling itself, they hated how it broke their browser!", "logo": "https://eviltrout.com/images/favicon.ico", "publisher": "Evil Trout’s Blog", "title": "Infinite Scrolling that Works", "url": "https://eviltrout.com/2013/02/16/infinite-scrolling-that-works.html.html", "feed": "https://eviltrout.com/feed.xml", "lang": "en", "failed": true, "failedAt": 1728194809675, "failedError": "TimeoutError: Promise timed out after 10000 milliseconds", "expires": 1728364609371, "status": 200, "bodyLength": 10868, "duration": 2648 }
Using WebAPIs to make the web layer more capable ✩ Mozilla Hacks – the Web developer blog

hacks.mozilla.org
2013-02-16T16:58:35.000Z
webdev mobile firefoxos webapis html5 javascript imported:pinboard

Notes

Part of making both Firefox OS and the web as a platform a stronger layer and alternative for developers, we are working on a number of WebAPIs. I’d like to introduce you them here!

Feed

Embed

Unfurl

{ "author": "Robert Nyman [Editor emeritus]", "date": "2013-02-07T13:36:21.000Z", "description": "Part of making both Firefox OS and the web as a platform a stronger layer and alternative for developers, we are working on a number of WebAPIs. I’d like to…", "image": "https://hacks.mozilla.org/wp-content/themes/Hax/img/hacks-meta-image.jpg", "logo": "https://hacks.mozilla.org/favicon.ico", "publisher": "Mozilla Hacks – the Web developer blog", "title": "Using WebAPIs to make the web layer more capable – Mozilla Hacks - the Web developer blog", "url": "https://hacks.mozilla.org/2013/02/using-webapis-to-make-the-web-layer-more-capable", "feed": "https://hacks.mozilla.org/feed/", "iframe": "<blockquote class=\"wp-embedded-content\" data-secret=\"hOdPOuQYtG\"><a href=\"https://hacks.mozilla.org/2013/02/using-webapis-to-make-the-web-layer-more-capable/\">Using WebAPIs to make the web layer more capable</a></blockquote><iframe sandbox=\"allow-scripts\" security=\"restricted\" src=\"https://hacks.mozilla.org/2013/02/using-webapis-to-make-the-web-layer-more-capable/embed/#?secret=hOdPOuQYtG\" width=\"600\" height=\"338\" title=\"“Using WebAPIs to make the web layer more capable” — Mozilla Hacks - the Web developer blog\" data-secret=\"hOdPOuQYtG\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\" class=\"wp-embedded-content\"></iframe><script type=\"text/javascript\">\n/* <![CDATA[ */\n/*! This file is auto-generated */\n!function(d,l){\"use strict\";l.querySelector&&d.addEventListener&&\"undefined\"!=typeof URL&&(d.wp=d.wp||{},d.wp.receiveEmbedMessage||(d.wp.receiveEmbedMessage=function(e){var t=e.data;if((t||t.secret||t.message||t.value)&&!/[^a-zA-Z0-9]/.test(t.secret)){for(var s,r,n,a=l.querySelectorAll('iframe[data-secret=\"'+t.secret+'\"]'),o=l.querySelectorAll('blockquote[data-secret=\"'+t.secret+'\"]'),c=new RegExp(\"^https?:$\",\"i\"),i=0;i<o.length;i++)o[i].style.display=\"none\";for(i=0;i<a.length;i++)s=a[i],e.source===s.contentWindow&&(s.removeAttribute(\"style\"),\"height\"===t.message?(1e3<(r=parseInt(t.value,10))?r=1e3:~~r<200&&(r=200),s.height=r):\"link\"===t.message&&(r=new URL(s.getAttribute(\"src\")),n=new URL(t.value),c.test(n.protocol))&&n.host===r.host&&l.activeElement===s&&(d.top.location.href=t.value))}},d.addEventListener(\"message\",d.wp.receiveEmbedMessage,!1),l.addEventListener(\"DOMContentLoaded\",function(){for(var e,t,s=l.querySelectorAll(\"iframe.wp-embedded-content\"),r=0;r<s.length;r++)(t=(e=s[r]).getAttribute(\"data-secret\"))||(t=Math.random().toString(36).substring(2,12),e.src+=\"#?secret=\"+t,e.setAttribute(\"data-secret\",t)),e.contentWindow.postMessage({message:\"ready\",secret:t},\"*\")},!1)))}(window,document);\n/* ]]> */\n</script>\n", "lang": "en", "failed": true, "failedAt": 1728194810388, "failedError": "TimeoutError: Promise timed out after 10000 milliseconds", "expires": 1728364610163, "status": 200, "bodyLength": 62816, "duration": 1828 }
On using “this” exactly once « Evan Prodromou

evanprodromou.name
2013-02-15T17:37:22.000Z
webdev javascript imported:pinboard

Notes

var person = this;

Unfurl

{ "failed": true, "failedAt": 1728194810675, "failedError": "TimeoutError: Promise timed out after 10000 milliseconds" }
The Web Is Becoming SmallTalk | Zack’s Blog

zacharyvoase.com
2013-02-11T23:20:24.000Z
webdev smalltallk javascript web imported:pinboard

Notes

I dream of the days when the Web truly does resemble SmallTalk.

Unfurl

{ "failed": true, "failedAt": 1728194810677, "failedError": "TimeoutError: Promise timed out after 10000 milliseconds" }
thlorenz/replpad · GitHub

github.com
2013-01-26T04:11:37.000Z
node javascript repl imported:pinboard

Notes

Watches specified files and pipes or requires them inside a node repl when ever they change.

Unfurl

{ "author": "thlorenz", "description": "Pipes content of files to a node repl whenever they change to enable a highly interactive coding experience. - thlorenz/replpad", "image": "https://opengraph.githubassets.com/e9c490d7f1fc5a97d412b91c0f36070e7cca6a6f37fee3175fe6ef6f57471407/thlorenz/replpad", "logo": "https://github.com/fluidicon.png", "publisher": "GitHub", "title": "GitHub - thlorenz/replpad: Pipes content of files to a node repl whenever they change to enable a highly interactive coding experience.", "url": "https://github.com/thlorenz/replpad", "lang": "en", "failed": true, "failedAt": 1728194817041, "failedError": "TimeoutError: Promise timed out after 10000 milliseconds" }
Ben Alman » A Bit of Advice for the JavaScript Semicolon Haters

benalman.com
2013-01-25T19:27:21.000Z
webdev semicolons asi javascript imported:pinboard

Notes

Also, please don’t intentionally make your code unreadable; I guarantee it will be unreadable enough without any extra help.

Feed

Unfurl

{ "author": "“Cowboy” Ben Alman", "date": "2013-01-22T13:10:00.000Z", "image": "http://s7.addthis.com/static/btn/lg-share-en.gif", "logo": "https://benalman.com/favicon.ico", "title": "Ben Alman » A Bit of Advice for the JavaScript Semicolon Haters", "url": "http://benalman.com/news/2013/01/advice-javascript-semicolon-haters/", "feed": "http://benalman.com/feed/news/", "lang": "en", "failed": true, "failedAt": 1728194817042, "failedError": "TimeoutError: Promise timed out after 10000 milliseconds", "expires": 1728364635182, "status": 200, "bodyLength": 46148, "duration": 2512 }
Building JavaScript projects with Grunt

ruudud.github.com
2013-01-04T17:16:05.000Z
grunt webdev javascript js automation imported:pinboard

Unfurl

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

ci.testling.com
2013-01-04T16:34:04.000Z
testling webdev testing browser javascript imported:pinboard

Notes

run your browser tests on every push

Unfurl

{ "image": "http://ci.testling.com/_/images/profesh_tiny.png", "logo": "https://ci.testling.com/favicon.png", "url": "http://ci.testling.com/", "failed": true, "failedAt": 1728194820678, "failedError": "TimeoutError: Promise timed out after 10000 milliseconds" }
Mechanics of Flite - Underappreciated NPM Commands Developers Should Know About

mechanics.flite.com
2012-12-14T20:42:17.000Z
node webdev nifty utils tools js npm javascript imported:pinboard

Notes

npm, the package manager that comes bundled with node.js, is generally described as “awesome”. While it was originally a separate project, npm has been bundled with node.js for the past few releases and the number of npm packages available in the npm registry has exploded.

Unfurl

{ "failed": true, "failedAt": 1728194827051, "failedError": "TimeoutError: Promise timed out after 10000 milliseconds" }
HTML5 History / pushState URLs, .htaccess and You - Joss Crowcroft

www.josscrowcroft.com
2012-12-12T16:05:54.000Z
webdev pushstate html5 apache javascript imported:pinboard

Notes

So, this is basically doing for single-page apps' index.html what we have typically done for PHP apps using index.php as a single entry point for all URL paths. But, I think it's a horrible idea.

Unfurl

{ "failed": true, "failedAt": 1728194827051, "failedError": "TimeoutError: Promise timed out after 10000 milliseconds" }
URI.js - URLs in Javascript

medialize.github.com
2012-11-16T18:11:41.000Z
webdev javascript http imported:pinboard

Notes

URI.js is a javascript library for working with URLs. It offers a "jQuery-style" API (Fluent Interface, Method Chaining) to read and write all regular components and a number of convenience methods like .directory() and .authority().

Unfurl

{ "failed": true, "failedAt": 1728194830684, "failedError": "TimeoutError: Promise timed out after 10000 milliseconds" }
JS adolescence – James Padolsey

james.padolsey.com
2012-11-13T18:40:49.000Z
javascript webdev programming to:fb imported:pinboard

Notes

For me there was a time that can only be described as adolescence in the field of programming and more specifically JavaScript. This period was characterised by a certain laziness and hubris. I thought I was right. I thought others were wrong. I could see no path but the very strict one that I had boxed myself into through a process in which I longed for certainty and the expulsion of realistic doubt.

Feed

Unfurl

{ "author": "November 16th, 2012 at 3:02 pm", "image": "https://secure.gravatar.com/avatar/35761e3936deba2f8189c2d20982c771?s=48&d=https%3A%2F%2Fj11y.io%2Fwp-content%2Fthemes%2Fjames.padolsey%2Fimages%2Fdef_grav.png&r=g", "logo": "https://j11y.io/favicon.ico", "title": "JS adolescence – James Padolsey", "url": "https://j11y.io/javascript/js-adolescence/", "feed": "https://j11y.io/feed/", "lang": "en", "failed": true, "failedAt": 1728194830706, "failedError": "TimeoutError: Promise timed out after 10000 milliseconds", "expires": 1728364673843, "status": 200, "bodyLength": 93900, "duration": 8372 }
Writing Testable JavaScript // Speaker Deck

speakerdeck.com
2012-11-11T18:33:42.000Z
testing webdeg javascript tdd imported:pinboard

Embed

Unfurl

{ "date": "2012-11-09T12:00:00.000Z", "description": "Slides from my 2012 Full Frontal presentation.", "image": "https://files.speakerdeck.com/presentations/905cf8d00cba0130254d123139154813/slide_0.jpg?748288", "logo": "https://d1eu30co0ohy4w.cloudfront.net/assets/favicon-bdd5839d46040a50edf189174e6f7aacc8abb3aaecd56a4711cf00d820883f47.png", "publisher": "Speaker Deck", "title": "Writing Testable JavaScript", "url": "https://speakerdeck.com/rmurphey/writing-testable-javascript", "iframe": "<iframe id=\"talk_frame_23157\" class=\"speakerdeck-iframe\" src=\"//speakerdeck.com/player/905cf8d00cba0130254d123139154813\" width=\"710\" height=\"546\" style=\"aspect-ratio:710/546; border:0; padding:0; margin:0; background:transparent;\" frameborder=\"0\" allowtransparency=\"true\" allowfullscreen=\"allowfullscreen\"></iframe>\n", "lang": "en", "failed": true, "failedAt": 1728194830706, "failedError": "TimeoutError: Promise timed out after 10000 milliseconds", "expires": 1728364674021, "status": 200, "bodyLength": 130807, "duration": 4949 }
Building a live green screen with getUserMedia() and MediaStreams - Tim Taubert

timtaubert.de
2012-10-18T00:58:57.000Z
html5 firefox media greenscreen javascript imported:pinboard

Notes

This is an admittedly very simple example of a green screen but you can use this little template to manipulate your webcam’s live video stream and build all kinds of fancy demos with it.

Feed

Unfurl

{ "author": "Tim Taubert", "description": "getUserMedia() part #1 Building a live green screen October 17, 2012 While recently watching a talk about the new WebRTC features I was reminded of …", "logo": "https://timtaubert.de/favicon.ico", "publisher": "Tim Taubert", "title": "getUserMedia() part #1 - Building a live green screen", "url": "http://timtaubert.de/blog/2012/10/building-a-live-green-screen-with-getusermedia-and-mediastreams/", "feed": "http://timtaubert.de/atom.xml", "lang": "en", "failed": true, "failedAt": 1728194836381, "failedError": "TimeoutError: Promise timed out after 10000 milliseconds", "expires": 1728364677780, "status": 200, "bodyLength": 12021, "duration": 4493 }
෴ browserver: a node.js HTTP server in your browser ෴

browserver.org
2012-09-04T14:39:29.000Z
webdev http browsers nodejs javascript imported:pinboard

Notes

Hello! I've got some good news for you: your web browser has just been upgraded to a web server. It's responding to HTTP requests on the Internet as you read this.

Unfurl

{ "date": "2019-06-17T16:20:25.000Z", "description": "En komplett och ⭐ uppdaterad lista ⭐ på casinon på nätet. Alla nätcasinon har svensk licens och är testade av browserver.org teamet.", "image": "https://browserver.org/wp-content/uploads/2019/06/online-casino-bonus2.png", "logo": "https://browserver.org/wp-content/uploads/2019/06/144.png", "publisher": "Casino på nätet - Casino Online Sverige - Topplista", "title": "Casino på nätet - Välj ditt casino online hos Browserver.org Nätcasino", "url": "https://browserver.org/", "lang": "en", "failed": true, "failedAt": 1728194839401, "failedError": "TimeoutError: Promise timed out after 10000 milliseconds", "expires": 1728364693417, "status": 200, "bodyLength": 43545, "duration": 6858 }
mikedeboer/jsDAV

github.com
2012-09-03T05:02:44.000Z
webdev webdav js javascript storage imported:pinboard

Unfurl

{ "author": "mikedeboer", "description": "jsDAV allows you to easily add WebDAV support to a NodeJS application. jsDAV is meant to cover the entire standard, and attempts to allow integration using an easy to understand API. - mikedeboer/j…", "image": "https://opengraph.githubassets.com/efc04affa01402e71a33018242b0013b7e160fb5dfea59f8377b389edf14454e/mikedeboer/jsDAV", "logo": "https://github.com/fluidicon.png", "publisher": "GitHub", "title": "GitHub - mikedeboer/jsDAV: jsDAV allows you to easily add WebDAV support to a NodeJS application. jsDAV is meant to cover the entire standard, and attempts to allow integration using an easy to understand API.", "url": "https://github.com/mikedeboer/jsDAV", "lang": "en", "failed": true, "failedAt": 1728194840017, "failedError": "TimeoutError: Promise timed out after 10000 milliseconds", "expires": 1728364693533, "status": 200, "bodyLength": 314619, "duration": 1718 }
Atari - Building Atari with CreateJS

atari.com
2012-09-03T04:15:21.000Z
javascript createjs gaming webdev html5 atari programming imported:pinboard

Unfurl

{ "failed": true, "failedAt": 1728194840029, "failedError": "TimeoutError: Promise timed out after 10000 milliseconds" }
WidgetWorx > SpriteLib

www.widgetworx.com
2012-09-03T02:36:19.000Z
javascript gaming art graphics imported:pinboard

Notes

SpriteLib is a collection of static and animated graphic objects (also commonly known as sprites). It was created to provide hobbyist game developers with an assortment of images to use in their creations. Because of SpriteLib, developers don't have to waste precious time or money creating graphics from scratch.

Unfurl

{ "logo": "https://www.widgetworx.com/favicon.ico", "url": "http://www.widgetworx.com/widgetworx/portfolio/spritelib.html", "failed": true, "failedAt": 1728194840030, "failedError": "TimeoutError: Promise timed out after 10000 milliseconds", "expires": 1728364693554, "status": 200, "bodyLength": 128, "duration": 5303 }
Backbone has made me a better programmer | Float Left

floatleft.com
2012-09-03T02:09:46.000Z
javascript webdav backbone imported:pinboard

Feed

Unfurl

{ "author": "Andy Appleton", "date": "2012-08-24T12:00:00.000Z", "description": "Andy Appleton is a web developer based in Berkshire, UK.", "image": "http://floatleft.com/public/img/face.png", "logo": "http://floatleft.com/public/img/favicon.png", "publisher": "Float Left", "title": "Backbone has made me a better programmer | Float Left", "url": "http://floatleft.com/notebook/backbone-has-made-me-a-better-programmer", "feed": "http://floatleft.com/feed", "lang": "en", "failed": true, "failedAt": 1728194840374, "failedError": "TimeoutError: Promise timed out after 10000 milliseconds", "expires": 1728364694224, "status": 200, "bodyLength": 14290, "duration": 4787 }
DanielVF/mfzero_roller

github.com
2012-09-01T21:05:59.000Z
gaming mf0 dice javascript awesome imported:pinboard

Notes

Die roller and unofficial rules compilation. Feel free to make edits and revisions. Rules are in rules.markdown.

Unfurl

{ "author": "DanielVF", "description": "Contribute to DanielVF/mfzero_roller development by creating an account on GitHub.", "image": "https://opengraph.githubassets.com/a9e3b21e632a45a0fe6eb472a86417d444b40069ad40c4bb8dc33b6aac9794b4/DanielVF/mfzero_roller", "logo": "https://github.com/fluidicon.png", "publisher": "GitHub", "title": "GitHub - DanielVF/mfzero_roller", "url": "https://github.com/DanielVF/mfzero_roller", "lang": "en", "failed": true, "failedAt": 1728194840386, "failedError": "TimeoutError: Promise timed out after 10000 milliseconds", "expires": 1728364694227, "status": 200, "bodyLength": 285587, "duration": 4098 }
Node.js: Style and structure

caolanmcmahon.com
2012-09-01T19:18:16.000Z
node webdev js javascript imported:pinboard

Unfurl

{ "failed": true, "failedAt": 1728194840393, "failedError": "TimeoutError: Promise timed out after 10000 milliseconds" }
Brainfuck beware: JavaScript is after you! | Patricio Palladino

patriciopalladino.com
2012-08-10T19:41:57.000Z
javascript odd what cool to:fb imported:pinboard

Notes

tl;dr I just made a tool to transform any javascript code into an equivalent sequence of ()[]{}!+ characters. You can try it here, or grab it from github or npm. Keep on reading if you want to know how it works.

Unfurl

{ "title": "Brainfuck beware: JavaScript is after you!", "url": "http://patriciopalladino.com/blog/2012/08/09/non-alphanumeric-javascript.html", "lang": "en", "failed": true, "failedAt": 1728194846389, "failedError": "TimeoutError: Promise timed out after 10000 milliseconds", "expires": 1728364704932, "status": 200, "bodyLength": 453, "duration": 3096 }
Tabletop

builtbybalance.com
2012-07-23T12:37:29.000Z
webdev javascript google spreadsheets docs data imported:pinboard

Notes

Tabletop takes a Google Spreadsheet and makes it easily accessible through JavaScript. With zero dependencies!

Unfurl

{ "url": "http://builtbybalance.com/Tabletop/", "failed": true, "failedAt": 1728194847359, "failedError": "TimeoutError: Promise timed out after 10000 milliseconds", "expires": 1728364707383, "status": 200, "bodyLength": 1066, "lang": "en", "duration": 2685 }
Hallo.js, a simple rich text editor for the web - Henri Bergius in Berlin, Germany

bergie.iki.fi
2012-07-21T02:45:24.000Z
webdev editors mdn javascript cms wysiwyg imported:pinboard

Notes

Hallo.js is a simple rich text editor built as a jQuery UI widget and utilizing the HTML5 contentEditable functionality for allowing in-place editing. This sort of real in-place editing differs from more traditional editors like TinyMCE in that the content is never detached from its place on a page, and so for instance all CSS rules apply to it. This makes the editing experience much more true WYSIWYG.

Feed

Unfurl

{ "date": "2012-07-11T00:00:00.000Z", "description": "Those who have been following my blog have probably seen the Hallo Editor mentioned in my Create.js posts. But for those who haven’t seen it yet, here is a brief introduction.", "image": "https://d2vqpl3tx84ay5.cloudfront.net/hallo-contextual-toolbar.png", "logo": "https://bergie.iki.fi/style/img/favicon/favicon_144.png", "publisher": "Henri Bergius", "title": "Hallo.js, a simple rich text editor for the web", "url": "https://bergie.iki.fi/blog/hallo-editor/", "feed": "http://bergie.iki.fi/blog/rss.xml", "lang": "en", "failed": true, "failedAt": 1728194847361, "failedError": "TimeoutError: Promise timed out after 10000 milliseconds", "expires": 1728364708166, "status": 200, "bodyLength": 15087, "duration": 1228 }
mod.js

duckinator.net
2012-07-20T17:51:11.000Z
javascript webdev mods audio to:fb imported:pinboard

Notes

Javascript MOD player using Aurora.js and the resampler from XAudioJS.

Unfurl

{ "failed": true, "failedAt": 1728194847361, "failedError": "TimeoutError: Promise timed out after 10000 milliseconds" }
Building a Text-Based UI with Backbone and Charm

tobyho.com
2012-07-20T17:50:13.000Z
node backbone javascript text cli nodejs imported:pinboard

Feed

Unfurl

{ "image": "http://tobyho.com/images/backbone-charm-text-based-ui/before_diagram.jpg", "title": "Building a Text-Based UI with Backbone and Charm", "url": "http://tobyho.com/2012/07/19/backbone-charm-text-based-ui/", "feed": "http://feeds.feedburner.com/tobyho", "failed": true, "failedAt": 1728194847361, "failedError": "TimeoutError: Promise timed out after 10000 milliseconds", "expires": 1728364708973, "status": 200, "bodyLength": 55777, "duration": 1717 }
John Resig - Secret Omens: Book Update

ejohn.org
2012-07-13T15:45:37.000Z
books writing ebooks javascript to:fb publishing imported:pinboard

Notes

To the point of Jeff’s post, I would absolutely not write a technical book again. It’s a tedious process and unless you LOVE writing and are really good at it (like Nicholas Zakas or Dave Flanagan) then I suggest that you stick with the medium that is truly successful: Writing long-form articles/blog posts and possibly spinning them off into purchasable ebooks. (As an example, I’d point to Juriy Zaytsev and Peter-Paul Koch both of whom could get any JavaScript position in the world purely based upon the quality of their articles and sites, without ever having written a book.)

Feed

Embed

Unfurl

{ "image": "https://johnresig.com/wp-content/uploads/2022/11/cropped-khan-john-resig-photo-square.jpg", "logo": "https://johnresig.com/wp-content/uploads/2022/11/cropped-cropped-khan-john-resig-photo-square-192x192.jpg", "publisher": "John Resig", "title": "John Resig - Secret Omens: Book Update", "url": "https://johnresig.com/blog/secret-omens/", "feed": "https://feeds.feedburner.com/JohnResig", "iframe": "<blockquote class=\"wp-embedded-content\" data-secret=\"XwAZ5GJv9e\"><a href=\"https://johnresig.com/blog/secret-omens/\">Secret Omens: Book Update</a></blockquote><iframe sandbox=\"allow-scripts\" security=\"restricted\" src=\"https://johnresig.com/blog/secret-omens/embed/#?secret=XwAZ5GJv9e\" width=\"600\" height=\"338\" title=\"“Secret Omens: Book Update” — John Resig\" data-secret=\"XwAZ5GJv9e\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\" class=\"wp-embedded-content\"></iframe><script type=\"text/javascript\">\n/* <![CDATA[ */\n/*! This file is auto-generated */\n!function(d,l){\"use strict\";l.querySelector&&d.addEventListener&&\"undefined\"!=typeof URL&&(d.wp=d.wp||{},d.wp.receiveEmbedMessage||(d.wp.receiveEmbedMessage=function(e){var t=e.data;if((t||t.secret||t.message||t.value)&&!/[^a-zA-Z0-9]/.test(t.secret)){for(var s,r,n,a=l.querySelectorAll('iframe[data-secret=\"'+t.secret+'\"]'),o=l.querySelectorAll('blockquote[data-secret=\"'+t.secret+'\"]'),c=new RegExp(\"^https?:$\",\"i\"),i=0;i<o.length;i++)o[i].style.display=\"none\";for(i=0;i<a.length;i++)s=a[i],e.source===s.contentWindow&&(s.removeAttribute(\"style\"),\"height\"===t.message?(1e3<(r=parseInt(t.value,10))?r=1e3:~~r<200&&(r=200),s.height=r):\"link\"===t.message&&(r=new URL(s.getAttribute(\"src\")),n=new URL(t.value),c.test(n.protocol))&&n.host===r.host&&l.activeElement===s&&(d.top.location.href=t.value))}},d.addEventListener(\"message\",d.wp.receiveEmbedMessage,!1),l.addEventListener(\"DOMContentLoaded\",function(){for(var e,t,s=l.querySelectorAll(\"iframe.wp-embedded-content\"),r=0;r<s.length;r++)(t=(e=s[r]).getAttribute(\"data-secret\"))||(t=Math.random().toString(36).substring(2,12),e.src+=\"#?secret=\"+t,e.setAttribute(\"data-secret\",t)),e.contentWindow.postMessage({message:\"ready\",secret:t},\"*\")},!1)))}(window,document);\n/* ]]> */\n</script>\n", "lang": "en", "failed": true, "failedAt": 1728194847364, "failedError": "TimeoutError: Promise timed out after 10000 milliseconds", "expires": 1728364709455, "status": 200, "bodyLength": 56240, "duration": 2413 }

previous 50 - 100 of 512 items next

10 25 50 100 250