David Walsh Tutorials

  • By
    5 .htaccess Snippets to Borrow from HTML5 Boilerplate

    HTML5 Boilerplate is an awesome website template when you want all best pieces in place for you when you start your project.  A while back I covered 7 CSS Snippets to Borrow from HTML5 Boilerplate, so today I want to feature a few...

  • By
    David Walsh World Tour (Guest Blog Posts)

    I've been getting around lately and I wanted to share with you some blog posts that I've published on other sites! The Mozilla Developer Network has a New Face I've been working on the MDN front-end redesign over the last four months.  It was a massive...

  • By
    Table Cell and Position Absolute

    If you follow me on Twitter, you saw me rage about trying to make position: absolute work within a TD element or display: table-cell element.  Chrome?  Check.  Internet Explorer?  Check.  Firefox?  Ugh, FML.  I tinkered in the console...and cussed.  I did some researched...and I...

  • By
    5 Best Practice Mentalities to Get Over

    Every developers strives to write clean, maintainable, and functional code, whether they hack on the server side or dabble on the client side. Over the last few decades of the web, we've learned from some of our early mistakes and formed a site of always...

  • By
    Prevent Wrapping of <code> Tags in Text

    Writers of technical documentation (or lowly blog writers like myself) oftentimes put property names in <code> tags within blocks of text. Doing so makes reading the text easier and prevents users from misconstruing explanatory text with property names. CSS uses a dash within its...

  • By
    Device State Detection with CSS Media Queries and JavaScript

    Being able to detect device state at any given moment is important for any number of reasons and so it's important that web app CSS and JavaScript are in sync with each other. In working on the Mozilla Developer Networks' redesign, I found that our...

  • By
    Mighty Deals: Elite Pro Icons

    The day I discovered icon fonts was one of the best days of my web development life.  They resize with CSS font-size, they change color with CSS color, and you don't have to worry about any manual image work; major bonuses for a developer...

  • By
    Stock Image Savings with Lootback

    Every web developer, whether working as a freelance entrepreneur or for a business, needs to be efficient with money.  When I was working at a small, local design and web shop, one of the big costs of projects was stock photography.  I couldn't believe that when...

  • By
    Mighty Deals:  15 Royalty-Free Music Tracks

    The latest deal from MightyDeals is a unique one for web developers:  15 Royalty-Free Music Tracks from LuckStock.  With this bundle, you receive: 15 High-Quality Instrumental Tracks Need some professional music for your next project? No matter what the occasion, this...

  • By
    Firefox OS Media Query

    Firefox OS is an awesome new HTML5-based mobile operating system.  Some would says it's epic, I just think it's...super epic.   The "native" languages are HTML, CSS, and JavaScript -- it's enough to make a Web Developer weep.  Anyways, it's important to know how to target...