Responsive Deliverables: The Style Guide

Jeremy wrote a nice article on Pattern Sharing, sparked by the Code for America Style Guide. A first look at the style guide might tell you it’s just a pattern primer, yet the menu reveals that the style guide also holds a few templates to use. In order to see the code used for the …

Batch install dependencies in all subfolder-organised projects

As a lecturer ICT I have to correct the work our students make. Therefor I collect all solutions and put them in a subfolder-organised structure on disk: per student I create a subfolder and put their solution into that folder(*). $ tree -L 1 . ├── student1 ├── student2 ├── … └── studentN As – …

React-PHP-V8Js

// the library $react_source = file_get_contents(‘/path/to/build/react.js’); // all custom code concatenated $app_source = file_get_contents(‘/path/to/custom/components.js’); $rjs = new ReactJS($react_source, $app_source); $rjs->setComponent(‘MyComponent’, array( ‘any’: 1, ‘props’: 2)); /// … // print rendered markup echo ‘<div id="here">’ . $rjs->getMarkup() . ‘</div>’; React-PHP-V8Js is an experimental library that uses the power of Facebook’s React library to render UI components …

Panda.js HTML5 game engine

Panda.js looks like a neat JS Game Engine featuring a Canvas/WebGL Renderer, Physics engine, Particle engine, Tweening, Sound Manager, etc. It also plays nice with mobile/touch interfaces. Example game is this neat Flappybird clone, Flying Dog. Panda.js HTML5 game engine → Flying Dog Source (GitHub) → Related: Be sure to check out Vladibird, an altered …

Establishing a new block formatting context using overflow: hidden;

Today Vasilis tweeted a link to a very nice (and old, apparently) CSS trick: Here's your monthly reminder that this is an obscure, but very handy feature of CSS overflow. http://t.co/4qNriVlB5y — Vasilis (@vasilis) February 13, 2014 Overflow does some cool things you should know about. Creates Block Formatting Context Clears Floats The second feature …