Tutorials Page 3

  • By
    Replace Repeated Characters with JavaScript

    URLs can be tricky to work with because they can be more complicated than the traditional URL format you type in.  I was again reminded of this when I was parsing Webpack URLs when I saw this beauty: I parsed the URL with new URL("....") but saw that...

  • By
    Script & Style Show: Episode 19: Firefox Privacy and Security with Luke Crouch

    On this week's episode:  Todd co-hosts the show with the threat of killer bees invading his home despite David's advice to sell his house and seek alternate shelter.  Luke Crouch from Mozilla's Privacy and Security team joins the guys to talk browsing privacy, advertising, tracking, and...

  • By
    With Elementor, You can Design Every Part of a WordPress Website Without Writing a Line of Code

    Have you ever tried to envision what the definitive WordPress website builder would look like? It might bear some resemblance to products currently on the market except it would have much more to offer. That was exactly the Elementor team's thinking when they set...

  • By
    Script & Style Show: Episode 18: JavaScript Date and TC39 with Maggie Pint

    In this week's episode:  Todd discusses his self-imposed ban from Twitter while David tries to fathom a day without feeling the importance of people liking his pithy tweets.  The episode is saved by Maggie Pint, a Microsoft open source guru who also happens to be a...

  • By
    Create gists from Command Line

    One of the best ways to gain contributors for your open source project is by providing a rough patch for the contributor to start from.  One of the best ways to ask for help is by providing what you have so far and letting a mentor...

  • By
    Get and Set Volume with JavaScript

    The <audio> and <video> tags provide a wealth more functionality than most people know. For instance, did you know that you could detect supported video formats and audio formats using a few JavaScript tricks?  It got me to thinking about the possibilities of detecting system volume...

  • By
    Array Destructuring

    Destructuring has become a major language feature in JavaScript, most prominently seen with imports, but also in function declarations and so on.  While object literals are the usual case for destructuring, remember that you can also destructure Arrays and Sets. Let's have a look at how...

  • By
    Script &#038; 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...

  • Media Temple Hosting
  • 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...