A rather geeky/technical weblog, est. 2001, by Bramus
It’s been 1.5 years already since I created PS_BRAMUS.GoogleMapsTileCutter, a Photoshop Script which automatically chops up a large image into tiles for use with Google Maps. Today a huge update was released. Sparked by an initial pull request by Nick Springer, PS_BRAMUS.GoogleMapsTileCutter now sports a UI dialog in which you can set the options before …
Continue reading “Photoshop Google Maps Tile Cutter Script Update”
Ideally, the most legible typography contains between 45 and 75 characters per line. This is difficult to accomplish for all screen widths with only CSS media-queries. FlowType.JS eases this difficulty by changing the font-size—and subsequently the line-height—based on a specific element’s width. This allows for a perfect character count per line at any screen width. …
<script type="text/javascript" src="annyang.min.js"></script> <script type="text/javascript"> if (annyang) { // Let’s define our first command. First the text we expect, and then the function it should call var commands = { ‘show tps report’: function() { $(‘#tpsreport’).animate({bottom: ‘-100px’}); } }; // Initialize annyang with our commands annyang.init(commands); // Start listening. You can call this here, or …
Continue reading “Annyang — Control your site using voice commands”
SlimerJS allows you to interact with a web page through an external JS script. It is useful to do functional tests, page automation, network monitoring, screen capture, etc. webpage .open(url) // loads a page .then(function(){ // executed after loading // store a screenshot of the page webpage.viewportSize = { width:650, height:320 }; webpage.render(‘page.png’, {onlyViewport:true}); // …
Continue reading “SlimerJS — A scriptable browser for Web developers”
My Leap Motion Controller arrived last week. It’s quite fun to play around with, yet not recommended for every day use (this review by The Verge sums it all up quite nicely). Above that the daemon eats away CPU cycles as if it were candy 🙁 One very cool aspect about the Leap Motion though …
Continue reading “LeapJS – JavaScript client(s) for the Leap Motion Controller”
It may prove to be a very stupid idea, but this article is my attempt to talk reasonably about a topic that has so far spawned 100% unreasonable flamewar-filled bikeshed discussions. A lengthy, yet highly informative, and very in-depth article on why exactly JS-heavy web apps run slow on mobiles. Goes into depth on garbage …
Output snapshots and screenshots of canvas elements directly in the console of the Chrome Dev Tools var canvas = document.createElement(“canvas”), ctx = canvas.getContext(“2d”); // … //draw // … console.screenshot(canvas, 0.8); //Snapshot it and scale the output to 80% of the original size Resulting output is the image picture above. Also supports creating a snapshot which …