This is a Three.js 3D Tetris tutorial. I thought of it as an alternative way of learning Three.js and as a source of HTML5 game development tips. The game itself is not so great, but it’s quite good for the first project. Three.js Tetris Tutorial → Play Three.js Tetris →
Tag Archives: javascript
JavaScript Design Patterns – An Updated Free Book For Developers
Over the past year or so I’ve been actively trying to encourage more developers to invest time in learning about the benefits of design patterns and how they can be applied to JavaScript. To help with this, I wrote a book on the topic which I released for free. Learning JavaScript Design Patterns → Learning …
Continue reading “JavaScript Design Patterns – An Updated Free Book For Developers”
The case against localStorage
Christian Heilmann on localStorage: We have to stop advocating localStorage as a great opportunity for storing data as it performs badly. Sadly enough the alternatives are not nearly as supported or simple to implement. There is no simple solution for local storage → Related: Web Storage Introduction →
ResponsiveSlides.js
jQuery Anystretch
Anystretch is a jQuery plugin that allows you to add a dynamically-resized background image to any page or block level element. The image will stretch to fit the page/element, and will automatically resize as the window size changes. Handy when having a fluid layout/responsive design. Anystretch Demo → Anystretch (GitHub) → UPDATE: Reader Oemebamo pointed …
CreativeJS for non-coders: Create a particle system in 3 minutes
Pinterest’s div stacking layout algorithm
The number of columns adjusts to fit more/less on browser resize and the vertical stacking is not dependent on adjacent column heights. The source code shows that each div is positioned absolute. I would love to know how to accomplish this. What technology is used to generate pinterest.com’s absolute div stacking layout? →
turn.js
Turn.js is a plugin for jQuery that adds a beautiful transition similar to real pages in a book or magazine with HTML5. It works in all modern browsers including touch devices. And it is easy to manipulate, and lightweight with only 15k. turn.js — The page flip effect for HTML5 → Turn.js Source (GitHub) →
Zoomooz.js
Zoomooz is an easy-to-use jQuery plugin for making any web page element zoom. jQuery plugin that basically does the same as the aforementioned zoom.js. One thing that’s missing though is a shortcut (most likely something like the ESC key) to zoom out again, but that can easily be implemented 😉 Zoomooz.js →