lmorchard - Pebbling Club 🐧🪨

Case Study: Auto-Resizing HTML5 Games - HTML5 Rocks

www.html5rocks.com
2013-08-12T02:41:37.000Z
webdev html5 js css html gaming imported:pinboard

Notes

In the summer of 2010, we created Sand Trap, a game that we entered in a competition on HTML5 games for mobile phones. But most mobile phones either displayed only part of the game or made the game too small—making it completely unplayable. So we took it upon ourselves to make the game fluidly adjust to match any resolution. After a bit of re-programming and using ideas outlined in this article, we had a game that scaled across any modern browser, whether it ran in a desktop or a mobile device.

Unfurl

{ "image": "https://web.dev/static/images/social-wide.jpg", "logo": "https://www.gstatic.com/devrel-devsite/prod/vfebef541c9fc0d1ace8dfdb0f441925a06e1d514c8d869e9f136cb4460077d33/web/images/favicon.png", "publisher": "web.dev", "title": "Learn web development | web.dev", "url": "https://web.dev/learn", "lang": "en", "failed": true, "failedAt": 1728194780668, "failedError": "TimeoutError: Promise timed out after 10000 milliseconds" }
You Don't Know Beans About CoffeeScript – Talks – Aseem Kishore

aseemk.com
2013-08-09T23:15:42.000Z
slides talks webdev coffeescript html5 presentations imported:pinboard

Notes

You've heard of CoffeeScript, and you've probably seen some code in it. But do you really know it? Unless you've written something substantial in it, I contend that you don't.

Unfurl

{ "author": "Aseem Kishore", "description": "You’ve heard of CoffeeScript. But do you really *know* it? This talk surveys the astounding breadth of features that make CoffeeScript rich, expressive, and robust.", "logo": "http://aseemk.com/favicon.ico", "title": "You Don’t Know Beans About CoffeeScript – Talks – Aseem Kishore", "url": "http://aseemk.com/talks/intro-to-coffeescript#/" }
Bombermine — Massively Bomberman Online with up to 1000 players on the single map

t.co
2013-02-28T02:38:34.000Z
html5 webdev gaming bomberman imported:pinboard

Notes

Holy cow. MMO BOMBERMAN. The promise of HTML5 multiplayer gaming has been fulfilled. We can all go home, now. http://t.co/9iPyfM0yYm

Unfurl

{ "failed": true, "failedAt": 1728194806381, "failedError": "TimeoutError: Promise timed out after 10000 milliseconds" }
Build a Street Fighter Demo with CSS Animations and JavaScript

davidwalsh.name
2013-02-18T18:44:31.000Z
streetfighter gaming css webdev html5 imported:pinboard

Notes

I recently learned a cool technique from Simurai about how to animate PNG sprites with the CSS3 animations' steps() property. The main idea in this technique is to "recreate" some kind of animated GIF but with the tiles of a PNG sprite.

Feed

Embed

Unfurl

{ "author": "David Walsh", "date": "2013-03-02T17:47:59.000Z", "description": "Learn how I created a Street Fighter clone with HTML, CSS, and JavaScript!", "image": "https://davidwalsh.name/demo/ken.png", "logo": "https://davidwalsh.name/wp-content/themes/punky/images/favicon-144.png", "publisher": "David Walsh Blog", "title": "Build a Street Fighter Demo with CSS Animations and JavaScript", "url": "https://davidwalsh.name/street-fighter", "feed": "https://davidwalsh.name/feed", "iframe": "<blockquote class=\"wp-embedded-content\"><a href=\"https://davidwalsh.name/street-fighter\">Build a Street Fighter Demo with CSS Animations and JavaScript</a></blockquote>\n<script type='text/javascript'>\n<![CDATA[//><!]]>\n</script><iframe sandbox=\"allow-scripts\" security=\"restricted\" src=\"https://davidwalsh.name/street-fighter/embed\" width=\"600\" height=\"338\" title=\"“Build a Street Fighter Demo with CSS Animations and JavaScript” — David Walsh Blog\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\" class=\"wp-embedded-content\"></iframe>", "lang": "en", "failed": true, "failedAt": 1728194810015, "failedError": "TimeoutError: Promise timed out after 10000 milliseconds", "expires": 1728364609710, "status": 200, "bodyLength": 95158, "duration": 4480 }
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 }
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" }
Appcache Facts

appcachefacts.info
2012-11-14T20:01:45.000Z
html5 appcache webdev mobile imported:pinboard

Feed

Embed

Unfurl

{ "date": "2024-05-01T12:00:00.000Z", "logo": "https://t2.gstatic.com/faviconV2?client=SOCIAL&type=FAVICON&fallback_opts=TYPE,SIZE,URL&url=http://appcachefacts.info/&size=128", "title": "Appcache Facts", "url": "https://appcachefacts.info/", "feed": "https://appcachefacts.info/feed/", "iframe": "<blockquote class=\"wp-embedded-content\" data-secret=\"91wQffRUhD\"><a href=\"https://appcachefacts.info/\">Appcache Facts</a></blockquote><iframe sandbox=\"allow-scripts\" security=\"restricted\" src=\"https://appcachefacts.info/embed/#?secret=91wQffRUhD\" width=\"600\" height=\"338\" title=\"“Appcache Facts” — Appcache Facts\" data-secret=\"91wQffRUhD\" 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,d){\"use strict\";var e=!1,o=!1;if(d.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=d.querySelectorAll('iframe[data-secret=\"'+t.secret+'\"]'),n=d.querySelectorAll('blockquote[data-secret=\"'+t.secret+'\"]'),o=new RegExp(\"^https?:$\",\"i\"),l=0;l<n.length;l++)n[l].style.display=\"none\";for(l=0;l<i.length;l++)if(r=i[l],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=d.createElement(\"a\"),a=d.createElement(\"a\"),s.href=r.getAttribute(\"src\"),a.href=t.value,!o.test(a.protocol));else if(a.host===s.host)if(d.activeElement===r)c.top.location.href=t.value}}},e)c.addEventListener(\"message\",c.wp.receiveEmbedMessage,!1),d.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=d.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", "lang": "en", "failed": true, "failedAt": 1728194830706, "failedError": "TimeoutError: Promise timed out after 10000 milliseconds", "expires": 1728364673566, "status": 200, "bodyLength": 27279, "duration": 7565 }
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 }
gbraad/html5-google-authenticator

github.com
2012-10-01T18:00:09.000Z
webdev google security auth html5 authentication imported:pinboard

Notes

A simple Google Authenticator app written in HTML

Unfurl

{ "author": "gbraad-apps", "description": "A simple application for multi-factor authentication, written in HTML using jQuery Mobile, jsSHA and LocalStorage. - gbraad-apps/gauth", "image": "https://opengraph.githubassets.com/a3d5ff108099d68bf63e7357de077a341bf14a6a3556c8c4ff0af8a9d288bfd6/gbraad-apps/gauth", "logo": "https://github.com/fluidicon.png", "publisher": "GitHub", "title": "GitHub - gbraad-apps/gauth: A simple application for multi-factor authentication, written in HTML using jQuery Mobile, jsSHA and LocalStorage.", "url": "https://github.com/gbraad-apps/gauth", "lang": "en", "failed": true, "failedAt": 1728194837038, "failedError": "TimeoutError: Promise timed out after 10000 milliseconds", "expires": 1728364680518, "status": 200, "bodyLength": 337493, "duration": 9387 }
How to Create a CSS3 Ajax Loading Icon Without Images - SitePoint

www.sitepoint.com
2012-09-16T16:22:39.000Z
webdev css ajax css3 html5 loading imported:pinboard

Notes

Fortunately, CSS3 allows us to create loading icons without images. They’re easy to create, scale, re-color, use on any background and don’t incur image downloads

Feed

Unfurl

{ "author": "Craig Buckler", "date": "2024-02-14T05:18:10.000Z", "description": "Read How to Create a CSS3 Ajax Loading Icon Without Images and learn with SitePoint. Our web development and design tutorials, courses, and books will teach you HTML, CSS, JavaScript, PHP, Python, and more.", "image": "https://secure.gravatar.com/avatar/439aeaff7de2bae365adc3eb4947b44d?s=96&d=mm&r=g", "logo": "https://www.sitepoint.com/favicons/512x512.png", "title": "How to Create a CSS3 Ajax Loading Icon Without Images — SitePoint", "url": "https://www.sitepoint.com/css3-ajax-loading-icon/", "feed": "http://www.sitepoint.com/sitepoint.rss", "failed": true, "failedAt": 1728194837062, "failedError": "TimeoutError: Promise timed out after 10000 milliseconds", "expires": 1728364690780, "status": 200, "bodyLength": 212545, "duration": 3898 }
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" }
WE ARE BACK

www.wab.com
2012-09-01T21:13:53.000Z
demos webdev html5 retro canvas codef to:fb imported:pinboard

Notes

Old school demos re-built in HTML5

Unfurl

{ "image": "http://www.wab.com/shots/screen558.png", "url": "http://www.wab.com/", "failed": true, "failedAt": 1728194840381, "failedError": "TimeoutError: Promise timed out after 10000 milliseconds", "expires": 1728364694227, "status": 200, "bodyLength": 488510, "duration": 6426 }
gritsgame - GRITS is a cross-functional effort to create a boilerplate codebase to provide to HTML5 game developers that are looking to get started using Google's technology stack - Google Project Hosting

code.google.com
2012-07-08T02:02:53.000Z
gaming network js webdev html5 google imported:pinboard

Notes

The intent is to create a very small, multiplayer game to launch and provide all the source code up to the masses for boilerplate.

Unfurl

{ "author": "fredsa", "description": "GRITS is a cross-functional effort to create a boilerplate codebase to provide to HTML5 game developers that are looking to get started using Google’s technology stack - fredsa/gritsgame", "image": "https://opengraph.githubassets.com/cc155d20af24923f6372c5ee307051b01c1f30ee101abceb6065f8533c8548cb/fredsa/gritsgame", "logo": "https://github.com/fluidicon.png", "publisher": "GitHub", "title": "GitHub - fredsa/gritsgame: GRITS is a cross-functional effort to create a boilerplate codebase to provide to HTML5 game developers that are looking to get started using Google’s technology stack", "url": "https://github.com/fredsa/gritsgame", "lang": "en", "failed": true, "failedAt": 1728194849739, "failedError": "TimeoutError: Promise timed out after 10000 milliseconds", "expires": 1728364710771, "status": 200, "bodyLength": 279689, "duration": 5288 }
javascript - Convert Data URI to File then append to FormData - Stack Overflow

stackoverflow.com
2012-05-16T02:23:34.000Z
webdev canvas formdata html5 imported:pinboard

Notes

I've been trying to re-implement an HTML5 image uploader like the one on the Mozilla Hacks site, but that works with WebKit browsers. Part of the task is to extract an image file from the canvas object and append it to a FormData object for upload.

Feed

Unfurl

{ "author": "Stoive", "date": "2011-02-15T00:40:44.000Z", "description": "I’ve been trying to re-implement an HTML5 image uploader like the one on the Mozilla Hacks site, but that works with WebKit browsers. Part of the task is to extract an image file from the canvas ob…", "image": "https://cdn.sstatic.net/Sites/stackoverflow/Img/apple-touch-icon@2.png?v=73d79a89bded", "logo": "https://cdn.sstatic.net/Sites/stackoverflow/Img/favicon.ico?v=ec617d715196", "publisher": "Stack Overflow", "title": "Convert Data URI to File then append to FormData", "url": "https://stackoverflow.com/questions/4998908/convert-data-uri-to-file-then-append-to-formdata", "feed": "http://stackoverflow.com/feeds/question/4998908", "lang": "en", "failed": true, "failedAt": 1728194868603, "failedError": "TimeoutError: Promise timed out after 10000 milliseconds", "expires": 1728364749727, "status": 200, "bodyLength": 375875, "duration": 2401 }
The Imgur API - Examples

api.imgur.com
2012-05-16T01:58:52.000Z
canvas html5 webdev images imgur cors imported:pinboard

Notes

Uploading - HTML5 Canvas

Unfurl

{ "failed": true, "failedAt": 1728194860653, "failedError": "AxiosError: Request failed with status code 400" }
Uploading directly from HTML5 canvas to imgur — Jonas Wagner's Blog

29a.ch
2012-05-16T01:49:37.000Z
canvas html5 imgur webdev javascript imported:pinboard

Notes

For an upcoming canvas project I want to give the users the ability to upload the content of the canvas to an image sharing service. When looking for a suitable API I came across imgur.com the registration was trivial, and they support CORS and base64/dataurl uploads, perfect!

Feed

Unfurl

{ "author": "Jonas Wagner", "image": "https://29a.ch/css/fractal-2560.cache-265840d9df3ae32c.jpg", "logo": "https://29a.ch/favicon.ico", "publisher": "29a.ch by Jonas Wagner", "title": "Uploading directly from HTML5 canvas to imgur", "url": "http://29a.ch/2011/9/11/uploading-from-html5-canvas-to-imgur-data-uri", "feed": "https://29a.ch/feed.atom", "lang": "en", "failed": true, "failedAt": 1728194868603, "failedError": "TimeoutError: Promise timed out after 10000 milliseconds", "expires": 1728364749727, "status": 200, "bodyLength": 9861, "duration": 3318 }
radikalFX » Blog Archive » Dynamic image collage with HTML5 and Canvas

radikalfx.com
2012-05-14T03:22:08.000Z
canvas html5 collage imported:pinboard

Notes

My first demo is a simple Canvas element which can be used to make a collage of images.

Unfurl

{ "failed": true, "failedAt": 1728194864638, "failedError": "AxiosError: Request failed with status code 404" }
Sketchpad - Online Paint/Drawing application

mudcu.be
2012-05-14T03:21:35.000Z
html5 canvas sketchpad webdev imported:pinboard

Unfurl

{ "description": "Sketchpad is an online drawing application -- written in <canvas>.", "image": "http://mudcu.be/sketchpad/media/gui/sw_add.png", "logo": "https://galactic.ink/sketchpad/media/gui/favicon.png", "publisher": "Online Paint/Drawing application", "title": "Sketchpad - Online Paint/Drawing application", "url": "http://mudcu.be/sketchpad/", "failed": true, "failedAt": 1728194869161, "failedError": "TimeoutError: Promise timed out after 10000 milliseconds", "expires": 1728364749727, "status": 200, "bodyLength": 203139, "duration": 5112 }
lake.js

alligator.github.com
2012-05-08T05:37:47.000Z
awesome nifty web html5 canvas webdev javascript css imported:pinboard

Notes

Lake.js takes an img element and inserts a canvas element displaying the image and its flipped reflection directly after the img element.

Unfurl

{ "failed": true, "failedAt": 1728194866233, "failedError": "AxiosError: Request failed with status code 404" }
Why Publishers Don't Like Apps - Technology Review

www.technologyreview.com
2012-05-08T05:32:03.000Z
publishing apps web html5 business imported:pinboard

Notes

Last fall, we moved all the editorial in our apps, including the magazine, into a simple RSS feed in a river of news. We dumped the digital replica. Now we're redesigning Technologyreview.com, which we made entirely free for use, and we'll follow the Financial Times in using HTML5, so that a reader will see Web pages optimized for any device, whether a desktop or laptop computer, a tablet, or a smart phone. Then we'll kill our apps, too.

Unfurl

{ "failed": true, "failedAt": 1728194869607, "failedError": "TimeoutError: Promise timed out after 10000 milliseconds" }
Dillinger, the last Markdown editor, ever.

dillinger.io
2012-04-29T05:22:30.000Z
markdown web apps editors html5 cloud imported:pinboard

Unfurl

{ "author": "Joe McCann and Martin Broder", "description": "Dillinger is an online cloud based HTML5 filled Markdown Editor. Sync with Dropbox, Github, Google Drive or OneDrive. Convert HTML to Markdown. 100% Open Source!", "logo": "https://dillinger.io/apple-touch-icon.png", "publisher": "Dillinger, the Last Markdown Editor ever.", "title": "Online Markdown Editor - Dillinger, the Last Markdown Editor ever.", "url": "http://dillinger.io/", "lang": "en", "expires": 1728364767090, "status": 200, "bodyLength": 82393, "duration": 8063 }
BrowserQuest – a massively multiplayer HTML5 (WebSocket + Canvas) game experiment ✩ Mozilla Hacks – the Web developer blog

hacks.mozilla.org
2012-03-27T15:10:50.000Z
webdev html5 browserquest gaming imported:pinboard

Notes

BrowserQuest is a tribute to classic video-games with a multiplayer twist. You play as a young warrior driven by the thrill of adventure. No princess to save here, just a dangerous world filled with treasures to discover. And it’s all done in glorious HTML5 and JavaScript.

Feed

Embed

Unfurl

{ "author": "Paul Rouget", "date": "2018-11-02T20:40:02.000Z", "description": "It’s time for some gaming action with a new HTML5 game demo: BrowserQuest, a massively multiplayer adventure game created by Little Workshop (@glecollinet & @whatthefranck) and Mozilla. Play the game:…", "image": "https://hacks.mozilla.org/wp-content/themes/Hax/img/hacks-meta-image.jpg", "logo": "http://hacks.mozilla.org/favicon.ico", "publisher": "Mozilla Hacks – the Web developer blog", "title": "BrowserQuest – a massively multiplayer HTML5 (WebSocket + Canvas) game experiment – Mozilla Hacks - the Web developer blog", "url": "https://hacks.mozilla.org/2012/03/browserquest", "feed": "https://hacks.mozilla.org/feed/", "iframe": "<blockquote class=\"wp-embedded-content\" data-secret=\"JELcnFPVIe\"><a href=\"https://hacks.mozilla.org/2012/03/browserquest/\">BrowserQuest – a massively multiplayer HTML5 (WebSocket + Canvas) game experiment</a></blockquote><iframe sandbox=\"allow-scripts\" security=\"restricted\" src=\"https://hacks.mozilla.org/2012/03/browserquest/embed/#?secret=JELcnFPVIe\" width=\"600\" height=\"338\" title=\"“BrowserQuest – a massively multiplayer HTML5 (WebSocket + Canvas) game experiment” — Mozilla Hacks - the Web developer blog\" data-secret=\"JELcnFPVIe\" 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": 1728194911867, "failedError": "TimeoutError: Promise timed out after 10000 milliseconds", "expires": 1728364801661, "status": 200, "bodyLength": 207125, "duration": 6153 }
Visual editor sandbox - MediaWiki

www.mediawiki.org
2012-03-24T18:33:29.000Z
wiki editors webdev html5 imported:pinboard

Notes

Visual editor sandbox

Unfurl

{ "failed": true, "failedAt": 1728194911869, "failedError": "TimeoutError: Promise timed out after 10000 milliseconds" }
OFF MY LAWN! – Jeffrey Zeldman Presents The Daily Report

www.zeldman.com
2011-11-18T18:41:16.000Z
webdev tech html5 webdesign imported:pinboard

Notes

It is publishing. It is humanity. It is the vanguard of ideas clashing against the rearguard of commerce. This is not new. This is all to be expected. We must stop raising our eyebrows and chuckling at it. We must decide to accept the world as it is, or to roll up our sleeves and help.

Feed

Embed

Unfurl

{ "author": "L. Jeffrey Zeldman", "date": "2024-02-12T21:35:34.000Z", "description": "IT IS NOT “IRONIC” when an article about web standards is published in an online magazine formatted in Flash, or PDF, or some other non-HTML format. It is not “ironic” when an article on responsive design appears on a website that is not responsively designed. It is not “ironic” when an article on three essential […]", "image": "https://i0.wp.com/zeldman.com/wp-content/uploads/2015/08/pixel-jeffrey1.jpg?fit=800%2C500&ssl=1", "logo": "https://i0.wp.com/zeldman.com/wp-content/uploads/2014/12/cropped-default-54a3966bv1_site_icon.png?fit=192%2C192&ssl=1", "publisher": "Zeldman on Web and Interaction Design", "title": "OFF MY LAWN!", "url": "https://zeldman.com/2011/11/18/it-is-not-ironic/", "feed": "https://zeldman.com/feed/", "iframe": "<blockquote class=\"wp-embedded-content\" data-secret=\"tuCspj9JZP\"><a href=\"https://zeldman.com/2011/11/18/it-is-not-ironic/\">OFF MY LAWN!</a></blockquote><iframe sandbox=\"allow-scripts\" security=\"restricted\" src=\"https://zeldman.com/2011/11/18/it-is-not-ironic/embed/#?secret=tuCspj9JZP\" width=\"600\" height=\"338\" title=\"“OFF MY LAWN!” — Zeldman on Web and Interaction Design\" data-secret=\"tuCspj9JZP\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\" class=\"wp-embedded-content\"></iframe><script>\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</script>\n", "lang": "en", "failed": true, "failedAt": 1728195042471, "failedError": "TimeoutError: Promise timed out after 10000 milliseconds", "expires": 1728364991929, "status": 200, "bodyLength": 145666, "duration": 5807 }
Adobe product manager fingers Apple for death of Flash Player for mobile -- Engadget

www.engadget.com
2011-11-12T15:51:09.000Z
adobe flash webdev html5 imported:pinboard

Feed

Unfurl

{ "author": "Christopher Trout", "date": "2011-11-12T01:14:00.000Z", "description": "Adobe’s battles with Apple haven’t exactly been a secret over the past couple of years, but the death of Flash Player for mobile has once again brought that drama to the fore. Mike Chambers, a lead product manager for Flash, took to his personal site today to shed some light on Adobe’s rapid descent, pointing the finger squarely at Apple’s refusal to adopt the player in its mobile OS. He had this to say: This one should be pretty apparent, but given the fragmentation of the mobile market, and the fact that one of the leading mobile platforms (Apple’s iOS) was not going to allow the Flash Player in the browser, the Flash Player was not on track to reach anywhere near the ubiquity of the Flash Player on desktops... Just to be very clear on this. No matter what we did, the Flash Player was not going to be available on Apple’s iOS anytime in the foreseeable future. That combined with the “strong support for HTML5 across modern devices,” was apparently enough to drive the final nail into Flash’s coffin. Among other things, Chambers cited the use of apps instead of browsers for media consumption and the complexity of the mobile market as further reasons for Adobe’s decision. He went on to say that Adobe has a “long term commitment to the Flash Player on desktops,” but concluded by encouraging Flash developers to diversify their skill sets. For the very lengthy full-form version of Chambers’ explanation, hit the source link below, but we’d suggest grabbing a drink before you do so.", "image": "https://s.yimg.com/uu/api/res/1.2/58f4DBd6IPBcAJaQXJxwHg--~B/aD0yMTk7dz01MDA7YXBwaWQ9eXRhY2h5b24-/https://www.blogcdn.com/www.engadget.com/media/2011/11/10-3-2011flash-platform-logo.jpg", "logo": "https://s.yimg.com/kw/assets/favicon-160x160.png", "publisher": "Engadget", "title": "Adobe product manager fingers Apple for death of Flash Player for mobile", "url": "https://www.engadget.com/2011-11-11-adobe-product-manager-fingers-apple-for-death-of-flash-player-fo.html", "feed": "http://www.engadget.com/rss.xml", "lang": "en", "failed": true, "failedAt": 1728195045960, "failedError": "TimeoutError: Promise timed out after 10000 milliseconds", "expires": 1728365013894, "status": 200, "bodyLength": 232560, "duration": 3958 }
Poll: What Is Your Reaction to the Death of Mobile Flash?

www.readwriteweb.com
2011-11-10T00:02:15.000Z
adobe flash webdev html5 iphone mobile imported:pinboard

Notes

The Web is singing this morning. The coming death of Flash on mobile devices has made a lot of tech pundits and developers very happy. There is a big fat "I told you so" coming from all corners the of Internet while all Adobe can do is quietly sit back and rue the day the original iPhone was announced.

Unfurl

{ "failed": true, "failedAt": 1728195048919, "failedError": "TimeoutError: Promise timed out after 10000 milliseconds" }
Ex-Flash Manager: Adobe Ignored Smartphones Until It Was Too Late

www.readwriteweb.com
2011-11-09T23:59:17.000Z
adobe mobile html5 smartphones imported:pinboard

Notes

A former manager and engineer of Flash at Adobe said today that when the true smartphone revolution came in 2007 with the announcement of the iPhone is 2007, Adobe ignored it. Carlos Icaza co-founded Ansca Mobile, the creators of the Corona SDK, left Adobe in 2007 when his call for embracing the touchscreen smartphone evolution was ignored by Adobe executives.

Unfurl

{ "failed": true, "failedAt": 1728195048919, "failedError": "TimeoutError: Promise timed out after 10000 milliseconds" }
The mobile app is going the way of the CD-ROM: To the dustbin of history | VentureBeat

venturebeat.com
2011-11-09T23:38:50.000Z
mobile apps html5 webdev imported:pinboard

Notes

For developers, it’s technologically more manageable to build one mobile web app than a half-dozen or even just two native apps. And given the state of mobile web standards, we’re quickly approaching a point where end users can’t tell the difference between the two. All that’s really left is a business model for mobile web apps, Sullivan contends.

Unfurl

{ "failed": true, "failedAt": 1728195046971, "failedError": "AxiosError: Request failed with status code 403" }
TideArt - Web designers: Time to ditch Flash, Silverlight, and embrace HTML5

tideart.com
2011-11-09T23:37:16.000Z
flash webdev adobe silverlight html5 imported:pinboard

Notes

Yesterday, Adobe announced major job cuts and a company restructuring, and indicated that their focus on Flash may not be what it used to be, by cutting off Flash development on Android and the Playbook. Meanwhile last week, Microsoft was reluctantly admitting that Silverlight isn't a big part of their future either. The message is clear, and even if it means some relearning for long time web designers, it's time to switch to HTML5 if you haven't already.

Unfurl

{ "url": "http://tideart.com/?id=4ebafb57", "failed": true, "failedAt": 1728195048919, "failedError": "TimeoutError: Promise timed out after 10000 milliseconds", "expires": 1728365013896, "status": 200, "bodyLength": 126, "duration": 2284 }
LukeW | The Web OS is Already Here…

www.lukew.com
2011-11-09T16:28:29.000Z
webdev html5 mobile future webos imported:pinboard

Notes

Let me restate that simply. The Web (browser) is inside of every application instead of every application being inside the Web (browser).

Feed

Unfurl

{ "author": "Luke Wroblewski", "date": "2011-11-08T12:00:00.000Z", "description": "The Web OS is already here… it’s just not what you thought it would be. Web technologies are currently powering content and interactions across multiple devices…", "image": "https://static.lukew.com/webos_chromeos.gif", "logo": "http://static.lukew.com/touch-icon-ipad-retina.png", "publisher": "LukeW", "title": "LukeW | The Web OS is Already Here…", "url": "http://www.lukew.com/", "feed": "http://feeds.feedburner.com/FunctioningForm", "lang": "en", "failed": true, "failedAt": 1728195050587, "failedError": "TimeoutError: Promise timed out after 10000 milliseconds", "expires": 1728365016155, "status": 200, "bodyLength": 15743, "duration": 1564 }
Twitter / Ben Ward: Oh for fucks sake. We may ...

twitter.com
2011-11-04T14:52:53.000Z
ifttt twitter favorites occupyhtml5 facepalm derp html5 imported:pinboard

Notes

@BenWard: Oh for fucks sake. We may as well just "consider replacing all HTML tags with

Unfurl

{ "logo": "https://abs.twimg.com/responsive-web/client-web/icon-ios.77d25eba.png", "publisher": "X (formerly Twitter)", "title": "x.com", "url": "http://twitter.com/BenWard/status/130211654393798657", "failed": true, "failedAt": 1728195088192, "failedError": "TimeoutError: Promise timed out after 10000 milliseconds", "expires": 1728365041096, "status": 200, "bodyLength": 2742, "duration": 3377 }
DZSlides

paulrouget.com
2011-05-13T02:45:31.000Z
css3 html5 slides imported:pinboard

Notes

DZSlides is a one-page-template to build your presentation in HTML5 and CSS3.

Unfurl

{ "logo": "https://paulrouget.com/favicon.ico", "title": "DZSlides", "url": "http://paulrouget.com/dzslides/", "expires": 1728365350105, "status": 200, "bodyLength": 1686, "duration": 1290 }
[from codepo8] HTML5 Rocks - A Simple TODO list using HTML5 IndexedDB

www.html5rocks.com
2010-12-29T17:17:41.000Z
html5 database webdev imported:pinboard

Unfurl

{ "image": "https://web.dev/static/images/social-wide.jpg", "logo": "https://www.gstatic.com/devrel-devsite/prod/vfebef541c9fc0d1ace8dfdb0f441925a06e1d514c8d869e9f136cb4460077d33/web/images/favicon.png", "publisher": "web.dev", "title": "Learn web development | web.dev", "url": "https://web.dev/learn", "lang": "en", "failed": true, "failedAt": 1728195362993, "failedError": "TimeoutError: Promise timed out after 10000 milliseconds" }
JPEGs with Alpha Channels?!? | jackadamblog

blog.jackadam.net
2010-10-05T18:38:39.000Z
jpeg png alpha canvas html5 webdev imported:pinboard

Unfurl

{ "failed": true, "failedAt": 1728195401721, "failedError": "Error: getaddrinfo ENOTFOUND blog.jackadam.net" }
HTML 5 Chip Tracker

jonbro.tk
2010-10-01T14:26:07.000Z
html5 chip tracker imported:pinboard

Unfurl

{ "failed": true, "failedAt": 1728195402349, "failedError": "Error: getaddrinfo ENOTFOUND jonbro.tk" }
Pixel Editor, free online pixel editor - Pixie

pixie.strd6.com
2010-08-04T15:02:11.000Z
pixie html5 pixel art imported:pinboard

Notes

"On Pixie you can create amazing pixel art for free, from anywhere, and share it with the world."

Unfurl

{ "failed": true, "failedAt": 1728195437855, "failedError": "Error: getaddrinfo ENOTFOUND pixie.strd6.com" }
Jon Combe | Experiments | Thrust: A classic computer game remake using <canvas>

joncom.be
2010-07-25T03:09:49.000Z
gaming html5 canvas thrust oldschool classic imported:pinboard

Notes

"Thrust was just awesome and it is that game which I have attempted to recreate here using just JavaScript and the HTML <canvas> tag. I have 'cheated' a little in that I use Scott Schiller's excellent SoundManager 2 Javascript audio manager (which in turn uses Flash) to play the sounds, but I think that is fair game in the spirit of what I am trying to do."

Unfurl

{ "failed": true, "failedAt": 1728195450463, "failedError": "TimeoutError: Promise timed out after 10000 milliseconds", "expires": 1728365686833, "status": 200, "bodyLength": 9067, "image": "http://joncom.be/images/jc.png", "logo": "https://www.joncom.be/favicon.ico", "url": "https://www.joncom.be/stuff/thrust/", "lang": "en", "duration": 6189 }
kanaka's noVNC at master - GitHub

github.com
2010-06-23T17:34:14.000Z
vnc websockets webdev javascript html5 canvas imported:pinboard

Unfurl

{ "failed": true, "failedAt": 1728195454536, "failedError": "TimeoutError: Promise timed out after 10000 milliseconds", "expires": 1728365702996, "status": 200, "bodyLength": 386289, "author": "novnc", "description": "VNC client web application. Contribute to novnc/noVNC development by creating an account on GitHub.", "image": "https://repository-images.githubusercontent.com/598164/c85b0700-cefc-11e9-8dfc-4d589d982a79", "logo": "https://github.com/fluidicon.png", "publisher": "GitHub", "title": "GitHub - novnc/noVNC: VNC client web application", "url": "https://github.com/novnc/noVNC", "lang": "en", "duration": 5334 }
Google to Open-source VP8 for HTML5 Video

newteevee.com
2010-04-12T21:08:04.000Z
google on2 vp8 video html5 webdev opensource mozilla imported:pinboard

Unfurl

{ "failed": true, "failedAt": 1728195487360, "failedError": "TimeoutError: Promise timed out after 10000 milliseconds" }
W3C FileAPI in Firefox 3.6 at hacks.mozilla.org

hacks.mozilla.org
2009-12-11T19:11:05.000Z
w3c webdev firefox mozilla file api javascript html5 imported:pinboard

Notes

"Often, web applications will prompt the user to select a file, typically to upload to a server. Unless the web application makes use of a plugin, file selection occurs through an HTML input element, of the sort <input type="file"/>. Firefox 3.6 now supports much of the W3C File API, which specifies the ability to asynchronously read the selected file into memory, and perform operations on the file data within the web application (for example, to display a thumbnail preview of an image, before it is uploaded, or to look for ID3 tags within an MP3 file, or to look for EXIF data in JPEG files, all on the client side). This is a new API, and replaces the file API that was introduced in Firefox 3."

Feed

Embed

Unfurl

{ "failed": true, "failedAt": 1728195507380, "failedError": "TimeoutError: Promise timed out after 10000 milliseconds", "expires": 1728365822858, "status": 200, "bodyLength": 71084, "author": "Arun Ranganathan", "date": "2017-11-17T16:34:15.000Z", "description": "Often, web applications will prompt the user to select a file, typically to upload to a server. Unless the web application makes use of a plugin, file selection occurs through…", "image": "https://hacks.mozilla.org/wp-content/themes/Hax/img/hacks-meta-image.jpg", "logo": "http://hacks.mozilla.org/favicon.ico", "publisher": "Mozilla Hacks – the Web developer blog", "title": "W3C FileAPI in Firefox 3.6 – Mozilla Hacks - the Web developer blog", "url": "https://hacks.mozilla.org/2009/12/w3c-fileapi-in-firefox-3-6", "feed": "https://hacks.mozilla.org/feed/", "iframe": "<blockquote class=\"wp-embedded-content\" data-secret=\"buzGs3UV4Q\"><a href=\"https://hacks.mozilla.org/2009/12/w3c-fileapi-in-firefox-3-6/\">W3C FileAPI in Firefox 3.6</a></blockquote><iframe sandbox=\"allow-scripts\" security=\"restricted\" src=\"https://hacks.mozilla.org/2009/12/w3c-fileapi-in-firefox-3-6/embed/#?secret=buzGs3UV4Q\" width=\"600\" height=\"338\" title=\"“W3C FileAPI in Firefox 3.6” — Mozilla Hacks - the Web developer blog\" data-secret=\"buzGs3UV4Q\" 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", "duration": 6960 }
Aral Balkan · Maximizing your DROIT, or: why you should learn HTML5, CSS3, and JavaScript for mobile development.

aralbalkan.com
2009-11-18T18:17:15.000Z
palm webdev open webos html5 imported:pinboard

Notes

"While Microsoft drifts aimlessly with Windows Mobile trying to play a fruitless game of cat and mouse with Apple, and while Google – the defender of all things open and web – invests in Java with Android, one company has come out of left field with a solid vision to embrace open web technologies for its mobile platform. That company is Palm and its platform is called WebOS. And you should stand up and take notice because it is one of the most important developments in the mobile world today."

Unfurl

{ "failed": true, "failedAt": 1728195507382, "failedError": "TimeoutError: Promise timed out after 10000 milliseconds" }
Aral Balkan · Maximizing your DROIT, or: why you should learn HTML5, CSS3, and JavaScript for mobile development.

aralbalkan.com
2009-11-18T18:17:15.000Z
palm webdev open webos html5 imported:raindrop

Notes

"While Microsoft drifts aimlessly with Windows Mobile trying to play a fruitless game of cat and mouse with Apple, and while Google – the defender of all things open and web – invests in Java with Android, one company has come out of left field with a solid vision to embrace open web technologies for its mobile platform. That company is Palm and its platform is called WebOS. And you should stand up and take notice because it is one of the most important developments in the mobile world today."

Unfurl

{ "failed": true, "failedAt": 1728195507382, "failedError": "TimeoutError: Promise timed out after 10000 milliseconds" }
HTML5 のセクションアウトラインを生成してみよう！ - IT戦記

d.hatena.ne.jp
2009-09-29T13:52:32.000Z
html5 webdev outliners bookmarklet coding markup js tools imported:pinboard

Notes

It's the HTML 5 outline algorithm in JavaScript. "javascript:(function(s){ s.src = 'http://amachang.sakura.ne.jp/misc/outline/check.js'; document.body.appendChild(s) })(document.createElement('script')) "

Feed

Embed

Unfurl

{ "failed": true, "failedAt": 1728195507400, "failedError": "TimeoutError: Promise timed out after 10000 milliseconds", "expires": 1728365838461, "status": 200, "bodyLength": 73023, "author": "天野仁史", "date": "2018-05-24T05:22:51.000Z", "description": "昨日 HTML5 のセクションアウトラインを取得する JavaScript - IT戦記という記事で、以下の JavaScript ファイルを公開しました Outliner.js で公開したのはいいのですが、 @amachang 使い方がわからんです…。見てるページで試せるように、Bookmarkletになっていると嬉しいです。 http://twitter.com/os0x/status/3972339847 …肝心の使い方を書くのを忘れていました＞＜＞＜というわけで簡単に使い方を解説したいと思うます。手順は 2 ステップ 1. まず outliner.js を読み込む <!DOC…", "image": "https://cdn.image.st-hatena.com/image/scale/cff4a867a6844c59b592ea0e2a60345bc316f58d/backend=imagemagick;height=1300;version=1;width=1300/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fa%2Famachang%2F20090915%2F20090915145809.png", "logo": "https://amachang.hatenablog.com/icon/link", "publisher": "IT戦記", "title": "HTML5 のセクションアウトラインを生成してみよう！ - IT戦記", "url": "https://amachang.hatenablog.com/entry/20090915/1252999677", "feed": "https://amachang.hatenablog.com/rss", "iframe": "<iframe src=\"https://hatenablog-parts.com/embed?url=https%3A%2F%2Famachang.hatenablog.com%2Fentry%2F20090915%2F1252999677\" title=\" HTML5 のセクションアウトラインを生成してみよう！ - IT戦記\" class=\"embed-card embed-blogcard\" scrolling=\"no\" frameborder=\"0\" style=\"display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;\"></iframe>", "lang": "ja", "duration": 9881 }
HTML 5 Outliner

gsnedders.html5.org
2009-08-25T23:40:16.000Z
html5 outliner outlines webdev markup system:host=gsnedders.html5.org imported:pinboard

Notes

Need to remember that this algorithm exists, for when I start working on an outliner again.

Unfurl

{ "logo": "http://gsnedders.html5.org/favicon.ico", "title": "HTML 5 Outliner", "url": "http://gsnedders.html5.org/outliner/", "lang": "en", "failed": true, "failedAt": 1728195507402, "failedError": "TimeoutError: Promise timed out after 10000 milliseconds", "expires": 1728365843050, "status": 200, "bodyLength": 1024, "duration": 2360 }
Web Database - W3C HTML5

dev.w3.org
2009-07-31T16:13:09.000Z
html5 sql databases webdev w3c standards imported:pinboard

Notes

"This specification defines an API for storing data in databases that can be queried using a variant of SQL."

Unfurl

{ "failed": true, "failedAt": 1728195507408, "failedError": "TimeoutError: Promise timed out after 10000 milliseconds" }
camen design · Video for Everybody!

camendesign.com
2009-06-21T05:36:39.000Z
video html webdev html5 flash imported:pinboard

Notes

"Video For Everybody is very simply a chunk of HTML code that embeds a video into a website using the HTML5 <video> element which offers native playback in Firefox 3.5 and Safari 3 & 4 ... In other browsers that do not support <video>, it falls back to Adobe Flash ... If Flash is not installed, QuickTime is used (which allows playback on the iPhone) ... If QuickTime is not installed then Windows Media Player is used in Internet Explorer for Windows Vista and above. ... Finally, if all else fails, a warning is issued that provides links to download the video, and links to software relevant to getting the video to play within the browser itself. ... This is all done without JavaScript and requires only two video encodes, one OGG file for Firefox 3.5, and one MP4 file for everything else (Flash / Safari / iPhone)."

Unfurl

{ "failed": true, "failedAt": 1728195517391, "failedError": "TimeoutError: Promise timed out after 10000 milliseconds" }
Chromium Blog: Extensions at Google I/O

blog.chromium.org
2009-05-28T19:50:12.000Z
chromium google chrome addons extensions html5 webdev imported:pinboard

Notes

"Today I gave a presentation at Google I/O explaining some of the cool ideas that lie at the heart of our upcoming extension system. For those who didn't get a chance to attend the conference, you can check out the slides"

Feed

Unfurl

{ "failed": true, "failedAt": 1728195517410, "failedError": "TimeoutError: Promise timed out after 10000 milliseconds", "expires": 1728365878309, "status": 200, "bodyLength": 137469, "author": "Google", "date": "2009-05-27T12:00:00.000Z", "description": "Today I gave a presentation at Google I/O explaining some of the cool ideas that lie at the heart of our upcoming extension system . For th…", "image": "http://1.bp.blogspot.com/-vkF7AFJOwBk/VkQxeAGi1mI/AAAAAAAARYo/57denvsQ8zA/s1600-r/logo_chromium.png", "logo": "https://blog.chromium.org/favicon.ico", "publisher": "Chromium Blog", "title": "Extensions at Google I/O", "url": "https://blog.chromium.org/2009/05/extensions-at-google-io.html", "feed": "https://blog.chromium.org/feeds/posts/default?alt=rss", "lang": "en", "duration": 7220 }
Eric's Archived Thoughts: JavaScript Will Save Us All

meyerweb.com
2008-10-22T19:07:43.000Z
webdev js javascript css css3 diy vendors standards markup html html5 html4 imported:pinboard

Notes

"we’re all vendors now, baby!"

Feed

Unfurl

{ "failed": true, "failedAt": 1728195547410, "failedError": "TimeoutError: Promise timed out after 10000 milliseconds", "expires": 1728365944427, "status": 200, "bodyLength": 61359, "date": "2008-10-22T12:00:00.000Z", "description": "Most of the browser development work these days seems to be going into JavaScript performance. That’s a good thing for CSS3 and HTML5.", "image": "https://meyerweb.com/ui/i/hamonshu/fb-og-image.png", "logo": "https://meyerweb.com/favicon.ico", "title": "JavaScript Will Save Us All", "url": "https://meyerweb.com/eric/thoughts/2008/10/22/javascript-will-save-us-all/", "feed": "http://meyerweb.com/eric/thoughts/rss2/full", "lang": "en", "duration": 5036 }
Digital Web Magazine - HTML5, XHTML2, and the Future of the Web

www.digital-web.com
2007-04-12T20:17:38.000Z
webdev html5 whatwg xhtml html imported:pinboard

Notes

"HTML5 will be the future of the web, so my advice would be to pay close attention to it."

Unfurl

{ "failed": true, "failedAt": 1728195657424, "failedError": "TimeoutError: Promise timed out after 10000 milliseconds" }
Hixie's Natural Log: Tag Soup: appendChild() of a script that calls document.write()

ln.hixie.ch
2006-08-10T17:17:13.000Z
html webdev html5 ajax json js imported:pinboard

Notes

"What will happen? What should I put in the spec?"

Unfurl

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

previous 14 - 64 of 64 items

10 25 50 100 250