{"id":2109,"date":"2016-11-24T11:47:22","date_gmt":"2016-11-24T11:47:22","guid":{"rendered":"http:\/\/cssreset.com\/?p=2109"},"modified":"2016-11-24T11:47:22","modified_gmt":"2016-11-24T11:47:22","slug":"styling-resources-learn-css-for-free","status":"publish","type":"post","link":"https:\/\/cssdeck.com\/blog\/styling-resources-learn-css-for-free\/","title":{"rendered":"Styling Resources: Learn CSS for Free"},"content":{"rendered":"<p>Looking to learn CSS or to brush up on your styling skills? Check out any of these free interactive resources to learn CSS from anywhere you can grab a wifi connection!<\/p>\n<p>1. <a href=\"https:\/\/www.codecademy.com\/learn\/web\" target=\"_blank\">Codecademy<\/a><\/p>\n<p><a href=\"https:\/\/www.codecademy.com\/learn\/web\"><img decoding=\"async\" loading=\"lazy\" class=\"size-large wp-image-2110 aligncenter\" alt=\"Screen Shot 2016-11-20 at 9.29.39 AM\" src=\"https:\/\/cssdeck.com\/blog\/\/wp-content\/uploads\/2016\/11\/Screen-Shot-2016-11-20-at-9.29.39-AM-1024x225.png\" width=\"1024\" height=\"225\" srcset=\"https:\/\/cssdeck.com\/blog\/wp-content\/uploads\/2016\/11\/Screen-Shot-2016-11-20-at-9.29.39-AM-1024x225.png 1024w, https:\/\/cssdeck.com\/blog\/wp-content\/uploads\/2016\/11\/Screen-Shot-2016-11-20-at-9.29.39-AM-300x65.png 300w, https:\/\/cssdeck.com\/blog\/wp-content\/uploads\/2016\/11\/Screen-Shot-2016-11-20-at-9.29.39-AM-180x39.png 180w, https:\/\/cssdeck.com\/blog\/wp-content\/uploads\/2016\/11\/Screen-Shot-2016-11-20-at-9.29.39-AM.png 1520w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>Codecademy is a really popular resource for learning to code online for free. The HTML &amp; CSS course will teach you the fundamentals of styling through learning to build your own webpage.<\/p>\n<p>2. <a href=\"http:\/\/learn.shayhowe.com\/html-css\/\" target=\"_blank\">Learn to Code HTML &amp; CSS<\/a><\/p>\n<p><a href=\"http:\/\/learn.shayhowe.com\/html-css\/\"><img decoding=\"async\" loading=\"lazy\" class=\"size-large wp-image-2111 aligncenter\" alt=\"Screen Shot 2016-11-20 at 9.32.41 AM\" src=\"https:\/\/cssdeck.com\/blog\/\/wp-content\/uploads\/2016\/11\/Screen-Shot-2016-11-20-at-9.32.41-AM-1024x821.png\" width=\"1024\" height=\"821\" srcset=\"https:\/\/cssdeck.com\/blog\/wp-content\/uploads\/2016\/11\/Screen-Shot-2016-11-20-at-9.32.41-AM-1024x821.png 1024w, https:\/\/cssdeck.com\/blog\/wp-content\/uploads\/2016\/11\/Screen-Shot-2016-11-20-at-9.32.41-AM-300x240.png 300w, https:\/\/cssdeck.com\/blog\/wp-content\/uploads\/2016\/11\/Screen-Shot-2016-11-20-at-9.32.41-AM-180x144.png 180w, https:\/\/cssdeck.com\/blog\/wp-content\/uploads\/2016\/11\/Screen-Shot-2016-11-20-at-9.32.41-AM.png 1296w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>Completing this free tutorial in HTML and CSS will leave you with a solid foundation in the basics of building and styling webpages.<\/p>\n<p>3. <a href=\"http:\/\/www.csstutorial.net\/\" target=\"_blank\">CSS Tutorial<\/a><\/p>\n<p><a href=\"http:\/\/www.csstutorial.net\/\"><img decoding=\"async\" loading=\"lazy\" class=\"size-large wp-image-2112 aligncenter\" alt=\"Screen Shot 2016-11-20 at 9.37.56 AM\" src=\"https:\/\/cssdeck.com\/blog\/\/wp-content\/uploads\/2016\/11\/Screen-Shot-2016-11-20-at-9.37.56-AM-1024x518.png\" width=\"1024\" height=\"518\" srcset=\"https:\/\/cssdeck.com\/blog\/wp-content\/uploads\/2016\/11\/Screen-Shot-2016-11-20-at-9.37.56-AM-1024x518.png 1024w, https:\/\/cssdeck.com\/blog\/wp-content\/uploads\/2016\/11\/Screen-Shot-2016-11-20-at-9.37.56-AM-300x151.png 300w, https:\/\/cssdeck.com\/blog\/wp-content\/uploads\/2016\/11\/Screen-Shot-2016-11-20-at-9.37.56-AM-180x91.png 180w, https:\/\/cssdeck.com\/blog\/wp-content\/uploads\/2016\/11\/Screen-Shot-2016-11-20-at-9.37.56-AM.png 1494w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>This tutorial from <a href=\"http:\/\/www.csstutorial.net\/\" target=\"_blank\">CSStutorial.net<\/a>\u00a0is solely dedicated to teaching CSS skills and fundamentals.<\/p>\n<p>4. <a href=\"https:\/\/www.codeschool.com\/courses\/css-cross-country\" target=\"_blank\">CSS Cross-Country<\/a><\/p>\n<p><a href=\"https:\/\/www.codeschool.com\/courses\/css-cross-country\"><img decoding=\"async\" loading=\"lazy\" class=\"size-large wp-image-2113 aligncenter\" alt=\"Screen Shot 2016-11-20 at 9.39.52 AM\" src=\"https:\/\/cssdeck.com\/blog\/\/wp-content\/uploads\/2016\/11\/Screen-Shot-2016-11-20-at-9.39.52-AM-1024x564.png\" width=\"1024\" height=\"564\" srcset=\"https:\/\/cssdeck.com\/blog\/wp-content\/uploads\/2016\/11\/Screen-Shot-2016-11-20-at-9.39.52-AM-1024x564.png 1024w, https:\/\/cssdeck.com\/blog\/wp-content\/uploads\/2016\/11\/Screen-Shot-2016-11-20-at-9.39.52-AM-300x165.png 300w, https:\/\/cssdeck.com\/blog\/wp-content\/uploads\/2016\/11\/Screen-Shot-2016-11-20-at-9.39.52-AM-180x99.png 180w, https:\/\/cssdeck.com\/blog\/wp-content\/uploads\/2016\/11\/Screen-Shot-2016-11-20-at-9.39.52-AM.png 1060w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>This CSS Tutorial from Code School goes over the basics of CSS, plus teaches you how to troubleshoot common styling issues.<\/p>\n<p>5. <a href=\"http:\/\/www.dontfeartheinternet.com\/\" target=\"_blank\">Don&#8217;t Fear the Internet<\/a><\/p>\n<p><a href=\"http:\/\/www.dontfeartheinternet.com\/\"><img decoding=\"async\" loading=\"lazy\" class=\"size-large wp-image-2114 aligncenter\" alt=\"Screen Shot 2016-11-20 at 9.41.03 AM\" src=\"https:\/\/cssdeck.com\/blog\/\/wp-content\/uploads\/2016\/11\/Screen-Shot-2016-11-20-at-9.41.03-AM-1024x204.png\" width=\"1024\" height=\"204\" srcset=\"https:\/\/cssdeck.com\/blog\/wp-content\/uploads\/2016\/11\/Screen-Shot-2016-11-20-at-9.41.03-AM-1024x204.png 1024w, https:\/\/cssdeck.com\/blog\/wp-content\/uploads\/2016\/11\/Screen-Shot-2016-11-20-at-9.41.03-AM-300x59.png 300w, https:\/\/cssdeck.com\/blog\/wp-content\/uploads\/2016\/11\/Screen-Shot-2016-11-20-at-9.41.03-AM-180x35.png 180w, https:\/\/cssdeck.com\/blog\/wp-content\/uploads\/2016\/11\/Screen-Shot-2016-11-20-at-9.41.03-AM.png 1892w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p><a href=\"http:\/\/www.dontfeartheinternet.com\/\" target=\"_blank\">Don&#8217;t Fear the Internet<\/a>\u00a0is a site dedicated to teaching the basics of HTML and CSS to non-developers. It&#8217;s a great place to start if you&#8217;re not in web development\/design and want to see if it&#8217;s right for you, or if you just need to pick up a few simple skills.<\/p>\n<p>&nbsp;<\/p>\n<div class=\"wp-socializer wpsr-share-icons \" data-lg-action=\"show\" data-sm-action=\"show\" data-sm-width=\"768\" ><h3>Share and Enjoy !<\/h3><div class=\"wpsr-si-inner\"><div class=\"wpsr-counter wpsrc-sz-32px\" style=\"color:#000\"><span class=\"scount\"><span data-wpsrs=\"\" data-wpsrs-svcs=\"facebook,twitter,linkedin,pinterest,print,pdf\">0<\/span><\/span><small class=\"stext\">Shares<\/small><\/div><div class=\"socializer sr-popup sr-32px sr-circle sr-opacity sr-pad sr-count-1 sr-count-1\"><span class=\"sr-facebook\"><a rel=\"nofollow\" href=\"https:\/\/www.facebook.com\/share.php?u=\" target=\"_blank\"  title=\"Share this on Facebook\"  style=\"color: #ffffff\" ><i class=\"fab fa-facebook-f\"><\/i><span class=\"ctext\"><span data-wpsrs=\"\" data-wpsrs-svcs=\"facebook\">0<\/span><\/span><\/a><\/span>\n<span class=\"sr-twitter\"><a rel=\"nofollow\" href=\"https:\/\/twitter.com\/intent\/tweet?text=%20-%20%20\" target=\"_blank\"  title=\"Tweet this !\"  style=\"color: #ffffff\" ><i class=\"fab fa-twitter\"><\/i><\/a><\/span>\n<span class=\"sr-linkedin\"><a rel=\"nofollow\" href=\"https:\/\/www.linkedin.com\/sharing\/share-offsite\/?url=\" target=\"_blank\"  title=\"Add this to LinkedIn\"  style=\"color: #ffffff\" ><i class=\"fab fa-linkedin-in\"><\/i><\/a><\/span>\n<span class=\"sr-pinterest\"><a rel=\"nofollow\" href=\"https:\/\/www.pinterest.com\/pin\/create\/button\/?url=&amp;media=&amp;description=\" target=\"_blank\"  title=\"Submit this to Pinterest\"  style=\"color: #ffffff\" data-pin-custom=\"true\"><i class=\"fab fa-pinterest\"><\/i><span class=\"ctext\"><span data-wpsrs=\"\" data-wpsrs-svcs=\"pinterest\">0<\/span><\/span><\/a><\/span>\n<span class=\"sr-print\"><a rel=\"nofollow\" href=\"https:\/\/www.printfriendly.com\/print?url=\" target=\"_blank\"  title=\"Print this article \"  style=\"color: #ffffff\" ><i class=\"fa fa-print\"><\/i><\/a><\/span>\n<span class=\"sr-pdf\"><a rel=\"nofollow\" href=\"https:\/\/www.printfriendly.com\/print?url=\" target=\"_blank\"  title=\"Convert to PDF\"  style=\"color: #ffffff\" ><i class=\"fa fa-file-pdf\"><\/i><\/a><\/span><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>Looking to learn CSS or to brush up on your styling skills? Check out any of these free interactive resources to learn CSS from anywhere you can grab a wifi connection!<\/p>\n<p>1. Codecademy<\/p>\n<\/p>\n<p>&nbsp;<\/p>\n<p>Codecademy is a really popular resource for learning to [&#8230;]<\/p>\n<p><a class=\"more-link article\" href=\"https:\/\/cssdeck.com\/blog\/styling-resources-learn-css-for-free\/\" title=\"Click to read 'Styling Resources: Learn CSS for Free'\">Read Article<\/a><\/p>\n","protected":false},"author":18,"featured_media":2111,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[6],"tags":[],"_links":{"self":[{"href":"https:\/\/cssdeck.com\/blog\/wp-json\/wp\/v2\/posts\/2109"}],"collection":[{"href":"https:\/\/cssdeck.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cssdeck.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cssdeck.com\/blog\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/cssdeck.com\/blog\/wp-json\/wp\/v2\/comments?post=2109"}],"version-history":[{"count":1,"href":"https:\/\/cssdeck.com\/blog\/wp-json\/wp\/v2\/posts\/2109\/revisions"}],"predecessor-version":[{"id":2115,"href":"https:\/\/cssdeck.com\/blog\/wp-json\/wp\/v2\/posts\/2109\/revisions\/2115"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cssdeck.com\/blog\/wp-json\/wp\/v2\/media\/2111"}],"wp:attachment":[{"href":"https:\/\/cssdeck.com\/blog\/wp-json\/wp\/v2\/media?parent=2109"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cssdeck.com\/blog\/wp-json\/wp\/v2\/categories?post=2109"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cssdeck.com\/blog\/wp-json\/wp\/v2\/tags?post=2109"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}