Tutorials Page 4

  • By
    Easy to Use Tools and Resources to Make Your Work More Efficient

    How to deal with procrastination? You can read all the books and articles you want to about dealing with it. Yet, there's always something, a website project, for example, that you're still reluctant to tackle. Maybe it's the tools you're working with, and you need a few...

  • By
    Detect WEBP Support with JavaScript

    Image optimization is a huge part of improving front-end performance.  We've traditionally used JPG/JPEG, GIF, and PNG images but Google and the Chrome team developed the WEBP format which crunches file size and optimizes rendering.  If you go to a site like GIPHY in Chrome you'll...

  • By
    Binding Online Signatures with Eversign

    The early days of internet interactivity were silly polls, forums, guestbooks, and the most basic of forms.  As time has gone on, however, we're doing much more crucial and important business online, and here's a not-so-bold prediction:  we're only going to be doing more crucial...

  • By
    Top WordPress Themes You Should Know for Startups and Small Businesses

    Facing fierce competition is something that many small businesses and startups share. It can at times be tough to attract new customers and to keep existing ones. These days, small enterprises are discovering the benefits of having a professionally-designed website. They see it as a way of...

  • By
    Fill an Array with Sequential Values

    I've been contributing to Mozilla's awesome DevTools debugger because, well, I want to give back to the Firefox Engineers and all the developers who have stayed loyal to Firefox.  Having my hand in loads of Mozilla projects is really satisfying, especially for my ego. In any event...

  • By
    Focusing on Focus

    What's up my a11y allies? Were you ware that the mouse and keyboard handle focus differently? Well it's true. Both handle them differently, and depending on what browser you are in also matters...a lot actually. Focus is a crucial element to the usage and experience of the...

  • By
    10 Excellent Image Tricks and Enhancements with Cloudinary

    If you've read this blog over the past months, you'll know that Cloudinary offers an amazing array of functionality, whether it be imagery, video, and even audio. I wanted to highlight ten of my favorite features and tricks when transforming your media on Cloudinary! Outline...

  • By
    10 Years

    A full decade ago I was a rookie web developer at a small web shop in Madison, Wisconsin.  When I left college, all I knew was CSS layouts and confirmation boxes.  In short:  I was as green as could be, much greener that kids coming out...

  • Media Temple Hosting
  • By
    Shoelace.css: A Back to the Basics CSS Starter Kit

    CSS frameworks such as Bootstrap and Semantic UI have become an essential part of web design. They provide the necessary resets, default styles, and components that save us hours and hours of work. Most CSS frameworks are built using preprocessors such as Less or Sass, which is...

  • By
    Create a Waveform Image with ffmpeg

    Waveform images have a variety of uses and I've started seeing waveform images overlaying at the bottom of videos.  That type of feature seems useful if you want to see identify music in a video or specific spaces in a video which feature action.  If you're...