What are some good web design trends for 2010?

How-to's on current (design) trends in Web Design?

  • My web design skills have gotten a bit rusty over the past few years (too much coding, not enough Photoshopping!) and I'm in a hurry to get back up to speed for a huge job I'm starting on next week. Normally I would figure this all out on my own but there's no enough time for that so... I need recommendations for good resources (blogs, books, magazines) on current trends in web design and on how to implement/execute elements of these trends in software like Photoshop. This http://uxdesign.smashingmagazine.com/2012/03/15/symptoms-of-epidemic-web-design-trends/ on the Smashing Magazine site is a good example of the sort of thing I'm looking for, except it doesn't include any how-to's. Pointers to useful templates / frameworks / web design kits are most welcome as well.

  • Answer:

    To your question, though, http://speckyboy.com/ is one of the sites I keep an eye on for resources and tools and freebies (including psd stuff), and http://stylesinspiration.com/ is one I have a look at once in a while to see what's current in design trends and stuff.

dinkyday at Ask.Metafilter.Com Visit the source

Was this solution helpful to you?

Other answers

You must check out http://twitter.github.com/bootstrap/. It works out-of-the-box on desktop and mobile so you cover the biggest "trend" of all, which is, http://mashable.com/2012/12/11/responsive-web-design/. Another important "trend" is http://coding.smashingmagazine.com/2012/08/20/towards-retina-web/.

rada

I get that you want tutorials on what will have been the design and layout cliches of 2013, but maybe look at HTML5/JS-based Flash replacements like CreateJS and Adobe's Edge Tools (coincidentally including Edge Reflow, a tool for responsive design that they have in preview apparently). I can't say I'm thrilled about it, but animations will probably come around again as performance and platform issues disappear.

Monsieur Caution

http://foundation.zurb.com/ is a good front end framework to work with.

juiceCake

Honestly, I would pursue some of the things you can do these days with CSS3, things that previously were only available with images. It really is pretty amazing the sorts of things you can do now, that work very well indeed anywhere other than older IE versions (as usual). I think you'll find that a lot of what is current in terms of design trends eschews the kind of image-heavy photoshop-sliced stuff of the past and goes more for simplicity and elegantly-degrading designs using CSS3, judicious scripting, and (increasingly) HTML5. Here's http://coding.smashingmagazine.com/2012/06/21/powerful-new-cssjavascript-techniques/ SmashingMag article from a year ago that talks about some of that.

stavrosthewonderchicken

http://tympanus.net/codrops/ is also a good resource to follow - a mix of tutorials and inspiration. Their weekly "http://tympanus.net/codrops/collective/" has the right blend for me.

motdiem2

http://www.agiledesigners.com/ -- great compendium of web development resources. http://webplatformtools.org/ is a similar thing... http://hub.tutsplus.com/ is the granddaddy of web design tutorial sites. The quality isn't always awesome, but there are some great tutorials if you sift through it. Also, they do keep on top of design trends. http://webplatformdaily.org/ is a new one, and does a great job of compiling all of the day's best web development news and resources into a single page. (Like a daily -- but broader -- version of JavaScript weekly or http://html5weekly.com/, which you should also be reading) http://hackdesign.org/ has some design lessons geared toward developers.

schmod

http://www.webresourcesdepot.com/ has a lot of pdf freebies, too, if that's the way you want to go. http://www.webappers.com/ usually has good stuff as well.

stavrosthewonderchicken

Related Q & A:

Just Added Q & A:

Find solution

For every problem there is a solution! Proved by Solucija.

  • Got an issue and looking for advice?

  • Ask Solucija to search every corner of the Web for help.

  • Get workable solutions and helpful tips in a moment.

Just ask Solucija about an issue you face and immediately get a list of ready solutions, answers and tips from other Internet users. We always provide the most suitable and complete answer to your question at the top, along with a few good alternatives below.