Building a Device Lab

Collection of slidedecks to building your own device lab (only the first one in the series embedded, click through below to see all others): We cover how to build a device lab as a product for your coworkers to test their work on a spectrum of operating systems and versions. We also cover how to …

Chartist – Simple responsive charts

/* Add a basic data series with six labels and values */ var data = { labels: [‘1’, ‘2’, ‘3’, ‘4’, ‘5’, ‘6’], series: [{ data: [1, 2, 3, 5, 8, 13] }] }; /* Set some base options (settings will override the default settings in Chartist.js *see default settings*). We are adding a basic …

Technical debt 101

Every time you don’t write software based on the best possible practices and understanding of the business domain, you incur it in a technical debt. This debt keeps increasing over time, just like an interest, because whoever has to change something has to deal with the imperfect concepts you codified on the first occasion. If …

When the “Casual” Workplace Is Confusing

Anna Lewis, Senior Recruiter at Viget: Casualness at the office starts with what we wear. The casual dress code common to start-ups and creative agencies—T-shirts, jeans, etc—seems to defy the very term “code”. When it’s time for a client meeting or a presentation, we start looking positively “nice” or “dressy” and, mysteriously, we all seem …

Mining Bitcoin with pencil and paper: 0.67 hashes per day

It turns out that the SHA-256 algorithm used for mining is pretty simple and can in fact be done by hand. Not surprisingly, the process is extremely slow compared to hardware mining and is entirely impractical. But performing the algorithm manually is a good way to understand exactly how it works. Mining Bitcoin with pencil …

Debugging iOS Safari and UIWebViews using Chrome DevTools

The ios_webkit_debug_proxy allows developers to inspect MobileSafari and UIWebViews on real and simulated iOS devices via the DevTools UI and WebKit Remote Debugging Protocol. DevTools requests are translated into Apple’s Remote Web Inspector service calls. The proxy detects when iOS devices are attached/removed and provides the current device list on http://localhost:9221. A developer can click …

Making the Web Sweeter with Food Network and Cupcakes

Adobe’s Web Platform group teamed up with Food Network to experiment with bringing their popular Cupcakes! tablet application to the web. See how we turned beautiful content from Food Network, hardware from Leap Motion, speech recognition, responsive tooling, and new layout and graphics standards into a next-generation web experience. Canvas Blend Modes, CSS Masks, CSS …

Choosing good CSS class names

Naming things is by far the most difficult part of writing CSS. This is because we can’t predict the future. A class name might make perfect sense one day, then the design changes, and it’s a misnomer the next day. We’re then tasked with refactoring our markup and styles so that they make sense. Yuck. …