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