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
    Responsive and Infinitely Scalable JS Animations

    Back in late 2012 it was not easy to find open source projects using requestAnimationFrame() - this is the hook that allows Javascript code to synchronize with a web browser's native paint loop. Animations using this method can run at 60 fps and deliver fantastic...

  • By
    Welcome to My New Office

    My first professional web development was at a small print shop where I sat in a windowless cubical all day. I suffered that boxed in environment for almost five years before I was able to find a remote job where I worked from home. The first...

Incredible Demos

  • By
    MooTools Overlay Plugin

    Overlays have become a big part of modern websites; we can probably attribute that to the numerous lightboxes that use them. I've found a ton of overlay code snippets out there but none of them satisfy my taste in code. Many of them are...

  • By
    jQuery Chosen Plugin

    Without a doubt, my least favorite form element is the SELECT element.  The element is almost unstylable, looks different across platforms, has had inconsistent value access, and disaster that is the result of multiple=true is, well, a disaster.  Needless to say, whenever a developer goes...

Discussion

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