{"id":696,"date":"2013-02-15T10:56:53","date_gmt":"2013-02-15T16:56:53","guid":{"rendered":"http:\/\/cssnewbie.com\/?p=696"},"modified":"2013-02-15T10:56:53","modified_gmt":"2013-02-15T16:56:53","slug":"a-new-css-newbie-site-design-launched","status":"publish","type":"post","link":"https:\/\/cssdeck.com\/blog\/a-new-css-newbie-site-design-launched\/","title":{"rendered":"A New CSS Newbie Site Design Launched!"},"content":{"rendered":"<p><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/cssdeck.com\/blog\/wp-content\/uploads\/2013\/02\/redesign-main.jpg\" alt=\"CSS Newbie design - before and after\" width=\"600\" height=\"300\" class=\"alignnone size-full wp-image-698\" \/><\/p>\n<p>If you&#8217;ve been here before, you&#8217;ll probably notice things are looking quite a bit differently all of a sudden (and if you&#8217;re new to these parts, welcome!). For the first time in several years, CSS Newbie has a new design!<\/p>\n<p>While there are many details of the new design I&#8217;d like to point out &#8212; and I fully intend to write some detailed articles about some of the techniques I&#8217;ve used in the near future &#8212; here are some basics:<\/p>\n<ul>\n<li>The site loads faster, as I&#8217;m making fewer HTTP requests.<\/li>\n<li>This is a responsive design, so the site looks much nicer on tablet and mobile devices.<\/li>\n<li>I&#8217;m using CSS3 techniques and icons fonts where I can in lieu of images.<\/li>\n<li>The logo is entirely HTML\/CSS and is scalable.<\/li>\n<\/ul>\n<p>So take a look around and let me know what you think in the comments. Love it? Hate it? Think it&#8217;s okay?<\/p>\n<p>Also, if you see something amiss, please let me know &#8212; I&#8217;m anticipating this design to be more of an iterative, ongoing thing. Of course, that&#8217;s also code for &#8220;I haven&#8217;t tested this in all scenarios.&#8221; It seems to look decently in Chrome\/Firefox on Windows and PC, and IE7 and up (though obviously some things change in older IE versions).<\/p>\n<p><strong>On an unrelated note<\/strong>, I&#8217;ll be in Orlando February 17th &#8211; 19th for the <a href=\"http:\/\/2013.incontrolconference.com\/\">InControl conference<\/a>. If you see me, stop by and say hello! I&#8217;ll look like a somewhat more bearded version of my photo in the footer.<\/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>If you&#8217;ve been here before, you&#8217;ll probably notice things are looking quite a bit differently all of a sudden (and if you&#8217;re new to these parts, welcome!). For the first time in several years, CSS Newbie has a new face! [&#8230;]<\/p>\n<p><a class=\"more-link article\" href=\"https:\/\/cssdeck.com\/blog\/a-new-css-newbie-site-design-launched\/\" title=\"Click to read 'A New CSS Newbie Site Design Launched!'\">Read Article<\/a><\/p>\n","protected":false},"author":18,"featured_media":698,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[196],"tags":[],"_links":{"self":[{"href":"https:\/\/cssdeck.com\/blog\/wp-json\/wp\/v2\/posts\/696"}],"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=696"}],"version-history":[{"count":0,"href":"https:\/\/cssdeck.com\/blog\/wp-json\/wp\/v2\/posts\/696\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cssdeck.com\/blog\/wp-json\/wp\/v2\/media\/698"}],"wp:attachment":[{"href":"https:\/\/cssdeck.com\/blog\/wp-json\/wp\/v2\/media?parent=696"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cssdeck.com\/blog\/wp-json\/wp\/v2\/categories?post=696"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cssdeck.com\/blog\/wp-json\/wp\/v2\/tags?post=696"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}