During the last couple of weeks, we have talked with a lot of people that want to get into web design and development. We are always glad to see people interested in learning web design. So we gathered around a series of resources and arranged them in the following categories: learning, inspiration, web resources and reading. As we think that this guide is an excellent first start, we will take each class and show you step by step why.
Learning
Free Code Camp
We’re an open source community of people who learn to code and help nonprofits.
When you need more specific items for your website or you want, for example, to know if a CSS property is working on all browsers have a look on:
W3 Schools HTML
Learning the basic elements that create a web page.
W3 Schools CSS
Learning how to style those different elements from the web page.
W3 Schools Javascript
Learning how to dynamically manipulate different elements from a web page.
W3 Schools Bootstrap
Learning how to use the most popular Framework For web, it also includes Responsive functionality.
Guru99 – Introduction to JavaScript
JavaScript is a very powerful client-side scripting language.
Inspiration – “Good Designers Copy, Great Designers Steal”
Dribbble
Dribbble is a community of designers sharing screenshots of their work, process, and projects.
Site Inspire
siteInspire is a showcase of the finest web and interactive design.
Behance
The leading online platform to showcase & discover creative work.
Call to idea
Get quickly inspiration!
Httpster
Httpster is a showcase of damn hot website design.
Free resources [Free&paid]
Designmodo Market
Designmodo Market is a place of carefully selected products for web designers and developers.
Creative Tim
Fully coded design resources for web developers.
Baianat
Your open source hub that provides you with lovable products and great knowledge.
Dribbble Freebies
Show and tell for designers
Reading
Don’t Make Me Think
A common sense approach to Web usability.
Web Designer Depot
From Photoshop tutorials to WordPress plugins, WDD is the perfect showcase for Web savvy designers.
Smashing Magazine
Smashing Magazine is an online magazine for professional Web designers and developers
All above links are great thinks.
Do you mind if I quote a few of your posts as long as I provide credit and sources back to your webpage?
My blog site is in the exact same area of
interest as yours and my users would really benefit from a lot of the information you present here.
Please let me know if this alright with you.
Thanks!
|A bunch of great links. I’m trying w3school’s html part and it’s really helpful. would you please share a link of psd to html files? it helps me practicing that
Hi,
Really great post. Got the good links to learn web development online. All the tutorials are ingenious.
I am so grateful to you for sharing. I really appreciate people like you.
As a beginner I’m having a hard time understanding how to make my data (sql server db) visible in templates like yours.
Do you maybe have some reference material or a tutorial on how to start that?
I’m looking into buying the light bootstrap angular dashboard template.
Thanks for your informative and useful post.
Nice blog..! And the links are good links and useful.It will help
I really liked this post! I read your blog fairly and most
of the time you are coming out with some great
stuff.I am really thankful to the blog owner for help us by giving valuable study materials.
Thanks for the article. I have checked many articles on this topic but couldn’t find a complete explanation and then I found your article. Surely, you must have done great research for this article.
Keep it Up!!!!!!!!!!!
Thanks for the amazing stuff! Very useful
Well written article
As a web designer, it is a great article to read and the way the whole process for web development and designing has been described is really appreciable.
Thanks for your usefull post.