Improve the GitHub Website with “Refined GitHub”

Refined GitHub is a browser extension for Chrome and Firefox “that simplifies the GitHub interface and adds useful features”. The nice list of additions includes URL Condensing (pictured above) and Markdown preservation when copying comments (pictured below). The extension is also able to add a few extra views, filters, and links (such as linking to …

Apollo Launchpad – The GraphQL Server Demo Platform

Think of CodePen but for GraphQL: This is a tool you can use build, deploy, and share a simple GraphQL API right from your browser. We think it’s a great way to experiment with GraphQL and share examples of different patterns. Introducing Launchpad: The GraphQL server demo platform →Example Pad →

Full-stack React + GraphQL Tutorial

An extensive 5-part tutorial by the Apollo folks, using their own Apollo Client to communicate with the GraphQL Server: Despite the great advantages of using GraphQL [over REST], the first step can be a bit daunting. That’s why I’ve started writing a series of tutorials that take you step by step through building a full-stack …

Clippy – CSS clip-path Maker

Handy tool to creating shapes to use with the clip-path CSS property. Comes with some easy to use predefined shapes. The clip-path property allows you to make complex shapes in CSS by clipping an element to a basic shape (circle, ellipse, polygon, or inset), or to an SVG source. See the previously linked CSS Shapes, …

SlingStudio – Portable, Wireless Live Video Production

Color me impressed: SlingStudio is the integrated solution for creating and sharing professional-quality content. Connect all of your video sources – including professional cameras and smartphones – to SlingStudio’s video-grade Wi-Fi network for synchronizing and broadcasting live video. SlingStudio’s portability and robust wireless technology allow you to monitor, record, switch, edit and live-broadcast your multi-camera …

Chrome DevTools’ Command Menu

Something I learnt via Umar Hansa‘s great DevTools Tips is that the Chrome DevTools sport a Command Menu. By hitting SHIFT+CMD+P (same shortcut as Sublime Text’s command menu BTW) you can open it. Thanks to fuzzy matching you can easily access things in it. Chrome DevTools: UI: Command Menu → Umar Hansa’s Twitter Account is …

Connect multiple mobile screens together with Swip.js

What if all your mobile devices were a single screen? This probably isn’t the most common question to ask yourself. But, just for a second, actually think about it. Think about all the possibilities of being able to combine any kind of mobile device, independent of its operating system. That’s what Swip.js does. Place two …

Opera 46 and Chrome 59 now support APNG (Animated PNG)

This part of the Opera 46 release notes got me very excited: Opera now supports animated PNG, or APNG for short. APNG is a file format that works similarly to GIF. The difference is that APNG is smaller and supports both 24-bit images and 8-bit transparency. Ever since APNG landed in Firefox (10 years ago …