RT @neave: Very silly :) http://responsiveurl.co.uk/
December 2012
RT @paulrouget: Head tracking and 3D effect with WebRTC (works in Firefox, Chrome & Opera) http://is.gd/gqb4U4 (media.navigator pref needs to be turned on)
RT @twholman: Oooh! amazingly sexy #javascript chess - http://codepen.io/juliangarnier/full/BsIih - by @JulianGarnier
November 2012
Data Pointed - Animated Factorization http://www.datapointed.net/visualizations/math/factorization/animated- diagrams/ (via http://www.metafilter.com/121460/Factor-Conga )
September 2012
1.notice IE jQuery error; 2. dl slightly newer unminimized jQuery simply to debug specific line; 3. find bug has disappeared like magic, yay
RT @mathias: Detailed research on GPU acceleration and `requestAnimationFrame` across browsers by @zoltandulac: http://mths.be/bjk
remarkable how much faster it is to run js at bottom of body instead of on document.ready, especially with 3rd party adservers in the mix
100% Client Side QR Code Reader using getUserMedia() + Webcam http://miniqr.com/docs/demo/index.html (via http://html5weekly.com/archive/53.html )
We Are Back http://www.wab.com - classic 90s cracktros redone in js/canvas (via @threeze, @waxpancake) #demoscene
July 2012
highlight images with missing width/height params
A bit of jQuery I used recently for debbugging, to highlight all img-tags with missing width/height params:
$('img:not([width]),img:not([height])').css({border: '3px dashed red'})
Here's a plain js version that works without jQuery: document.styleSheets[0].insertRule('img:not([width]),img:not([height]){border: 3px dashed red}')
pareidoloop cleverly generates "faces" by combining random polygons, mutation, face detection: http://iobound.com/pareidoloop via http://javascriptweekly.com/archive/88.html
RT @rmurphey: What's wrong with @netmag's "Optimise your JavaScript" post https://gist.github.com/3086328 (with thanks to @cowboy @rwaldron & everyone else)
RT @jsgoodies: 2d visibility; various algorithms to determine visibility in 2d games, includes live demos: http://js.gd/2qa
June 2012
js screen.width/height on secondary displays
Just noticed a curious Javascript bug in Internet Explorer 9: the screen.width/height properties always return the dimensions of the main monitor, even when the active browser window is on the second monitor.
Upon further testing, it turns out Safari for Windows has the same problem. Chrome, Opera and Firefox all report the correct dimensions, however.
3D Thumbnail Hover Effects http://tympanus.net/Tutorials/3DHoverEffects/ via http://html5weekly.com/archive/42.html
RT @attasi: I built a CSS 3D lighting engine. It's called Photon. What do think? http://photon.attasi.com/
js wolf3d http://www.wolfenstein.com/game/wolf3d.html has the most awesome css spritesheets:
http://zmi-cdnstatic.s3.amazonaws.com/wolfenstein.bethsoft.com/art/bj. png
http://zmi-cdnstatic.s3.amazonaws.com/wolfenstein.bethsoft.com/art/wal ls-shaded/64/walls.png
http://zmi-cdnstatic.s3.amazonaws.com/wolfenstein.bethsoft.com/art/spr ites/128/002_053.png
RT @JSProfessor: Say goodbye to the pesky ternary operator: "[myResult1, myResult2][+myCondition];" #youreWelcome #greatForNesting
code.flickr: Parsing Exif client-side using JavaScript http://code.flickr.com/blog/2012/06/01/parsing-exif-client-side-using- javascript-2/
Creating Fast Buttons for Mobile Web Applications https://developers.google.com/mobile/articles/fast_buttons via http://news.ycombinator.com/item?id=4083357
RT @schill: @meyerweb Also for fun, see encoding JavaScript into PNG data: http://daeken.com/superpacking-js-demos
pasting a javascript:... url in Chrome address bar strips out the "javascript:" part, for security reasons probably
fun with Chrome css filter: javascript:void(deg=0,setInterval(function(){document.body.style.WebkitFilter='hue-rotate('+(++deg)+'deg)'},55))
May 2012
121
April 2012
RT @brad_frost: Use your phone to control a game played in your desktop browser! Awesome! http://jsdo.it/controller #ffly #fftweet
Responsive CSS3 Slider Without Javascript http://csscience.com/responsiveslidercss3/ by @teapoted
RT @NickSherman: The Neue Haas Grotesk site is an experiment in SVG type specimens. Zoomable, prints at high res, defaults to GIFs in IE http://www.fontbureau.com/NHG/specimens/
March 2012
RT @p01: JS1K Speech Synthesis - http://www.p01.org/releases/JS1K_Speech_Synthesizer/ - Speaks as you type and whole sentences in 1K of JavaScript #spoiler #formant #synthesis Enjoy
RT @js1k: ♥ Philip Buchanan's submission blew me away, wow! His "Autumn Evening" portrays a beautiful sunset http://js1k.com/2012-love/demo/1243 #js1k
JSConf.eu presentations on blip.tv http://blip.tv/jsconfeu
RT @jedschmidt: late in finding it, but here's the video of my @140bytes presentation at the last @jsconfeu. i had so much fun with it: http://blip.tv/jsconfeu/jed-schmidt-140byt-es-building-a-web-framework -one-tweet-at-a-time-5663160
February 2012
RT @alistapart: “Did you know var π = Math.PI; is syntactically valid JavaScript?” @mathias plumbs the depths of variable naming:
http://mathiasbynens.be/notes/javascript-identifiers ^mm
RT @romancortes: 1kb rose, rotating: http://js1k.com/2012-love/demo/1100
RT @twholman: Nick Kwiatek's has a sweet ASCII fluid systems going on here - http://nkwiatek.com/ - (wiggle the mouse around). via @nkwiatek + @ahmattox
RT @romancortes: How I made the js1k rose: http://www.romancortes.com/blog/1k-rose/
January 2012
RT @kasthomas: Procedural textures in HTML5 canvas http://asserttrue.blogspot.com/2012/01/procedural-textures-in-html5-ca nvas.html
Badass Javascript 2011 year in review http://badassjs.com/post/15082876071/2011-a-badass-javascript-year-in- review
December 2011
RT @jeresig: New Blog Post: JavaScript as a First Language: http://ejohn.org/blog/javascript-as-a-first-language/
November 2011
Overeager js touchmove event catching is the mobile equivalent to desktop js keypress catching, in that I inevitably trigger it by accident.
Worst offender is the default blogspot mobile template, jumping to prev or next entry on the slightest horizontal touchmove.
October 2011
RT @ppk: New blog post: Dart; or Why JavaScript has already won
http://www.quirksmode.org/blog/archives/2011/10/dart_or_why_jav.html
Warning: states only the bloody obvious.
September 2011
also, photo series on http://milov.nl/photos/ now use smooth scroll pageup/down effect similar to my work for @nrc inbeeld http://nrc.nl/inbeeld/
JavaScript Garden, growing collection of documentation about the most quirky parts of JavaScript programming language: http://bonsaiden.github.com/JavaScript-Garden/
July 2011
RT @mahemoff: Web Developer CVs in 2011: "I know many programming languages: JavaScript, CoffeeScript, Kaffeine, Coco, Harmony, JS.Next"
September 2000
Nice combination of technologies: Scorched Earth, the old tank game, rewritten in PHP3/DHTML. (part of bodytag.org)
Fisticuffs, cool flash manga animation.