HTMLcut blog

About PSD to HTML Conversion and More

Roundup of Web Design Trends 2011 and Predictions 2012

Webdesign Trends 2011 and 2012The end of the year always brings a lot of predictions for the future and attempts to reveal the trends of the past year. Web design is no exception.

Below you’ll find a roundup of such summarizing and predictive posts and articles recently retweeted at @htmlcut. Enjoy!


Web Design Trends 2011

1). What I Learned About the Web in 2011
http://www.alistapart.com/articles/what-i-learned-about-the-web-in-2011/

2). A Year in Web Design: How the Experts Saw 2011
http://webdesign.tutsplus.com/articles/general/a-year-in-web-design-how-the-experts-saw-2011/
“What did you find most memorable about the world of web design in 2011? That’s the question I posed to some of our industry’s shining stars last week.”

3). Big question: what has been your web design highlight of 2011?
http://www.netmagazine.com/features/big-question-what-has-been-your-web-design-highlight-2011
“The last year has brought a lot of changes to the web design industry. Our experts discuss the best bits of 2011…”

4). Popular Web Design Trends in 2011: Over 50 Inspiring Examples
http://designshack.net/articles/layouts/popular-web-design-trends-in-2011-over-50-inspiring-examples/

5). The State of Web Design Trends: 2012 Annual Edition
http://webdesign.tutsplus.com/articles/industry-trends/the-state-of-web-design-trends-2012-annual-edition/
“As Ferris Bueller famously said Life moves pretty fast; if you don’t stop and look around once in a while, you could miss it. Let’s heed his sage advice and take a moment to look around some web design trends we witnessed in 2011.”

6). 22 Memorable Podcasts Focused on Web Design
http://spyrestudios.com/22-memorable-podcasts-focused-on-web-design/
“And what a better way to keep up with trends than listening to podcasts?”

7). The Top Languages of 2011
http://www.i-programmer.info/news/98/3601.html
“The surprising winner of the TIOBE Language Award 2011 is Objective C.”

Web Design Predictions for 2012

1). 15 top web design and development trends for 2012
http://www.netmagazine.com/features/15-top-web-design-and-development-trends-2012
“Craig Grannell quizzes the industry’s finest about the web design and development trends that will occur over the coming 12 months and that you need to be mindful of.”

2). 10 Web Predictions for 2012
http://www.sitepoint.com/2012-web-predictions/
“The web has reached its third decade and it’s changing more rapidly than ever.”

3). Web design predictions for 2012
http://www.webdesignerdepot.com/2011/12/web-design-predictions-for-2012/
“Everything changes. The Internet and web design are certainly no exceptions to the rule.”

4). The Year 2012 For Designers And Social Media Masterminds
http://www.1stwebdesigner.com/design/design-social-media-2012/
“The word responsive can become overly predictive in 2012 just like HTML5 was in 2011.”

5). 4 Tips to Keep Your Website Ahead of the Curve in 2012
http://mashable.com/2012/01/15/tips-and-trends-web-2012/
“2012 is heralding a new wave of innovative web technologies and design, and a page that stays in step with these trends is bound to pique interest and lower your bounce rate.”

6). 2012 Predictions: Interview with Designers, Developers and Bloggers
http://designmodo.com/2012-predictions-interview-designers-developers-and-bloggers/
“We are sure you would be interested to know what would the best of the best say about the things that happened in 2011 and what can we expect in 2012.”

7). Where Is Web Design Heading In 2012 And Beyond?
http://www.vanseodesign.com/web-design/2012-and-beyond/
“Steven Bradley: I wanted to add a few thoughts here about where I think web design has been and where it’s heading, though not specifically in 2011 and 2012.”

8). Web Design Trends in 2012
http://webdesignledger.com/tips/web-design-trends-in-2012
“It’s that time of year again, where we look into our crystal ball to see what will be the hot trends in web design for the upcoming year.”

9). Top 5 Web Design Trends For 2012
http://www.bitrebels.com/technology/top-5-web-design-trends-for-2012/
“As 2011 comes to a close, I decided to examine what we have to look forward to in Web Design for 2012.”

10). 15 Web Design Trends to Watch Out For in 2012
http://www.hongkiat.com/blog/web-design-trend-2012/
“Web development has become a much smoother subject to jump into learning, not to mention the countless open source libraries useful in streamlining the process. And yet it seems the global design community is far from throwing in the towel.”

11). Understanding the Coolest Web Design Ideas for 2012
http://designmodo.com/web-design-ideas-2012/
“…if you also intend to find out how to create a truly professional-looking website, you should know that these days, many IT specialists are working to develop new techniques and HTML codes which can help you to build a unique, splendid website.”

12). Web Design Trends In 2012
http://skyje.com/2012/01/web-design-trends-in-2012/
“…this list of designs is based on what I had observed of the shift in the web design world over the years as well as the emerging trends that were seen in the later part of 2011.”

13). The Future of Web Design
http://thenextweb.com/dd/2011/12/16/the-future-of-web-design/

14). 10 New Year’s resolutions for designers
http://www.netmagazine.com/features/10-new-year-s-resolutions-designers

Best Websites, Fonts, Colors and Tools

1). Most Beautiful and Inspirational Websites of 2011
http://www.crazyleafdesign.com/blog/beautiful-and-inspirational-websites-2011/
“Over 60 of the most beautiful and inspirational websites of 2011.”

2). 30+ Inspirational Designs of the Year
http://www.instantshift.com/2011/12/26/30-inspirational-designs-of-the-year/

3). Line25 Sites of the Year: The Best Designs of 2011
http://line25.com/articles/line25-sites-of-the-year-the-best-designs-of-2011

4). 45 Best Free Fonts of 2011
http://designbeep.com/2011/12/16/45-best-free-fonts-of-2011/
“We continue to showcase the best of freebies of 2011 in design industry.”

5). What’s Your Favourite Colour? [2011 Edition]
http://www.fudgegraphics.com/2011/12/whats-your-favourite-colour-2011-edition/
“When it comes to design, colour is one of the most important tools in our arsenal.”

6). Palette Trends of the 21st Century
http://designmodo.com/palette-trends-21-century/
“By considering Pantone’s Colours of the Year from 2000 to 2012 we can perhaps come to a better understanding as to how the world influences colour trends and vice versa.”

7). 4 Color Design Resources in 2012
http://developer.practicalecommerce.com/articles/3230-4-Color-Design-Resources-in-2012

8). Our 50 Favorite Web Developers Resources and Tools from 2011
http://speckyboy.com/2011/12/14/our-50-favorite-web-developers-resources-and-tools-from-2011/

HTML5

1). 2011 in review: 20 HTML5 sites that changed the game
http://www.netmagazine.com/features/2011-review-20-html5-sites-changed-game
“This year HTML5 truly rocked. Oli Studholme, one of the HTML5 Doctors, runs through 20 of the best sites and covers semantics, audio, client-side web apps, canvas as well as SVG and WebGL and looks ahead to the future.”

2). Top 6 Trends In HTML5 In 2011
http://www.readwriteweb.com/archives/top_6_trends_in_html5_in_2011p2.php
“HTML5 is fundamentally changing the way developers approach the Web.”

3). The Definitive Guide To HTML5: 14 Predictions For 2012
http://techcrunch.com/2011/12/21/guide-to-html5-14-predictions-2012/

PSD to HTML Conversion Services

3). PSD to HTML Conversion at the Crossroads: Challenges 2011 and Outlook 2012
http://www.htmlcut.com/blog/psd-to-html-conversion-at-the-crossroads.html
“…now the PSD to HTML market is at the crossroads. The consequences of this can be both positive and negative.”

jQuery

1). The 50 Most Useful jQuery Plugins from 2011
http://speckyboy.com/2011/12/07/the-50-most-useful-jquery-plugins-from-2011/

2). 32 Useful jQuery Plugins From 2011
http://acrisdesign.com/2011/12/32-useful-jquery-plugins-from-2011/
“jQuery plugins are really helpful for developers, so today we decided why not to make a collection of jquery plugins.”

3). 2011 in review: 20 sites that pushed JavaScript to the limit
http://www.netmagazine.com/features/2011-review-20-sites-pushed-javascript-limit
“Web developer Phil Hawksworth looks at some exciting and ambitious uses of JavaScript on the web.”

Mobile Web

1). 8 Big Trends That Shaped the Mobile Phone Industry in 2011
http://mashable.com/2011/12/13/mobile-trends-2011/
“A look at eight influential mobile phone stories and trends that surfaced throughout the year.”

2). Design Best Practices for the Mobile Web
http://www.onextrapixel.com/2012/01/02/design-best-practices-for-the-mobile-web/
“With a different sort of device, and a more noticeably different screen size, we as designers must consider a new set of best practices for design.”

3). Best iPhone and iPad Projects of 2011
http://www.creativeapplications.net/iphone/best-iphone-and-ipad-projects-of-2011/
“Another year of iPhone/iPad development but there haven’t been many apps that have caught our eye as there have been in the past.”

4). The Top 20 iPhone and iPad Games Of 2011
http://techcrunch.com/2011/12/18/the-top-20-iphone-and-ipad-games-of-2011/

Chrome Extensions, Privacy, RSS

1). The Best Google Chrome Extensions 2011
http://www.pcmag.com/article2/0,2817,2358592,00.asp
“Here are choices for some of the greatest extensions you can add to your Google browser.”

2). Top Online Privacy Predictions for 2012
http://www.itbusinessedge.com/slideshows/show.aspx?c=93970
“Seven privacy predictions for 2012, identified by TRUSTe.”

3). Top 10 Feed & RSS Technologies of 2011
http://www.readwriteweb.com/archives/top_10_feed_rss_technologies_of_2011.php
“News and activity feeds are more alive today than ever before, even as engagement with their simplest format, Really Simple Syndication (RSS), appears to be waning. What were the Top 10 Most Awesome RSS & Feed Products of 2011?”

SEO

1). An SEO Playbook For 2012
http://searchengineland.com/an-seo-playbook-for-2012-103906

Web Fun

1). Google Doodles
http://www.google.com/doodles/finder/2011/All%20doodles

2). 10 Funniest GIF Trends of 2011
http://mashable.com/2011/12/18/10-funniest-gif-trends-of-2011/

3). Sexiest geeks in costume 2011
http://www.techrepublic.com/photos/50-sexiest-geeks-in-costume-of-2011/6333460

4). The 25 Weirdest Job Interview Questions Asked This Year
http://www.businessinsider.com/they-asked-what-the-25-weirdest-interview-questions-of-2011-2011-12

Web Fails

1). 10 technologies that are just plain broken
http://www.techrepublic.com/blog/10things/10-technologies-that-are-just-plain-broken/2896
“Certain systems, software, and technologies simply don’t work very well. In fact, some are barely usable.”

2). Top 7 Epic Tech Fails of 2011
http://www.readwriteweb.com/archives/7_epic_tech_fails_of_2011.php
“Our list of the seven most spectacular tech failures of 2011….”

Cloud Technologies

1). Top 10 Consumer Cloud Applications of 2011
http://www.readwriteweb.com/archives/top_10_consumer_cloud_applications_of_2011.php
“A list of the most important and influential consumer-grade cloud computing apps of the year 2011.”

2). 2011: The year the cloud went mainstream
http://www.techrepublic.com/blog/datacenter/2011-the-year-the-cloud-went-mainstream/5176
“Thoran Rodrigues looks back over the year in cloud technology and makes a case for 2011 bringing the cloud out of the mists and into the IT mainstream.”

Freelance, Small Business

1). Our Freelancer Predictions for 2012
http://freelanceswitch.com/freelance-news/commentary-analysis/our-freelancer-predictions-for-2012/

2). 12 Must-Read Freelancing Predictions for 2012
http://freelancefolder.com/12-must-read-freelancing-predictions-for-2012/
“…some educated guesses about the future of freelancing based on current trends. ”

3). How Will Digital Change Small Business in 2012?
http://mashable.com/2011/12/23/small-business-predictions-2012/
“We spoke with a number of small businesses about how the industry will continue adapting to new technologies in the new year.”

4). Five big things to watch out for in 2012 – Tech News and Analysis
http://gigaom.com/2011/12/19/five-big-things-to-watch-out-for-in-2012/
“What kind of amazing new things are going to happen in tech over the next 365 days?”

5). 4 Tech Trends For SMBs In 2012
http://informationweek.com/news/smb/ebusiness/232300521
“Small and midsize businesses should expect changes in cloud, social, and mobile approaches, for starters.”

6). Top Predictions for IT Organizations and Users for 2012 and Beyond
http://www.itbusinessedge.com/slideshows/show.aspx?c=93715
“11 predictions for 2012 and beyond, as identified by Gartner, Inc.”

 

Comments (15)

  1. Pingback: 2012 Forecasts for JQuery and Web Development | blogfreakz.com

  2. Pingback: Fast, Easy Web Design! » Blog Archive » Understanding the Coolest Web Design Ideas for 2012 DesignModo

  3. Pingback: #1 Best Design Tip for 2012 | | Web Design Company, Logo Design, Printing | GainesvilleWeb Design Company, Logo Design, Printing | Gainesville

  4. I read your article its an excellent article you have written…

    web design

  5. I am a new web & graphic designer this “60 Outstanding Free PSD Buttons” tutorials will be helpful for me.Thanks & regards

    Nikita

  6. some truly excellent info, Glad I observed this.

    Conceicao

  7. Very nice info.

    Harryponting

  8. Great post thx.

    chris

  9. Hey really interesting post. I enjoyed reading this post. This will give an idea for everyone on what’s happening on the web designing. I really loved this years trends. Thanks for it.

    web design

  10. this is a good article of website

    Web Design Company

  11. […]check below, are some absolutely unrelated internet websites to ours, however, they are most trustworthy sources that we use[…]

    Googlea

  12. Very informative blog. Much thanks again. Much obliged.

    vancouver

  13. Thanks for the predictions for 2012

    Brisbane Website Designer

  14. A big thank you for your post. Want more :).

    crork

  15. Thanks a lot for the post. Really thank you! Keep writing.

    greatest news

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>