David Walsh World Tour (Guest Blog Posts)

By  on  

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 undertaking for a number of reasons:  it's a wiki-based community site, new features needed to be added on both the server and client sides, we needed to support a beta mode so we essentially were maintaining two sites concurrently, and the usual feedback and communication issues that come with those other factors.  In this post, I provide the technical details of the MDN redesign.  This is also my debut on the prestigious Mozilla Hacks blog.

Getting Started with Stylus

Speaking of the MDN redesign and debuts, I wrote my first guest post for the Treehouse blog, detailing how to use Stylus, the CSS preprocessor I used for the new MDN.  Stylus is an excellent, excellent preprocessor that doesn't get enough credit, so even if you prefer Sass or LESS, check out this post -- you may learn something!  Don't forget you can start learning for free! ;)

Readying Your Site for RTL

My experience with the MDN redesign taught me a whole lot about CSS, browser rendering, and the need for flexibility in design.  Even if your sites don't require RTL support, this post is a great intro to RTL support.  I promise you'll learn a few things from this post!

An Interview with JavaScript Legend Kyle Simpson

Throughout my career as a developer and blogger, I've had the privilege of meeting or making acquaintances with many super talented software engineers.  Toward the top of the list is Kyle Simpson, father of JavaScript loaders and all around JS badass.  I asked him about JavaScript, HTML5, and his tips for how you can become a legend like him.  Don't miss this!

6 Tips for Creating AJAX-Heavy Websites

This blog is AJAX-heavy and I learned a lot in getting there.  This post details how I made site maintenance infinitely easier with event delegation, JavaScript loaders, and a variety of other techniques.  If you want to optimize your sites with XHR, check out this post!

Whew, I've been all over the place.  I hope you enjoy these posts and look forward to more!

Recent Features

  • By
    7 Essential JavaScript Functions

    I remember the early days of JavaScript where you needed a simple function for just about everything because the browser vendors implemented features differently, and not just edge features, basic features, like addEventListener and attachEvent.  Times have changed but there are still a few functions each developer should...

  • By
    Page Visibility API

    One event that's always been lacking within the document is a signal for when the user is looking at a given tab, or another tab. When does the user switch off our site to look at something else? When do they come back?

Incredible Demos

  • By
    Fading Links Using jQuery:  dwFadingLinks

    UPDATE: The jQuery website was down today which caused some issues with my example. I've made everything local and now the example works. Earlier this week, I posted a MooTools script that faded links to and from a color during the mouseover and mouseout events.

  • By
    Duplicate the jQuery Homepage Tooltips Using MooTools

    The jQuery homepage has a pretty suave tooltip-like effect as seen below: Here's how to accomplish this same effect using MooTools. The XHTML The above XHTML was taken directly from the jQuery homepage -- no changes. The CSS The above CSS has been slightly modified to match the CSS rules already...

Discussion

  1. Loupax

    In the title of the post the three dots seem to be a single character that causes the font to break in Chrome 31.0.1650.63 m. Replacing the character with three separate dots in the element inspector makes the font to render normally, and reverting it brakes it again.

    Nothing to do with the post but I found it interesting!

Wrap your code in <pre class="{language}"></pre> tags, link to a GitHub gist, JSFiddle fiddle, or CodePen pen to embed!