Quick Tips Tutorials

  • By
    Detect if Element is a Web Component

    I've advocated for web components since before they became a spec, mostly inspired by the Dojo Toolkit's dijit framework. Empowering first class JavaScript widgets, as opposed to a mess of DIVs and templates, always made the most sense. Now that web components exist, and awesome...

  • By
    Recursive Array.flat

    There was much talk about Array.prototype.flat during its early stages, starting with the name alone. Many developers preferred the name flatten but the spec differed from MooTools' implementation. MooTools would recursively flatten an array but the new, official flat implementation defaults one level of flattening,.The current...

  • By
    Using Array reduce

    Every developer who specializes in any programming language will tell you there's a powerful tool the language provides that they rarely use and wish they knew more about. For me, it's Array.prototype.reduce. I quite enjoy the other Array methods like map, filter, and find...

  • By
    Type Conversion with JavaScript Arrays

    JavaScript's loose nature allows developers to employ amazing tricks to do just about anything you'd like. I've detailed how you can filter falsy values in arrays using a filter(Boolean) trick, but reader David Hibshman shared another trick for typecasting array values the same...

  • By
    JavaScript Detect Async Function

    JavaScript async/await has changed the landscape of how we code. We're no longer stuck in callback or then hell, and our code can feel more "top down" again.Async functions require the following syntax:To use await with a function, the function needs to be declared with...

  • By
    Remove Recent Applications from Dock

    A Mac user's dock is a sacred place. We customize our dock to no end, and if you're ultra organized like me, you even use dock separators to group your app icons.Apple recently implemented a feature which displays three recently used apps in the...

  • By
    Open FaceTime Call from Command Line

    Communication tools are always associated with UIs, and for good reason -- if you want communication to be easy and intuitive, you need easy and intuitive interfaces. We need communication tools to provide the lowest barrier of entry, since not all users will be tech...

  • By
    How to Reverse a Video

    One of my favorite media utilities is ffmpeg. This command line utility allows us to do some pretty amazing stuff like;Slice videosConvert video formatsModify video speedCombine audio and videoEvery once in a while I see a meme or funny video that...

  • By
    Get File MIME Type from Command Line

    I've gotten skilled at shell scripting over the years. I love a good GUI but knowing how to automate makes you a much more powerful engineer. Much of my scripting requires recursing over directories and processing a file if it meets a given criteria, which...

  • By
    List USB Devices from Command Line

    I was recently creating a Recalbox with my 5 year old son and it was an awesome experience; I saw the excitement and curiosity in his eyes while helping him put together a video game machine. We added NES, SNES, and Nintendo 64 games to...