This List Of Web Development Tips Should Keep You Busy

Web design can be a time-consuming process. Not only are you coding — itself a devourer of days — but you're usually juggling Photoshop or Illustrator, not to mention an FTP client and a host of other tools to do your work effectively. That's why any time-saving tips are always appreciated... and here's a massive collection for your weekend-viewing pleasure.

Smashing Magazine's Melanie Lang has compiled a formidable list of tips covering everything from streamlining your coding practices to getting the most from the cloud. Git users won't mind checking out durdn's 12 tips "from the trenches", while TimeZoneSlider looks like an excellent tool for making sure your collaborative meetings with those in other locales aren't at insane hours.

One tip I found interesting was vertically aligning CSS properties (though you could apply the technique to any language that isn't finicky over whitespace). Here's an example, borrowed from David DeSandro's dropshado.ws:

  .foo {
    -webkit-transition: opacity 1s;
       -moz-transition: opacity 1s;
         -o-transition: opacity 1s;
            transition: opacity 1s;
  }

As you can see, it's a bit of a departure from aligning from the left-hand side, but when it comes to viewing properties and editing them, it's easier to absorb and process at a glance.

I wasn't joking when I said "formidable" — you could spend hours going through everything on the list — so check out Smashing's full article below.

Powerful Workflow Tips, Tools And Tricks For Web Designers [Smashing Magazine]


Comments

    Spent minutes skipping past a list that was mostly OS X tools. The timezoneslider looks cool though - will be using that in the future.

    Nice to hear from you Logan,

    Serious front end web developers shouldn't be writing their own vendor prefixes, and certainly not wasting a moment lining up a bunch of lines that shouldn't exist. The example you gave is handled better using Sass and a mixin:
    @include vendorize(transition, opacity 1s);

    Yours in geeking,

    Hung-Su the DotA geek

Join the discussion!

Trending Stories Right Now