O'Reilly

My 10 Most Popular Articles

By on  

I was browsing through my Google Analytics web stats and I thought it would be fun put together a post with my 10 most popular articles! The topics range from opinion to CSS to jQuery and to MooTools. I hope you have as much fun reading them as I had writing them.

1. 9 Signs Not to Hire THAT Web Guy

My employer specializes in creating websites for middle-sized businesses. We rarely create “Mom'n'Pops” websites and generally don't pursue contracts with major corporations. Working with mid-size business has given me the opportunity to speak with executives and “decision-makers” within each business. Our discussions eventually end up with the other person telling me about their previous web developers and how their current site is ineffective as a sales tool or representation of the business. There are some definitive characteristics about my customers' previous web persons and without further adieu, I give you 9 signs you shouldn't hire THAT web guy...

2. MooTools 1.2 Tooltips: Customize Your Tips

Tooltip

Tooltips can also provide another method of website branding. Why throw a vanilla tooltip to the user when you can brand your website? MooTools 1.2 provides a Tips plugin that allows for easy-to-customize tooltips. Let me show you how to create a sweet, branded tooltip.

3. Build a Slick and Simple MooTools Accordion

MooTools Accordion

In speaking with designers, I frequently hear how much they'd like to use an accordion on their site but they think it's either too time-consuming or that they don't have the ability to code JavaScript. Not true! To prove my point, I'll use a little MooTools magic and some easy XHTML / CSS to accomplish a slick accordion effect.

4. Advanced CSS Printing -- Using CSS Page Breaks

Needless to say, I've learned quite a few tricks to making a website print properly. I've already shared methods for making your website content printer-friendly, as well as making your website structure printer-friendly. One important aspect of making your pages printer-friendly is using CSS/XHTML page breaks.

5. Basic AJAX Calls Using MooTools 1.2

AJAX has become a huge part of the modern web and that wont change in the foreseeable future. MooTools has made AJAX so simple that a rookie developer can get their dynamic pages working in no time.

6. An Open Letter to You, Webmaster

I write a honest, touching letter to Webmaster.

7. Animated Progress Bars Using MooTools

Animated Progress Bars Using MooTools

I love progress bars. It's important that I know roughly what percentage of a task is complete. I've created a highly customizable MooTools progress bar class that animates to the desired percentage.

8. Get Slick with MooTools Kwicks

MooTools Kwicks

When it came time for my employer to redo their website, I made it my goal to really jazz up the site with MooTools. Nothing too fancy and nothing too bright, just some simple effects that show attention to detail and a little bit of fun. I then thought it was the time to use MooTools “kwicks” to give the website a little kick.

9. jQuery Link Nudging

A while back I wrote an article about MooTools Link Nudging, which is essentially a classy, subtle link animation achieved by adding left padding on mouseover and removing it on mouseout. Here's how to do it using jQuery.

10. Facebook Sliders with MooTools and CSS

Facebook Sliders

One of the great parts of being a developer that uses Facebook is that I can get some great ideas for progressive website enhancement. Facebook incorporates many advanced JavaScript and AJAX features: photo loads by left and right arrow, dropdown menus, modal windows, and the slider. A slider allows the user to drag a slider across a given plain to set a value instead of the boring, tedious text box. I've created a very simple 3-slider system that allows a user to modify the height, width, and opacity of an image using just sliders!

Track.js Error Reporting

Upcoming Events

Recent Features

  • From Webcam to Animated GIF: the Secret Behind chat.meatspac.es!

    My team mate Edna Piranha is not only an awesome hacker; she's also a fantastic philosopher! Communication and online interactions is a subject that has kept her mind busy for a long time, and it has also resulted in a bunch of interesting experimental projects...

  • Camera and Video Control with HTML5

    Client-side APIs on mobile and desktop devices are quickly providing the same APIs.  Of course our mobile devices got access to some of these APIs first, but those APIs are slowly making their way to the desktop.  One of those APIs is the getUserMedia API,...

Incredible Demos

  • MooTools 1.2 Tooltips: Customize Your Tips

    I've never met a person that is "ehhhh" about XHTML/javascript tooltips; people seem to love them or hate them. I'm on the love side of things. Tooltips give you a bit more information about something than just the element itself (usually...

  • :valid, :invalid, and :required CSS Pseudo Classes

    Let's be honest, form validation with JavaScript can be a real bitch.  On a real basic level, however, it's not that bad.  HTML5 has jumped in to some extent, providing a few attributes to allow us to mark fields as required or only valid if matching...

Discussion

  1. I think you intended for us to read this list backwards because you think that girl is absolutely hot.

  2. Christina Ricci FTW!

  3. Wanted to say congrats and thanx. Your articles are always useful and well written. Looking forward to some more good stuff :)

    d.

  4. Toussaint

    No need to say it’s among the 3 best sites I know out there about web design. [I’ve said it . . .]

    Could you please post an article ( if not yet, I couldn’t find it ) about writing cross browser CSS code.

    Thanx a lot

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

Recently on David Walsh Blog

  • Introducing Frontend Masters (with Giveaway)

    Hey DWB readers, I'm super happy to sponsor this blog. I've been a long-time reader and fan, since back when David wrote about JavaScript and MooTools back in 2007. ;-) We are in one of the fastest changing, evolving, most lively communities on earth: JavaScript and front-end web...

  • Get Node.js Command Line Arguments with yargs

    Using command line arguments within Node.js apps is par for the course, especially when you're like me and you use JavaScript to code tasks (instead of bash scripts).  Node.js provides process.argv but that doesn't provide a key: value object like you'd expect: Bleh.  If you want to work with a...

  • OâReilly Velocity Conference â New York

    My favorite front-end conference has always been O'Reilly's Velocity Conference because the conference series has focused on one of the most undervalued parts of client side coding:  speed.  So often we're so excited that our JavaScript works that we forget that speed, efficiency, and performance are just as important. The next Velocity...

  • Free Download: Font Bundle Featuring 17 Incredible Typefaces

    The only thing we love more than a good font, is a good free font. So we’ve combed the Web for some of our favorite free fonts, and gathered them here in a single download. You’ll find a variety of useful typefaces, from highly geometric designs...

  • OâReilly Velocity Conference â Amsterdam

    My favorite front-end conference has always been O'Reilly's Velocity Conference because the conference series has focused on one of the most undervalued parts of client side coding:  speed.  So often we're so excited that our JavaScript works that we forget that speed, efficiency, and performance are just as important. The next Velocity...