David Walsh on Tech.Pro

By  on  

Over the past few weeks I've written four awesome tutorials for Tech.Pro.  If you have a moment, check them out!

9 Ways to Optimize Your Front End Performance

As our browsers implement more and more features and the web moves more and more toward mobile devices, the need to keep our front end code compact and optimized becomes more important. What's great about the front end is that there are many simple strategies and code conventions we can use to to ensure optimal front end performance. This post aims to provide you nine of these code tips, tips you could probably implement on your existing sites in matter of minutes!

9 More Ways to Optimize Your Front End Performance

In my previous post, 9 Ways to Optimize Your Front End Performance, I shared easy to implement ideas for improving your client-side code and performance. Most of those tips take only a few moments to implement and the benefit is seen by every user that hits the site. This tutorial provides nine more useful performance tips that can take your website or web application to the next level.

6 Mozilla GitHub Projects to Hack On

There's no way to communicate exactly how important Mozilla is to the world wide web. Mozilla brought us an open source, forward-thinking browser when we needed one, threw us a mail client miles better than Outlook in Thunderbird, and now brings us an open source, HTML5-based mobile operating system in Firefox OS. In short: Mozilla's commitment to excellence in open source has drive the web to where it is today.

We all know of Mozilla's super popular projects, all of which are open source, but what about Mozilla's lesser known projects? This post aims to introduce you to those projects, all of which you can clone on GitHub today and begin hacking to help make the web better!

6 Considerations and Tips for Creating HTML5 Apps

The newly announced Firefox OS and the Firefox Marketplace have again brought attention to the concept of creating feature-rich HTML5 apps. People are excited and why shouldn't they be? Firefox OS and HTML-based OS' like it essentially launch with millions of apps already available -- in the form of existing websites! We all revel in how easy it is to create the basic HTML5-based app, but creating a great HTML5-based app is another story. Here are a few considerations and tips you should mull over before jumping into your first HTML5 app.

Recent Features

  • By
    Regular Expressions for the Rest of Us

    Sooner or later you'll run across a regular expression. With their cryptic syntax, confusing documentation and massive learning curve, most developers settle for copying and pasting them from StackOverflow and hoping they work. But what if you could decode regular expressions and harness their power? In...

  • By
    Responsive Images: The Ultimate Guide

    Chances are that any Web designers using our Ghostlab browser testing app, which allows seamless testing across all devices simultaneously, will have worked with responsive design in some shape or form. And as today's websites and devices become ever more varied, a plethora of responsive images...

Incredible Demos

  • By
    Create Classy Inputs Using MooTools’ OverText

    The MooTools More library is a goldmine. A treasure chest. Pirates booty, if you will (and, of course, I will). More is full of plugins that add a lot of class and functionality to your website with minimal effort.

  • By
    Duplicate the jQuery Homepage Tooltips

    The jQuery homepage has a pretty suave tooltip-like effect as seen below: The amount of jQuery required to duplicate this effect is next to nothing;  in fact, there's more CSS than there is jQuery code!  Let's explore how we can duplicate jQuery's tooltip effect. The HTML The overall...

Discussion

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