{"id":10,"date":"2013-07-19T07:04:11","date_gmt":"2013-07-19T07:04:11","guid":{"rendered":"http:\/\/www.webmasterninjas.com\/design\/?p=10"},"modified":"2019-04-22T21:46:36","modified_gmt":"2019-04-22T21:46:36","slug":"design-and-css-secret-techniques-of-the-css-masters","status":"publish","type":"post","link":"https:\/\/www.webmasterninjas.com\/design\/design-and-css-secret-techniques-of-the-css-masters","title":{"rendered":"Design and CSS&#8230;.secret techniques of the CSS Masters"},"content":{"rendered":"<p>So I learned 2 things tonight&#8230;there&#8217;s an awesome tool to help evaluate your css and get you on the right track for when you create new css selectors, and that tool is&nbsp;<strong>CSS Lint<\/strong>&nbsp;and can be found at&nbsp;<a title=\"CSS Lint Tool\" href=\"http:\/\/csslint.net\" target=\"_blank\" rel=\"noopener noreferrer\">csslint.net<\/a>&nbsp;and is pretty cool&#8230;.something else I learned is that although I&#8217;ve always thought id&#8217;s in selector&#8217;s made for faster css&#8230;.I was wrong. The article that changed my thinking can be found at&nbsp;<a title=\"Don't use ID's in Selectors....\" href=\"http:\/\/oli.jp\/2011\/ids\/\" target=\"_blank\" rel=\"noopener noreferrer\">http:\/\/oli.jp\/2011\/ids\/<\/a>&nbsp;and is genius. Well thought out, and backed up by numbers. &nbsp;He used this online app for analyzing the css <a href=\"http:\/\/stevesouders.com\/efws\/css-selectors\/csscreate.php\">http:\/\/stevesouders.com\/efws\/css-selectors\/csscreate.php<\/a>&nbsp;and creating test cases. &nbsp;Something I didn&#8217;t know, was that&nbsp;<strong>css selectors are evaulated right to left<\/strong>&#8230;.definitely something to think about. &nbsp;And finally&#8230;.I found an interesting article on web fonts and making sure they display properly without the faux bold or italics. It comes down to adding additional references to the font-face&#8230;&#8230;a possible solution if your designer is looking on his Mac and it doesn&#8217;t match what shows up on your PC&#8230;I know how picky designers can be. &nbsp;Article can be found here:&nbsp;<a href=\"http:\/\/alistapart.com\/article\/say-no-to-faux-bold\">http:\/\/alistapart.com\/article\/say-no-to-faux-bold<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>So I learned 2 things tonight&#8230;there&#8217;s an awesome tool to help evaluate your css and get you on the right track for when you create new css selectors, and that tool is&nbsp;CSS Lint&nbsp;and can be found at&nbsp;csslint.net&nbsp;and is pretty cool&#8230;.something &hellip; <a href=\"https:\/\/www.webmasterninjas.com\/design\/design-and-css-secret-techniques-of-the-css-masters\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[5,4],"tags":[7],"_links":{"self":[{"href":"https:\/\/www.webmasterninjas.com\/design\/wp-json\/wp\/v2\/posts\/10"}],"collection":[{"href":"https:\/\/www.webmasterninjas.com\/design\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.webmasterninjas.com\/design\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.webmasterninjas.com\/design\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.webmasterninjas.com\/design\/wp-json\/wp\/v2\/comments?post=10"}],"version-history":[{"count":2,"href":"https:\/\/www.webmasterninjas.com\/design\/wp-json\/wp\/v2\/posts\/10\/revisions"}],"predecessor-version":[{"id":29,"href":"https:\/\/www.webmasterninjas.com\/design\/wp-json\/wp\/v2\/posts\/10\/revisions\/29"}],"wp:attachment":[{"href":"https:\/\/www.webmasterninjas.com\/design\/wp-json\/wp\/v2\/media?parent=10"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.webmasterninjas.com\/design\/wp-json\/wp\/v2\/categories?post=10"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.webmasterninjas.com\/design\/wp-json\/wp\/v2\/tags?post=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}