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
    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
    Write Better JavaScript with Promises

    You've probably heard the talk around the water cooler about how promises are the future. All of the cool kids are using them, but you don't see what makes them so special. Can't you just use a callback? What's the big deal? In this article, we'll...

Incredible Demos

  • By
    HTML5 Datalist

    One of the most used JavaScript widgets over the past decade has been the text box autocomplete widget.  Every JavaScript framework has their own autocomplete widget and many of them have become quite advanced.  Much like the placeholder attribute's introduction to markup, a frequently used...

  • By
    Introducing MooTools ElementSpy

    One part of MooTools I love is the ease of implementing events within classes. Just add Events to your Implements array and you can fire events anywhere you want -- these events are extremely helpful. ScrollSpy and many other popular MooTools plugins would...

Discussion

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