Projects/remesh/ Live Development with Brackets (experimental) – Brackets. As you all know and love, Brackets gives you immediate feedback in the browser when editing CSS files through the live preview. We call this “live development”. What you did not know is that Brackets already includes some experimental features that allow the live development of HTML and JavaScript files. The video below demonstrates what I mean (best viewed in 720p): So, how does it work? For the live preview, we open a remote debugger connection to Chrome, which we can use to inspect and interact with the visible page. Through this connection, we can replace some of the source files of the rendered web site with updated copies. The live preview remote debugger connection can be used by extensions to do cool things. The connection is fairly easy to use and documented (see brackets/src/LiveDevelopment/Inspector/inspector.html) or the official (but incomplete) documentation. Voxel.js * blocks in yo browser.
About voxel.js is a collection of projects that make it easier than ever to create 3D voxel games like Minecraft all in the browser. It was written by @maxogden and @substack, two non-game developers that want to make voxel games easy, fun and modular. If you find bugs it is most likely because we don't really know what we are doing when it comes to making games. Watch Here is a presentation from May 2013 that covers all the exciting stuff happening in voxel.js land! Contribute All of the code is open source! Examples voxel.js games require a computer that can run WebGL, the HTML5 3D graphics engine. Click on the screenshots below to run the demos in your browser: Components Instead of making a giant game framework we instead decided to split voxel.js up into a bunch of small building blocks (modules). The Core Add-ons voxel-debris configure how much debris appears (and debris physics) when you destroy a block voxel-forest decorate your world with procedurally generated trees toolbar voxel-move More!
A look into Custom Filters reference implementation | Web Platform Team Blog. Over the past two years, my team in Adobe has been actively working on the CSS Custom Filters specification (formerly CSS Shaders), which is just one part of the greater CSS Filters specification. Alongside the spec work, we have been working on the CSS Custom Filters WebKit implementation, so I’ve decided to write this blog post to explain how this is all being implemented in WebKit, giving an high-level conceptual overview of the game.
Support for OpenGL shaders on general DOM content has been one of the noted features for the latest Chrome releases. Users and web developers are excited about the ability to apply cinematic effects on their pages. Shaders, Shaders, Shaders I’ve often been asked “what is a shader?” Roughly speaking, the reason why these small programs run on the your graphic card’s processor (the GPU) instead of the regular CPU is that GPUs are very good at performing ad hoc math operations in parallel. Parsing and Style Resolution Here’s a picture of the happy event: Bootstrap Application Wizard | Panopta. One of Panopta’s strengths is its configurability to meet your specific monitoring and notification needs. Translating all of these configuration options in a simple and intuitive user interface and experience is challenging, so to meet this challenge, we built the Application Wizard for Bootstrap.
The Application Wizard is a Bootstrap addon that allows multi-step forms to progress in a natural order while remaining flexible. To share it’s utility, we’ve open sourced the Application Wizard on Github. It works as a drop-in addon to bootstrap and requires little configuration outside of setting up the wizard modal itself. To see this in action signup for Panopta today Get the latest source on Github. Requirements are Bootstrap >= 2.2.2 (current). To use, include the wizard stylesheet after the bootstrap stylesheet: And the wizard javascript after the bootstrap javascript: And create the required boilerplate markup for your wizard content: Lastly, initialize the wizard: WizardCard events: el markup. Elevate your apps in Google Drive. Sites/default/files/help/whitepapers/LOD-Level-of-detail-in-OpenSceneGraph-OSG.pdf.