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 a CSS Flipping Animation

    CSS animations are a lot of fun; the beauty of them is that through many simple properties, you can create anything from an elegant fade in to a WTF-Pixar-would-be-proud effect. One CSS effect somewhere in between is the CSS flip effect, whereby there's...

  • By
    Creating Scrolling Parallax Effects with CSS

    Introduction For quite a long time now websites with the so called "parallax" effect have been really popular. In case you have not heard of this effect, it basically includes different layers of images that are moving in different directions or with different speed. This leads to a...

Incredible Demos

  • By
    Dynamically Load Stylesheets Using MooTools 1.2

    Theming has become a big part of the Web 2.0 revolution. Luckily, so too has a higher regard for semantics and CSS standards. If you build your pages using good XHTML code, changing a CSS file can make your website look completely different.

  • 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!