Sean Larkin, one of the maintainers of Webpack, has started a video series to working with Webpack. The first course, entitled “The Core Concepts” is available for free: One of the biggest mysteries about webpack is how it works. As one of the maintainers of webpack, Sean Larkin is going to take you down a …
An Overview of JavaScript Testing in 2017
This short guide is intended to catch you up with the most important reasoning, terms, tools, and approaches to JavaScript testing. It combines many great recently written articles about some aspects discussed here and adds a little more from our experience. That first sentence is a lie though, nothing “short” about this grand overview ;). …
Continue reading “An Overview of JavaScript Testing in 2017”
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 …
Continue reading “Improve the GitHub Website with “Refined GitHub””
Apollo Launchpad – The GraphQL Server Demo Platform
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 …
Service Worker Gotchas
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 …
Continue reading “SlingStudio – Portable, Wireless Live Video Production”
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 …