Welcome to base — an internal guide & code repository for designing and coding at MapBox. MapBox styleguide →
Author Archives: Bramus!
High Performance Animations
Modern browsers can animate four things really cheaply: position, scale, rotation and opacity. If you animate anything else, it’s at your own risk, and the chances are you’re not going to hit a silky smooth 60fps. True story. A recent animation-heavy prototype I once made was, at first, quickly thrown together by animating top/left, scrollTop …
Coding-Style Conventions
It’s a man’s phone
As a woman, I’ve slowly been written out of the phone world and the phone market. That extra “.2″ inches of screen size on each upgrade simply means that I can no longer do what I enviously observe men do every day: Check messages one-handed while carrying groceries or a bag; type a quick note …
Honda Illusions, An Impossible Made Possible
Star Wars: Tiny Death Star
If all the ice melted
HTML Barcode Scanner
window.addEventListener(‘load’, function() { barcode.config.start = 0.1; barcode.config.end = 0.9; barcode.config.video = ‘#barcodevideo’; barcode.config.canvas = ‘#barcodecanvas’; barcode.config.canvasg = ‘#barcodecanvasg’; barcode.setHandler(function(barcode) { document.getElementById(‘result’).innerHTML = barcode; }); barcode.init(); }); An HTML5 barcode scanner which scans EAN-13 barcodes using a webcam. HTML Barcode Scanner (GitHub) → Original repo was removed. Forked repos can be found below Did this help …
Daturi – Convert images to Base64
Tools for image optimization
Where possible, it’s best to try automating image optimization so that it’s a first-class citizen in your build chain. To help, I thought I’d share some of the tools I use for this. Not only contains a list of grunt plugins one can use, but also a few command line and online tools. I’ve been …