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
    Chris Coyier’s Favorite CodePen Demos

    David asked me if I'd be up for a guest post picking out some of my favorite Pens from CodePen. A daunting task! There are so many! I managed to pick a few though that have blown me away over the past few months. If you...

  • By
    CSS Gradients

    With CSS border-radius, I showed you how CSS can bridge the gap between design and development by adding rounded corners to elements.  CSS gradients are another step in that direction.  Now that CSS gradients are supported in Internet Explorer 8+, Firefox, Safari, and Chrome...

Incredible Demos

  • By
    Morphing Elements Using MooTools and CSS

    Morphing an element between CSS classes is another great trick the MooTools JavaScript library enables you to do. Morphing isn't the most practical use of MooTools, but it's still a trick at your disposal. Step 1: The XHTML The block of content that will change is...

  • By
    The Simple Intro to SVG Animation

    This article serves as a first step toward mastering SVG element animation. Included within are links to key resources for diving deeper, so bookmark this page and refer back to it throughout your journey toward SVG mastery. An SVG element is a special type of DOM element...

Discussion

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