Today, web design and development is the most happening field, and with the growing popularity more and more people are opting for it. Designing is not only about creating websites, but it includes a board set of knowledge encompassing technical know-how, interpersonal communications, and most important the talent for design. The work usually comprise of visual design with knowledge of appropriate platform and in other areas. While it is not difficult to locate tutorials for such platform, it could be tricky to pick few that can be followed forever. Whether you are a novice in web design and development or a pro, you certainly need resources that can be helpful. With that in mind honeytechblog has created a list of Top 50 Design and Web development Resources (including resources from previous posts) that are excellent for learning different stages of design.

TOP 50 RESOURCES Top 50 Design and Web development Resources

Top 10 Photoshop Tutorials Resources

1.Psd.tutsplus – This is a blog/Photoshop site made to house and showcase some of the best Photoshop tutorials around. They have tutorials that not only produce great graphics and effects, but explain the techniques behind them in a friendly, approachable manner.

2.Good-tutorials – Good-Tutorials is the largest source of tutorials on the web today. You can view some of the top techniques in relation with Photoshop design, CSS, Flash, HTML, JAVA, PHP and more.

3.Photoshoptutorials – From basic Photoshop effect to Animation and layout, this one has everything you need. You can also download some of the best Photoshop brushes and Action here.

4.Smashingmagazine – This site delivers useful and innovative information to Web designers and developers. You get the latest trends and techniques in Web development. You will be convinced with the quality of the information presented with Smashing Magazine.

5.Templatetuts – It’s one the best web design tutorial resource for designers on the web. Do not forget to check out the resources and freebie section which has some interesting information for all designers.

6.Planetphotoshop – A nice tutorial site where you can learn some unique Photoshop effect from rain to fire. They have forums and review section for you to discuss the difficulties you face in designing.

7.Pixel2life – Pixel2life is among internet’s largest tutorial index catering to graphic designers, webmasters and programmers, with 51,784 tutorials listed in 88 categories! You also get additional resources to such as articles, programming script and code gallery, hardware reviews, free graphics and stock photography and much more!

8.Browse.deviantart– Excellent group of designers like Andrew McCann, Danielle McKay, Daniel Sowers Jr, Chris Bolt and more are behind deviantart.com. If you wish to become pro in overall designing, you can’t miss this one.

9.Photoshopsupport – Photoshop support features Photoshop tutorials and tips by Jennifer Apple, and offers links to other free Photoshop tutorial sites. You get Adobe Photoshop tutorials and links to free Photoshop brushes, plugins and resources, a blog with the latest Photoshop news.

10.Pslover – A clear and easy to understand list of Photoshop tutorials are available with PSlover. You can submit your own tutorials as well and learn from the experts.

Top 10 Flash Resources

11.Flash.tutsplus – This is a blog/Flash site made to house and showcase some of the best Flash, ActionScript and Flex tutorials around. You get tutorials that not only produce great graphics and effects, but explain in a friendly, approachable manner.

12.Entheosweb.com– apart from great tutorials you also get web design resources including templates, background images, galleries, Flash games etc. Nice group of people letting you know everything about flash.

13.Learnflash– Whether you are beginner, intermediate or advance learner of Flash, learnflash has solution to all level. You can download free tutorials and learn via watching videos.

14.W3schools – w3schools is well known for all the design and development tutorials. It gives you an excellent step-by-step guide to Flash. You can’t miss on this if you want to pro flash.

15.Adobe.com – This Adobe tutorial is especially designed for advanced learners who wish to know high-end ActionScrip. Check out the latest ActionScript 3 resources to get started with or migrate your existing projects to the current version of ActionScript.

16.Flashperfection – This is another excellent tutorial to master Flash. Check out the menu to learn anything about Flash. 3D Tutorial is also available here.

17.Tutorialized – Anything you need to learn about design and development can be found with tutorialized. Do participate in forums for queries regarding any development platform.

18.Knowflash – Easy to understand tutorials for flash are available with Knowflash. You will find video tutorials for you to learn the simple way.

19.Entheosweb – This site is maintained by an enthusiastic group of people mastering in Flash. Learn cool Flash effects and basic Flash concepts with these simple Flash MX 2004 and Flash 8.0 tutorials.

20.Gotoandlearn – It’s a superb guide dedicated only to Flash platform. You learn with all latest and easy techniques with gotoandlearn.

Top 10 jQuery/JavaScript Resources

21.Docs.jquery– A smart group of people are responsible for maintaining the site, in turn offering you solution to all jQuery question. Check this site for anything you need regarding jQuery.

22.W3schools – Many believe JavaScript is a difficult language to learn altogether, but you must check out w3schools to learn it the easiest way.

23.Webdesignerwall – This is a must check out jQuery tutorials for designers. This article contains 10 visual tutorials intended for web designers and newbies on how to apply Javascript effects with jQuery.

24.15daysofjquery – You can have complete understand of basics regarding jQuery. Get ready for some easy to use script with 15daysofjquery.

25.Learningjquery – Learning jQuery is a multi-author weblog providing jQuery tutorials, demos, and announcements. They have tutorials for all skill levels, and each entry is categorized by level of difficulty.

26.Codylindley – One of the best sites designed for jQuery. The site’s focal point is a blog that reflects on Web development, Web standards, CSS, XHTML, CMS’s, site optimization, PHP, MySQL, Macromedia Flash, accessibility, information architecture, visual design, interaction design, and information design.

27.Remysharp – Remy offers brilliant guild to jQuery. Apart from jQuery lessons you can also read few interesting blogs posted there.

28.Sohtanaka – Sohtanaka is a passionate Web Designer and Front-End Developer seasoned in working in the fast-paced, ever-changing web environment. You will enjoy learning through the process as it is well-maintained site.

29.Dustindiaz – This is a bright looking site designed by Dustin who expertise in JavaScript and let you know some of the outstanding tips on it.

30.Net.tutsplus – this site offers tutorials and articles on technologies, skills and techniques to improve how your design knowledge. They cover HTML, CSS, Javascript, CMS’s, PHP and Ruby on Rails.

Top 10 HTML/CSS Resources

31.Yourhtmlsource – This site has excellent HTML tutorials and well-researched links on all aspects of web design, equally suited to beginners and advanced webmasters.

32.W3schools – Again as mentioned earlier this source can be of great help if you desiring to learn HTLM.

33.Htmldog – I’m sure you know this site. The idea of HTLM Dog is to take the somewhat convoluted official specs for XHTML and CSS and present them in a much more readable fashion.

33.W3– This short tutorial is meant for people who want to start using CSS and have never written a CSS style sheet before.

34.Htmlcsstutorials – A nice site designed with easy navigation to offer you knowledge about XHTML and tips on CSS. You get complete reference for html CSS with examples.

35.Html – HTML.net provides guidance and help about designing and developing websites.

36.Tizag – This can be a stepping stone to the budding webmaster and a handy reference to the veteran developer. Tizag is always changing its tutorials and references to incorporate the latest in web design.

37.Boogiejack – This is an HTML help site featuring standards-based HTML tutorials, CSS tutorials and other website design help and resources.

38.Htmlgoodies – This site has group of lessons set up to be covered over a week’s time, one tutorial per day. HTMLGoodies is your resource for HTML, CSS, JavaScript, PHP, ASP and other web development topics.

39.Echoecho– You can use this tutorial either as a complete introduction or as an A-Z reference to HTML. If you’re completely new to HTML you should start with the section that covers HTML Basics.

40Css-tricks – You can locate hand-full of video and text tutorials with CSS-trick. Don’t forget to sign up with their RSS to get some smart tricks on CSS.

Top 10 Web Design Forums Resources

41.Digitalpoint – This is a place designed to discuss about website design and get help with, Photoshop, Flash, JQuery, HTML, CSS, DHTML, etc.

42.Sitepoint – You have great source of information on all platform related to design and development

43.Designerstalk – Anything to discuss about graphics, illustration, programming and more

44.Smashingmagazine – Discussions about current trends and recent developments: design reviews, showcases and interesting or unusual designs are all possible here.

45.Webmaster-talk – A cool place to discuss your knowledge on various platform and get help from the experts

46.Webdesignforums – This is more like a tutorial offering posts with great information.

47.Webdesignerforum– Get help and advice on planning your web design project. This is also a great source for news from the world of design & development and other exciting events.

48.Webdevforums– Web designers and web development professionals get your fundamental web master tools and information here. This is your source for basic website builder knowledge.

49.Webdesignchat – Discuss about your web designing problems, techniques, softwares, websites, latest tricks etc

50.Webdesignforum – You can discuss tips on web design including the use of popular web design software. And get help on any issues related to various platforms.

We have listed some of the best and most useful sites for you to get help on everything associated to web design and development. Please feel free to share the one you love!