Tutorials Page 2

  • By
    Script & Style Show: Episode 17: Accessibility with Elle Waters

    In this episode:  Todd and David discuss how "hot" David looks...due to David's air conditioning unit being broken.  Elle Waters is this weeks guest, joining us to talk about the importance of accessibility on the web, including what accessibility encompasses (more than you think!), tools to...

  • By
    Create Custom Video Player Controls with CanJS

    In this guide, you will learn how to create a custom video player using the <video> element and CanJS. The custom video player will: Have custom play and pause buttons. Show the current time and duration of the video. Have a <input type="range"> slider that can adjust the position...

  • By
    Create the Google Button Effect with CSS

    I always found Google's branding simple but grew to realize that was the beauty in their design; there's something about "just enough" that is the perfect balance between bland and over the top.  GMail's design grew old over the years and Google just got around to...

  • By
    Build Firefox Faster with Artifact Builds

    Working on Firefox DevTools has always been a dream of mine, mostly because it feels like the ultimate way to give back to the development community and those that helped me become a success.  And when I explain who Mozilla is and people ask "Oh, so...

  • By
    Realtime Cryptocurrency Rates API with coinlayer

    Last year when cryptocurrencies were gaining massively in value each month, I badly wanted to create a personal web project which would let me quickly buy and sell crypto outside of brokers like Coinbase; the problem I ran into was not having a reliable API...

  • By
    Script &#038; Style Show: Episode 16: JavaScript &#038; LEDs with Kristina Durivage

    In this episode:  Todd's back from an amazing conference and David sees this week's guest as being the ticket to making his kids thing he's a super hero.  The amazing Kristina Durivage stops by to talk JavaScript, electrical engineering and unusual uses of LEDs for programming...

  • By
    8 Digit Hex Colors

    One of the most requested capabilities in my early days of web development was the ability to set opacity on elements and even PNG images without the need for browser-specific CSS or hacks.  Eventually we got native opacity support and even enjoyed rgba(), the ability...

  • By
    Script &#038; Style Show: Episode 15: CSP with Scott Helme

    In this episode:  Todd dials in from a poppin' KCDC while David dials in with a massive headache.  Scott Helme dials in from lovely Manchester to discuss web security, specifically the criminally underused CSP API.  Join us to learn what CSP is, why it's important, how...

  • Media Temple Hosting
  • By
    Search Git Commits Between Dates

    One of my weaknesses as a developer is relying on UIs to provide me the data I need.  It's not a fatal weakness but it does hamper me a bit.  One prime example is relying on GitHub's interface to review changes; git's command line provides the...

  • By
    How to Hide Information in Images

    If you've followed this blog, you know that I'm obsessed with figuring out every way to interact with, abuse, and convert different types of media.  Whether it's images, video, or audio, if something can be changed or exploited, I want to figure out how to do...