{"id":35,"date":"2008-02-15T02:00:32","date_gmt":"2008-02-15T08:00:32","guid":{"rendered":"http:\/\/cssnewbie.com\/elsewhere\/great-articles-elsewhere-february-08-to-february-15\/"},"modified":"2008-02-15T02:00:32","modified_gmt":"2008-02-15T08:00:32","slug":"great-articles-elsewhere-february-08-to-february-15","status":"publish","type":"post","link":"https:\/\/cssdeck.com\/blog\/great-articles-elsewhere-february-08-to-february-15\/","title":{"rendered":"Great Articles Elsewhere: February 08 to February 15"},"content":{"rendered":"<div class=\"magnolia_post xfolkentry\">\n<h4><a class=\"taggedlink\" href=\"http:\/\/browsershots.org\/\">Test your web design in different browsers &#8211; Browsershots<\/a><\/h4>\n<p><a class=\"taggedlink\" href=\"http:\/\/browsershots.org\/\"><\/a><\/p>\n<div class=\"description\">If you&#8217;ve ever designed a page more complicated than, say, a single line of text, you&#8217;ve probably come up against a surprise or two when you loaded the page into your less-than-favorite browser and discovered some sort of weird rendering problem. Browsershots is a completely free service that lets you see what your website looks like in literally dozens of different browsers and builds. Sure, you could just install all those browsers on your computer&#8230; but this seems a little easier.<\/div>\n<h4>CSS Maintenance Tip: Use a Color Glossary (Garrett Dimon)<\/h4>\n<div class=\"description\">Garret Dimon offers this handy CSS tip related to comments (<a href=\"\/basic-techniques\/comments-organize-css-design\/\" title=\"Use Comments to Organize Your CSS Design\">which I talked about earlier this week<\/a>): when working on a large style sheet, document the colors you&#8217;re using at the top of the CSS file with a comment tag. I don&#8217;t know how many times I&#8217;ve had to scroll through hundreds of lines of code to find the  color I set on some obscure class. CSSnewbie reader Justin also mentioned this idea in the comments of the comment post &#8212; great minds think alike.<\/div>\n<h4><a class=\"taggedlink\" href=\"http:\/\/htmlplayground.com\/\">HTML Playground, html, css reference by example<\/a><\/h4>\n<p><a class=\"taggedlink\" href=\"http:\/\/htmlplayground.com\/\"><\/a><\/p>\n<div class=\"description\">HTML playground is a fantastic learn-by-example reference guide for both HTML and CSS properties. The website is divided into three primary panes: in the first, you select the HTML or CSS property you&#8217;d like to learn more about. Once you&#8217;ve selected a property, the second pane gives a description of the property &#8212; what it does, where it works, and so on. And the third pane shows the code in action with a real-life example.<\/div>\n<h4>Vdot Media &#8211; Make your website printer-friendly<\/h4>\n<div class=\"description\">Verne at Vdot Media has a good article out on print style sheets (<a href=\"\/css-rules\/7-tips-print-style-sheets\/\" title=\"7 Tips for Great Print Style Sheets\">there must be something in the air!<\/a>). His article looks at the problem more from the accessibly end of the spectrum &#8212; how to swap out ink-heavy images with toner-friendly alternates, and so on. It&#8217;s worth a read if you&#8217;re serious about developing the best user-friendly print stylesheets.<\/div>\n<\/div>\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>Test your web design in different browsers &#8211; Browsershots<\/p>\n<p>If you&#8217;ve ever designed a page more complicated than, say, a single line of text, you&#8217;ve probably come up against a surprise or two when you loaded the page into your less-than-favorite [&#8230;]<\/p>\n<p><a class=\"more-link article\" href=\"https:\/\/cssdeck.com\/blog\/great-articles-elsewhere-february-08-to-february-15\/\" title=\"Click to read 'Great Articles Elsewhere: February 08 to February 15'\">Read Article<\/a><\/p>\n","protected":false},"author":18,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[167],"tags":[],"_links":{"self":[{"href":"https:\/\/cssdeck.com\/blog\/wp-json\/wp\/v2\/posts\/35"}],"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=35"}],"version-history":[{"count":0,"href":"https:\/\/cssdeck.com\/blog\/wp-json\/wp\/v2\/posts\/35\/revisions"}],"wp:attachment":[{"href":"https:\/\/cssdeck.com\/blog\/wp-json\/wp\/v2\/media?parent=35"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cssdeck.com\/blog\/wp-json\/wp\/v2\/categories?post=35"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cssdeck.com\/blog\/wp-json\/wp\/v2\/tags?post=35"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}