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
    Creating Scrolling Parallax Effects with CSS

    Introduction For quite a long time now websites with the so called "parallax" effect have been really popular. In case you have not heard of this effect, it basically includes different layers of images that are moving in different directions or with different speed. This leads to a...

  • By
    LightFace:  Facebook Lightbox for MooTools

    One of the web components I've always loved has been Facebook's modal dialog.  This "lightbox" isn't like others:  no dark overlay, no obnoxious animating to size, and it doesn't try to do "too much."  With Facebook's dialog in mind, I've created LightFace:  a Facebook lightbox...

Incredible Demos

  • By
    Degradable SELECT onChange

    Whenever I go to Google Analytics I notice a slight flicker in the dropdown list area. I see a button appear for the shortest amount of time and the poof! Gone. What that tells me is that Google is making their site function...

  • By
    MooTools: Set Style Per Media

    I'd bet one of the most used MooTools methods is the setStyle() method, which allows you to set CSS style declarations for an element. One of the limitations of MooTools' setStyle() method is that it sets the specific style for all medias.

Discussion

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