A rather geeky/technical weblog, est. 2001, by Bramus
jwerty is a JS lib which allows you to bind, fire and assert key combination strings against elements and events. It normalises the poor std api into something easy to use and clear.
jwerty is a small library, weighing in at around 1.5kb bytes minified and gzipped (~3kb minified). jwerty has no dependencies, but is compatible with jQuery, Zepto or Ender if you include those packages alongside it.
Loading JavaScript asynchronously is critical for the performance of your web app. Below is an idea how to do it for the most common social buttons out there so you can make sure these don’t interfere with the loading of the rest of your content. After all people need to see your content first, then decide if it’s share-worthy.
Another great post by Stoyan Stefanov, who’s blog I suggest following/subscribing to. Social Button BFFs →
Transforming elements via Javascript in all browsers at once can be a real pain in the ass (think vendor prefixes). Enter TranformJS:
2D and 3D transforms as regular CSS properties you can set using
.css()and animate using.animate()
In code that basically means you can now use this:
$('#test').animate({
translateY:'+=150',
scale:'+=2',
rotateY: '+='+(2*Math.PI),
rotateX: '+='+Math.PI,
rotateZ: '+='+Math.PI
},1500);
In the back, TransformJS will translate that to the correct CSS3 properties, for all browsers.
FitVids.js is a lightweight, easy-to-use jQuery plugin for fluid width video embeds. FitVids automates the Intrinsic Ratio Method by Thierry Koblentz to achieve fluid width videos in your responsive web design.
CSS, meet kerning. Kerning, meet CSS. Kern, style, transform, and scale your web type with real CSS rules, automatically.
Kerning.js →
/via @ort
(note: the demo didn’t work in Firefox Aurora for me, had to use Chromium)
jsmad: Javascript MPEG Audio Layer III (mp3) and ID3v2 decoder. For example, jsmad allows Firefox 4.0+ to play MP3s without any Flash.
JavaScript Garden is a growing collection of documentation about the most quirky parts of the JavaScript programming language. It gives advice to avoid common mistakes, subtle bugs, as well as performance issues and bad practices that non-expert JavaScript programmers may encounter on their endeavours into the depths of the language
One of the most important parts of a game engine is the so called “game loop”. It is the central piece of the game’s engine and is responsible for trying to balance running a game’s logic, and executing its drawing operations
This article explains on how to create such a game loop yourself, without blocking the UI Thread.
The jQuery documentation is great, very complete, nicely written and with a lot of examples and demos. The only thing that bugs me is the way we have to find the right documentation for what we search for. Try to search for the
.is()function for example. Over 100 matches before the actual function I am looking for?!*) And it is a fixed layout which means even on my big screen I have to scroll all the way down and have to scan for it. There have to be a better way, obviously.
… and that’s where JQAPI comes in. Above that it’s also up-to-date, sporting the latest documentation (in contradiction to other, outdated sites).
