{"id":74,"date":"2008-03-28T09:43:48","date_gmt":"2008-03-28T14:43:48","guid":{"rendered":"http:\/\/cssnewbie.com\/great-resources-elsewhere-march-21-to-march-28\/"},"modified":"2008-03-28T09:43:48","modified_gmt":"2008-03-28T14:43:48","slug":"great-resources-elsewhere-march-21-to-march-28","status":"publish","type":"post","link":"https:\/\/cssdeck.com\/blog\/great-resources-elsewhere-march-21-to-march-28\/","title":{"rendered":"Great Resources Elsewhere: March 21 to March 28"},"content":{"rendered":"<div class=\"magnolia_post xfolkentry\">\n<h4><a class=\"taggedlink\" href=\"http:\/\/www.hackszine.com\/blog\/archive\/2008\/03\/easiest_crossbrowser_css_minhe.html\">Hackszine.com: Easiest cross-browser CSS min-height<\/a><\/h4>\n<p><a class=\"taggedlink\" href=\"http:\/\/www.hackszine.com\/blog\/archive\/2008\/03\/easiest_crossbrowser_css_minhe.html\"><img decoding=\"async\" width=\"100\" src=\"http:\/\/ma.gnolia.com\/bookmarks\/vruchoscew\/thumbnail\/160\" alt=\"Hackszine.com: Easiest cross-browser CSS min-height\"\/><\/a><\/p>\n<div class=\"description\">The min-height and min-width CSS properties are two of the most useful properties out there, but they never get much use because Internet Explorer 6 doesn&#8217;t understand them. However, with just 3 lines of CSS (versus the original one), you can create cross-browser, IE-friendly min-height and min-width properties.<\/div>\n<h4><a class=\"taggedlink\" href=\"http:\/\/bitsonewmedia.com\/permalink\/the_amazing_li\">The Amazing LI: Using CSS and Unordered List Items to Do Just About Anything<\/a><\/h4>\n<p><a class=\"taggedlink\" href=\"http:\/\/bitsonewmedia.com\/permalink\/the_amazing_li\"><img decoding=\"async\" width=\"100\" src=\"http:\/\/ma.gnolia.com\/bookmarks\/hutuduch\/thumbnail\/160\" alt=\"The Amazing LI: Using CSS and Unordered List Items to Do Just About Anything\"\/><\/a><\/p>\n<div class=\"description\">Here&#8217;s a great tutorial for all you CSS newbies out there. Matthew Griffin goes through four useful things you can do on your website with just an unordered list and a few lines of CSS. Unordered lists are sort of the go-to element in modern web design when it comes to organizing snippets of generally related items, so this is a great read for anyone new to the trade and wanting to learn how to get the most out of this great little element.<\/div>\n<h4><a class=\"taggedlink\" href=\"http:\/\/960.gs\/\">960 Grid System<\/a><\/h4>\n<p><a class=\"taggedlink\" href=\"http:\/\/960.gs\/\"><img decoding=\"async\" width=\"100\" src=\"http:\/\/ma.gnolia.com\/bookmarks\/chechehu\/thumbnail\/160\" alt=\"960 Grid System\"\/><\/a><\/p>\n<div class=\"description\">The 960 Grid System is an all-in-one package for the rapid development of websites that are 960 pixels wide. As the site says, 960px is a great width to start with for two reasons: &#8220;All modern monitors support at least 1024 \u00d7 768 pixel resolution,&#8221; and &#8220;960 is divisible by 2, 3, 4, 5, 6, 8, 10, 12, 15, 16, 20, 24, 30, 32, 40, 48, 60, 64, 80, 96, 120, 160, 192, 240, 320 and 480. This makes it a highly flexible base number to work with.&#8221; The system comes with printable grid paper (for sketching) as well as templates for Photoshop and other programs (for designing) and a CSS framwork (for coding). If you&#8217;re in to frameworks, this is probably worth a look.<\/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>Hackszine.com: Easiest cross-browser CSS min-height<\/p>\n<p>The min-height and min-width CSS properties are two of the most useful properties out there, but they never get much use because Internet Explorer 6 doesn&#8217;t understand them. However, with just 3 lines of CSS (versus [&#8230;]<\/p>\n<p><a class=\"more-link article\" href=\"https:\/\/cssdeck.com\/blog\/great-resources-elsewhere-march-21-to-march-28\/\" title=\"Click to read 'Great Resources Elsewhere: March 21 to March 28'\">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\/74"}],"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=74"}],"version-history":[{"count":0,"href":"https:\/\/cssdeck.com\/blog\/wp-json\/wp\/v2\/posts\/74\/revisions"}],"wp:attachment":[{"href":"https:\/\/cssdeck.com\/blog\/wp-json\/wp\/v2\/media?parent=74"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cssdeck.com\/blog\/wp-json\/wp\/v2\/categories?post=74"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cssdeck.com\/blog\/wp-json\/wp\/v2\/tags?post=74"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}