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
    Create Namespaced Classes with MooTools

    MooTools has always gotten a bit of grief for not inherently using and standardizing namespaced-based JavaScript classes like the Dojo Toolkit does.  Many developers create their classes as globals which is generally frowned up.  I mostly disagree with that stance, but each to their own.  In any event...

  • By
    Conquering Impostor Syndrome

    Two years ago I documented my struggles with Imposter Syndrome and the response was immense.  I received messages of support and commiseration from new web developers, veteran engineers, and even persons of all experience levels in other professions.  I've even caught myself reading the post...

Incredible Demos

  • By
    Style Textarea Resizers

    Modern browsers are nice in that they allow you to style some odd properties.  Heck, one of the most popular posts on this blog is HTML5 Placeholder Styling with CSS, a tiny but useful task.  Did you know you can also restyle the textarea resizer in WebKit...

  • By
    Image Reflection with jQuery and MooTools

    One subtle detail that can make a big difference on any web design is the use of image reflections. Using them too often can become obnoxious but using reflections on large, "masthead" images is a classy enhancement. Unfortunately creating image reflections within your...

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!