{"id":12657,"date":"2018-07-20T07:49:54","date_gmt":"2018-07-20T07:49:54","guid":{"rendered":"https:\/\/www.zilliondesigns.com\/blog\/?p=12657"},"modified":"2026-04-10T12:04:06","modified_gmt":"2026-04-10T12:04:06","slug":"handy-resources-learn-web-design","status":"publish","type":"post","link":"https:\/\/www.zilliondesigns.com\/blog\/handy-resources-learn-web-design\/","title":{"rendered":"Handy Resources To Learn The ABC Of Web Design"},"content":{"rendered":"<p>Web design is one of those skills where an expert would be best. However, it is also a skill that we can teach ourselves with the right tools and a lot of practice. It may be best to get an official degree in the subject, but most of us can absolutely learn enough to design our own websites.<\/p>\n<p>If you\u2019re running any kind of business these days having a great online presence is a must. Your social media account is an excellent avenue for marketing, but it\u2019s your website that could put you on the map. It gives a company a certain credibility; if you\u2019re a brand in your own right, a website establishes your professionalism.<\/p>\n<p>What\u2019s more, you can design your website with high-quality SEO-based content. This would make search engines recognize your brand and put it in the search results for any relevant keywords. When it comes to building your own website, though, there could be some issues involved.<\/p>\n<p>The usual web-building platforms are quite easy and fast, like Wix or SquareSpace. They don\u2019t give you an control over back-end programming, though. Plus, you&#8217;d have to wait for the service to fix anything that goes wrong. Leaving the platform would just mean starting over from scratch.<\/p>\n<p>To overcome these and many more limitations, we\u2019ve compiled a list of resources to help everyone learn web design from the very start! This way, you\u2019ll be able to have the website you envision and maintain it the way you see fit. Plus, your work would never be lost when you know how to back it up.<\/p>\n<p>The tools for learning web design come in both free and paid varieties. Without further ado, these are the top ones we can usually depend upon:<\/p>\n<h2>1. <a href=\"https:\/\/www.htmldog.com\/\" class=\"broken_link\">HTML Dog<\/a><\/h2>\n<p align=\"center\"><a href=\"https:\/\/www.zilliondesigns.com\/blog\/wp-content\/uploads\/html-dog.png\"><img decoding=\"async\" class=\"alignnone lazyload\" title=\"HTML Dog\" data-src=\"https:\/\/www.zilliondesigns.com\/blog\/wp-content\/uploads\/html-dog.png\" alt=\"HTML Dog\" width=\"650\" height=\"471\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 650px; --smush-placeholder-aspect-ratio: 650\/471;\" \/><\/a><\/p>\n<p>This is a free tool, although one that just comes in the shape of a website. If you\u2019re looking to simply get familiar with the ins and outs of web design, this is one of the first places to go. There\u2019d be detailed yet direct guides here on CSS, JavaScript, and HTML. The beginner tutorials make sure to start from scratch, so there should be no confusion even for an absolute novice.<\/p>\n<p>These guides are in the form of articles, so they\u2019re good for reading when on the go. You can also print them out for easier reading in case you don\u2019t have a stable Internet connection wherever you go. On the downside, though, there are little visuals and not much chance of interaction with any established experts.<\/p>\n<h2>2. <a href=\"https:\/\/www.w3schools.com\/\" class=\"broken_link\">W3schools<\/a><\/h2>\n<p align=\"center\"><a href=\"https:\/\/www.zilliondesigns.com\/blog\/wp-content\/uploads\/W3schools.png\"><img decoding=\"async\" class=\"alignnone lazyload\" title=\"W3schools\" data-src=\"https:\/\/www.zilliondesigns.com\/blog\/wp-content\/uploads\/W3schools.png\" alt=\"W3schools\" width=\"650\" height=\"472\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 650px; --smush-placeholder-aspect-ratio: 650\/472;\" \/><\/a><\/p>\n<p>This is another free resource that caters to web codes that need introductions to coding languages. The tutorials are arranged in step-by-step form, even for specific tasks such as adding drop-down menus to a website or working with animated buttons, search tools, and navigation bars.<\/p>\n<p>W3schools also adds another element to make things easier by having lists of important web design elements. These include the properties of CSS, HTML tags, and even a color wheel for HTML.<\/p>\n<h2>3. <a href=\"https:\/\/www.codecademy.com\/?g_network=g&amp;g_productchannel=&amp;g_adid=624951457618&amp;g_locinterest=&amp;g_keyword=codecademy&amp;g_acctid=243-039-7011&amp;g_adtype=&amp;g_keywordid=kwd-41065460761&amp;g_ifcreative=&amp;g_campaign=account&amp;g_locphysical=1011081&amp;g_adgroupid=70492864474&amp;g_productid=&amp;g_source={sourceid}&amp;g_merchantid=&amp;g_placement=&amp;g_partition=&amp;g_campaignid=1726903838&amp;g_ifproduct=&amp;utm_id=t_kwd-41065460761:ag_70492864474:cp_1726903838:n_g:d_c&amp;utm_source=google&amp;utm_medium=paid-search&amp;utm_term=codecademy&amp;utm_campaign=INTL_Brand_Exact&amp;utm_content=624951457618&amp;g_adtype=search&amp;g_acctid=243-039-7011&amp;gad_source=1&amp;gclid=Cj0KCQiAsaS7BhDPARIsAAX5cSCCWHvPXlDhxkpjnWTfuzu5XqyNSMbbqmuAg9oPupi8ZHkF_4hEi5caAlF4EALw_wcB\" class=\"broken_link\">Codeacademy<\/a><\/h2>\n<p align=\"center\"><a href=\"https:\/\/www.zilliondesigns.com\/blog\/wp-content\/uploads\/codeacademy.png\"><img decoding=\"async\" class=\"alignnone lazyload\" title=\"Codeacademy\" data-src=\"https:\/\/www.zilliondesigns.com\/blog\/wp-content\/uploads\/codeacademy.png\" alt=\"Codeacademy\" width=\"650\" height=\"471\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 650px; --smush-placeholder-aspect-ratio: 650\/471;\" \/><\/a><\/p>\n<p>This tool starts off as free but requires some payment in order to get to the advanced courses. It\u2019s basically a learning platform that operates online. Here, you can find programming courses, web design course, and even interactive sessions that have you practice concepts before you use them.<\/p>\n<p>There are both beginner and advanced courses available, so one can move ahead when they&#8217;ve mastered a certain level. Most of the courses, however, are for users who have paid for the premium package. Still, one can always start off with some free courses to get a feel of what they\u2019re supposed to do and whether the field is even right for them.<\/p>\n<p>The practical lessons are by far the most attractive aspect of Codeacademy. They straightway plunge a student of web design into basics like designing responsive websites and developing them in the best manner possible.<\/p>\n<h2>4. <a href=\"https:\/\/medium.com\/\" class=\"broken_link\">Medium<\/a><\/h2>\n<p align=\"center\"><a href=\"https:\/\/www.zilliondesigns.com\/blog\/wp-content\/uploads\/Medium.png\"><img decoding=\"async\" class=\"alignnone lazyload\" title=\"Medium\" data-src=\"https:\/\/www.zilliondesigns.com\/blog\/wp-content\/uploads\/Medium.png\" alt=\"Medium\" width=\"650\" height=\"472\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 650px; --smush-placeholder-aspect-ratio: 650\/472;\" \/><\/a><\/p>\n<p>Many UI and UX experts have written for this platform, which is a free primer for teaching user interface design. This platform is whether Erik Kennedy, a freelance UX and IR designer, lists several rules for the best UI possible. He defines and justifies his own principles on the subject, so one doesn\u2019t really feel that they&#8217;re just getting a personal opinion.<\/p>\n<h2>5. <a href=\"https:\/\/www.udemy.com\/cart\/\" class=\"broken_link\">Udemy<\/a><\/h2>\n<p align=\"center\"><a href=\"https:\/\/www.zilliondesigns.com\/blog\/wp-content\/uploads\/Udemy.png\"><img decoding=\"async\" class=\"alignnone lazyload\" title=\"Udemy\" data-src=\"https:\/\/www.zilliondesigns.com\/blog\/wp-content\/uploads\/Udemy.png\" alt=\"Udemy\" width=\"650\" height=\"469\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 650px; --smush-placeholder-aspect-ratio: 650\/469;\" \/><\/a><\/p>\n<p>Udemy is a general learning platform that provides courses for several subjects in many fields. The courses are paid but usually have very reasonable rates with excellent content. Here, one can find curated courses for the business and tech world taught by expert professors and instructors.<\/p>\n<p>The courses are laid out in great detail. If we\u2019re in doubt about going ahead with any one of them, there are several reviews posted by past students to guide us along the way. There\u2019s no subscription here, so you choose courses rather like you\u2019d choose food from a menu.<\/p>\n<p>No matter which courses you choose in web design on Udemy, you can be sure that the instructor is a professional and experienced developer with several years of web development and design under their belts. There\u2019s also a questioning option, so you\u2019re not on your own while going through your learning experience.<\/p>\n<h2>6. <a href=\"https:\/\/www.godaddy.com\/resources\/contribute\" class=\"broken_link\">GoDaddy&#8217;s Garage Blog<\/a><\/h2>\n<p align=\"center\"><a href=\"https:\/\/www.zilliondesigns.com\/blog\/wp-content\/uploads\/Go-Daddy.png\"><img decoding=\"async\" class=\"alignnone lazyload\" title=\"Go Daddy\" data-src=\"https:\/\/www.zilliondesigns.com\/blog\/wp-content\/uploads\/Go-Daddy.png\" alt=\"Go Daddy\" width=\"650\" height=\"471\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 650px; --smush-placeholder-aspect-ratio: 650\/471;\" \/><\/a><\/p>\n<p>This might sound like a surprising option, since GoDaddy is usually known for providing domains. However, it also provides tips, guidelines, and discussions with experienced web designers. Once you get your domain, you can easily see what their blog has to say about website development. There are several categories that cater to every kind of need, and it\u2019s free once you have your domain!<\/p>\n<h2>7. <a href=\"https:\/\/digital.gov\/topics\/usability\/\" class=\"broken_link\">Usability.gov<\/a><\/h2>\n<p align=\"center\"><a href=\"https:\/\/www.zilliondesigns.com\/blog\/wp-content\/uploads\/usability-gov.png\"><img decoding=\"async\" class=\"alignnone lazyload\" title=\"Usability.gov\" data-src=\"https:\/\/www.zilliondesigns.com\/blog\/wp-content\/uploads\/usability-gov.png\" alt=\"Usability.gov\" width=\"650\" height=\"469\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 650px; --smush-placeholder-aspect-ratio: 650\/469;\" \/><\/a><\/p>\n<p>This is an educational resource that\u2019s sponsored by the government itself. It contains many guides and detailed how-tos for working on the user experience of websites and digital communication in general. It covers several subjects, including project management, UX basics, and visual design. Their basis for providing these courses is that people should first learn about their users and what they want before delving completely into web design.<\/p>\n<p>User experiences need to be intuitive in this days and age, so this resource is of great value to anyone starting their web design journey. If you want to create user-friendly systems and layouts, this is one of the most important places to hit up.<\/p>\n<h2>8. <a href=\"https:\/\/www.youtube.com\/\" class=\"broken_link\">YouTube<\/a><\/h2>\n<p align=\"center\"><a href=\"https:\/\/www.zilliondesigns.com\/blog\/wp-content\/uploads\/youtube.png\"><img decoding=\"async\" class=\"alignnone lazyload\" title=\"youtube\" data-src=\"https:\/\/www.zilliondesigns.com\/blog\/wp-content\/uploads\/youtube.png\" alt=\"youtube\" width=\"650\" height=\"444\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 650px; --smush-placeholder-aspect-ratio: 650\/444;\" \/><\/a><\/p>\n<p>This familiar platform is not just for watching cat videos and other fun content! It\u2019s actually a very valuable learning tool if you use it in the correct manner. Among the subjects you can easily learn on YouTube are web design, web development, and even the relevant coding languages that come with such subjects.<\/p>\n<p>The biggest upside to using this tool for learning web design is that it\u2019s mainly a visual experience. This is right in keeping with what most millennials prefer. With the rise of internet usage, there\u2019s a lot more effectiveness in video than in plain text. Plus, the comments section enhances an interactiveness that serves to make this method one of the best learning experiences out there.<\/p>\n<h3>Conclusion:<\/h3>\n<p>Web development and web design are highly versatile fields that seem to change rapidly before our eyes. However, getting in the game would give you the ability to sharpen your skills as and when the need arises. Coding languages have certainly developed beyond recognition over the years, but a strong base is always relevant. Once you get these down pat, you would have a base to build upon no matter how much the industry shifts.<\/p>\n<p>It is absolutely possible to teach yourself web design on your own. You can pick up a few books and go through some guides, but having a few platforms to fall back on is essential. Professionals in web development are all ready to guide you along this path so get the benefit of their expertise as soon as possible!<\/p>\n<p><a href=\"https:\/\/www.zilliondesigns.com\/selected-logos\/software-development-service\" target=\"_blank\" rel=\"noopener noreferrer\">Software Development Logos<\/a><br \/>\n<a href=\"https:\/\/www.zilliondesigns.com\/selected-logos\/it-firm\" target=\"_blank\" rel=\"noopener noreferrer\">IT Firm Logos<\/a><br \/>\n<a href=\"https:\/\/www.zilliondesigns.com\/selected-logos\/media\" target=\"_blank\" rel=\"noopener noreferrer\">Media Service Logos<\/a><br \/>\n<a href=\"https:\/\/www.zilliondesigns.com\/selected-logos\/business\" target=\"_blank\" rel=\"noopener noreferrer\">Business Logos<\/a><br \/>\n<a href=\"https:\/\/www.zilliondesigns.com\/selected-logos\/consulting-firm\" target=\"_blank\" rel=\"noopener noreferrer\">Consulting Firm Logos<\/a><br \/>\n<a href=\"https:\/\/www.zilliondesigns.com\/selected-logos\/ecommerce\" target=\"_blank\" rel=\"noopener noreferrer\">Ecommerce Logos<\/a><\/p>\n<div id=\"banner-images\" style=\"position: fixed; right: 0px; z-index: 10; bottom: 0px; text-align: center; left: 0px;\"><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Web design is one of those skills where an expert would be best. However, it is also a skill that we can teach ourselves with the right tools and a lot of practice. It may be best to get an official degree in the subject, but most of us can absolutely learn enough to design [&hellip;]<\/p>\n","protected":false},"author":5,"featured_media":13604,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[297],"tags":[],"class_list":["post-12657","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web-development"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>ABC of Web Design for Noobs<\/title>\n<meta name=\"description\" content=\"Want to learn web design yourself? Here is a list of amazing resources online that can help you with theory and practice. Find them out.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.zilliondesigns.com\/blog\/handy-resources-learn-web-design\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"ABC of Web Design for Noobs\" \/>\n<meta property=\"og:description\" content=\"Want to learn web design yourself? Here is a list of amazing resources online that can help you with theory and practice. Find them out.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.zilliondesigns.com\/blog\/handy-resources-learn-web-design\/\" \/>\n<meta property=\"og:site_name\" content=\"ZD Blog\" \/>\n<meta property=\"article:publisher\" content=\"http:\/\/facebook.com\/zilliondesigns\" \/>\n<meta property=\"article:published_time\" content=\"2018-07-20T07:49:54+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-10T12:04:06+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.zilliondesigns.com\/blog\/wp-content\/uploads\/ABC-of-Web-Design-2.png\" \/>\n\t<meta property=\"og:image:width\" content=\"830\" \/>\n\t<meta property=\"og:image:height\" content=\"396\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Raquel Addams\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@zilliondesigns\" \/>\n<meta name=\"twitter:site\" content=\"@zilliondesigns\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Raquel Addams\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.zilliondesigns.com\/blog\/handy-resources-learn-web-design\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.zilliondesigns.com\/blog\/handy-resources-learn-web-design\/\"},\"author\":{\"name\":\"Raquel Addams\",\"@id\":\"https:\/\/www.zilliondesigns.com\/blog\/#\/schema\/person\/657e8dd77d6b531c3f831af1cb3cdd49\"},\"headline\":\"Handy Resources To Learn The ABC Of Web Design\",\"datePublished\":\"2018-07-20T07:49:54+00:00\",\"dateModified\":\"2026-04-10T12:04:06+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.zilliondesigns.com\/blog\/handy-resources-learn-web-design\/\"},\"wordCount\":1350,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.zilliondesigns.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.zilliondesigns.com\/blog\/handy-resources-learn-web-design\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.zilliondesigns.com\/blog\/wp-content\/uploads\/ABC-of-Web-Design-2.png\",\"articleSection\":[\"Web Development\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.zilliondesigns.com\/blog\/handy-resources-learn-web-design\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.zilliondesigns.com\/blog\/handy-resources-learn-web-design\/\",\"url\":\"https:\/\/www.zilliondesigns.com\/blog\/handy-resources-learn-web-design\/\",\"name\":\"ABC of Web Design for Noobs\",\"isPartOf\":{\"@id\":\"https:\/\/www.zilliondesigns.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.zilliondesigns.com\/blog\/handy-resources-learn-web-design\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.zilliondesigns.com\/blog\/handy-resources-learn-web-design\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.zilliondesigns.com\/blog\/wp-content\/uploads\/ABC-of-Web-Design-2.png\",\"datePublished\":\"2018-07-20T07:49:54+00:00\",\"dateModified\":\"2026-04-10T12:04:06+00:00\",\"description\":\"Want to learn web design yourself? Here is a list of amazing resources online that can help you with theory and practice. Find them out.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.zilliondesigns.com\/blog\/handy-resources-learn-web-design\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.zilliondesigns.com\/blog\/handy-resources-learn-web-design\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.zilliondesigns.com\/blog\/handy-resources-learn-web-design\/#primaryimage\",\"url\":\"https:\/\/www.zilliondesigns.com\/blog\/wp-content\/uploads\/ABC-of-Web-Design-2.png\",\"contentUrl\":\"https:\/\/www.zilliondesigns.com\/blog\/wp-content\/uploads\/ABC-of-Web-Design-2.png\",\"width\":830,\"height\":396,\"caption\":\"ABC of Web Design\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.zilliondesigns.com\/blog\/handy-resources-learn-web-design\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.zilliondesigns.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Handy Resources To Learn The ABC Of Web Design\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.zilliondesigns.com\/blog\/#website\",\"url\":\"https:\/\/www.zilliondesigns.com\/blog\/\",\"name\":\"ZD Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/www.zilliondesigns.com\/blog\/#organization\"},\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.zilliondesigns.com\/blog\/#organization\",\"name\":\"ZillionDesigns Blog\",\"url\":\"https:\/\/www.zilliondesigns.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.zilliondesigns.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.zilliondesigns.com\/blog\/wp-content\/uploads\/ZD-Blog-Logo.png\",\"contentUrl\":\"https:\/\/www.zilliondesigns.com\/blog\/wp-content\/uploads\/ZD-Blog-Logo.png\",\"width\":570,\"height\":134,\"caption\":\"ZillionDesigns Blog\"},\"image\":{\"@id\":\"https:\/\/www.zilliondesigns.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"http:\/\/facebook.com\/zilliondesigns\",\"https:\/\/x.com\/zilliondesigns\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.zilliondesigns.com\/blog\/#\/schema\/person\/657e8dd77d6b531c3f831af1cb3cdd49\",\"name\":\"Raquel Addams\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.zilliondesigns.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/dd0edb9fe3a5524227b1e8f5053d41205190a554bcdc7eb0059c8fadfc515771?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/dd0edb9fe3a5524227b1e8f5053d41205190a554bcdc7eb0059c8fadfc515771?s=96&d=mm&r=g\",\"caption\":\"Raquel Addams\"},\"description\":\"Raquel Addams is a professional blogger and graphic design enthusiast who employs a unique combination of journalism, communication design and marketing strategy to help her clients to position and launch their enterprise or start-ups.\",\"url\":\"https:\/\/www.zilliondesigns.com\/blog\/author\/raquel\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"ABC of Web Design for Noobs","description":"Want to learn web design yourself? Here is a list of amazing resources online that can help you with theory and practice. Find them out.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.zilliondesigns.com\/blog\/handy-resources-learn-web-design\/","og_locale":"en_US","og_type":"article","og_title":"ABC of Web Design for Noobs","og_description":"Want to learn web design yourself? Here is a list of amazing resources online that can help you with theory and practice. Find them out.","og_url":"https:\/\/www.zilliondesigns.com\/blog\/handy-resources-learn-web-design\/","og_site_name":"ZD Blog","article_publisher":"http:\/\/facebook.com\/zilliondesigns","article_published_time":"2018-07-20T07:49:54+00:00","article_modified_time":"2026-04-10T12:04:06+00:00","og_image":[{"width":830,"height":396,"url":"https:\/\/www.zilliondesigns.com\/blog\/wp-content\/uploads\/ABC-of-Web-Design-2.png","type":"image\/png"}],"author":"Raquel Addams","twitter_card":"summary_large_image","twitter_creator":"@zilliondesigns","twitter_site":"@zilliondesigns","twitter_misc":{"Written by":"Raquel Addams","Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.zilliondesigns.com\/blog\/handy-resources-learn-web-design\/#article","isPartOf":{"@id":"https:\/\/www.zilliondesigns.com\/blog\/handy-resources-learn-web-design\/"},"author":{"name":"Raquel Addams","@id":"https:\/\/www.zilliondesigns.com\/blog\/#\/schema\/person\/657e8dd77d6b531c3f831af1cb3cdd49"},"headline":"Handy Resources To Learn The ABC Of Web Design","datePublished":"2018-07-20T07:49:54+00:00","dateModified":"2026-04-10T12:04:06+00:00","mainEntityOfPage":{"@id":"https:\/\/www.zilliondesigns.com\/blog\/handy-resources-learn-web-design\/"},"wordCount":1350,"commentCount":0,"publisher":{"@id":"https:\/\/www.zilliondesigns.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.zilliondesigns.com\/blog\/handy-resources-learn-web-design\/#primaryimage"},"thumbnailUrl":"https:\/\/www.zilliondesigns.com\/blog\/wp-content\/uploads\/ABC-of-Web-Design-2.png","articleSection":["Web Development"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.zilliondesigns.com\/blog\/handy-resources-learn-web-design\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.zilliondesigns.com\/blog\/handy-resources-learn-web-design\/","url":"https:\/\/www.zilliondesigns.com\/blog\/handy-resources-learn-web-design\/","name":"ABC of Web Design for Noobs","isPartOf":{"@id":"https:\/\/www.zilliondesigns.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.zilliondesigns.com\/blog\/handy-resources-learn-web-design\/#primaryimage"},"image":{"@id":"https:\/\/www.zilliondesigns.com\/blog\/handy-resources-learn-web-design\/#primaryimage"},"thumbnailUrl":"https:\/\/www.zilliondesigns.com\/blog\/wp-content\/uploads\/ABC-of-Web-Design-2.png","datePublished":"2018-07-20T07:49:54+00:00","dateModified":"2026-04-10T12:04:06+00:00","description":"Want to learn web design yourself? Here is a list of amazing resources online that can help you with theory and practice. Find them out.","breadcrumb":{"@id":"https:\/\/www.zilliondesigns.com\/blog\/handy-resources-learn-web-design\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.zilliondesigns.com\/blog\/handy-resources-learn-web-design\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.zilliondesigns.com\/blog\/handy-resources-learn-web-design\/#primaryimage","url":"https:\/\/www.zilliondesigns.com\/blog\/wp-content\/uploads\/ABC-of-Web-Design-2.png","contentUrl":"https:\/\/www.zilliondesigns.com\/blog\/wp-content\/uploads\/ABC-of-Web-Design-2.png","width":830,"height":396,"caption":"ABC of Web Design"},{"@type":"BreadcrumbList","@id":"https:\/\/www.zilliondesigns.com\/blog\/handy-resources-learn-web-design\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.zilliondesigns.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Handy Resources To Learn The ABC Of Web Design"}]},{"@type":"WebSite","@id":"https:\/\/www.zilliondesigns.com\/blog\/#website","url":"https:\/\/www.zilliondesigns.com\/blog\/","name":"ZD Blog","description":"","publisher":{"@id":"https:\/\/www.zilliondesigns.com\/blog\/#organization"},"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.zilliondesigns.com\/blog\/#organization","name":"ZillionDesigns Blog","url":"https:\/\/www.zilliondesigns.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.zilliondesigns.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.zilliondesigns.com\/blog\/wp-content\/uploads\/ZD-Blog-Logo.png","contentUrl":"https:\/\/www.zilliondesigns.com\/blog\/wp-content\/uploads\/ZD-Blog-Logo.png","width":570,"height":134,"caption":"ZillionDesigns Blog"},"image":{"@id":"https:\/\/www.zilliondesigns.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["http:\/\/facebook.com\/zilliondesigns","https:\/\/x.com\/zilliondesigns"]},{"@type":"Person","@id":"https:\/\/www.zilliondesigns.com\/blog\/#\/schema\/person\/657e8dd77d6b531c3f831af1cb3cdd49","name":"Raquel Addams","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.zilliondesigns.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/dd0edb9fe3a5524227b1e8f5053d41205190a554bcdc7eb0059c8fadfc515771?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/dd0edb9fe3a5524227b1e8f5053d41205190a554bcdc7eb0059c8fadfc515771?s=96&d=mm&r=g","caption":"Raquel Addams"},"description":"Raquel Addams is a professional blogger and graphic design enthusiast who employs a unique combination of journalism, communication design and marketing strategy to help her clients to position and launch their enterprise or start-ups.","url":"https:\/\/www.zilliondesigns.com\/blog\/author\/raquel\/"}]}},"_links":{"self":[{"href":"https:\/\/www.zilliondesigns.com\/blog\/wp-json\/wp\/v2\/posts\/12657","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.zilliondesigns.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.zilliondesigns.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.zilliondesigns.com\/blog\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/www.zilliondesigns.com\/blog\/wp-json\/wp\/v2\/comments?post=12657"}],"version-history":[{"count":5,"href":"https:\/\/www.zilliondesigns.com\/blog\/wp-json\/wp\/v2\/posts\/12657\/revisions"}],"predecessor-version":[{"id":29494,"href":"https:\/\/www.zilliondesigns.com\/blog\/wp-json\/wp\/v2\/posts\/12657\/revisions\/29494"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.zilliondesigns.com\/blog\/wp-json\/wp\/v2\/media\/13604"}],"wp:attachment":[{"href":"https:\/\/www.zilliondesigns.com\/blog\/wp-json\/wp\/v2\/media?parent=12657"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.zilliondesigns.com\/blog\/wp-json\/wp\/v2\/categories?post=12657"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.zilliondesigns.com\/blog\/wp-json\/wp\/v2\/tags?post=12657"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}