{"id":1711,"date":"2021-09-13T17:43:31","date_gmt":"2021-09-13T21:43:31","guid":{"rendered":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/?p=1711"},"modified":"2021-09-22T19:37:19","modified_gmt":"2021-09-22T23:37:19","slug":"week-3","status":"publish","type":"post","link":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/weeks\/week-3\/","title":{"rendered":"Week 3: 9\/13"},"content":{"rendered":"\n<p>A reminder that this week there is <strong>NO CLASS ON WEDNESDAY<\/strong>. There are not classes at BMCC on Wednesday the 15th and Thursday the 16th.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Before Class: LEARN<\/h2>\n\n\n\n<p><strong>DO THIS:<\/strong><\/p>\n\n\n\n<ol class=\"wp-block-list\"><li><a href=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/projects\/portfolio-brief\/\" data-type=\"page\" data-id=\"958\">Portfolio Brief<\/a><\/li><\/ol>\n\n\n\n<p>The brief is due on Tuesday, September 14.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">In Class: EXPLORE<\/h2>\n\n\n\n<p><strong>DO THIS:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"#live\">Join the Live Class Sessions<\/a><\/li><\/ul>\n\n\n\n<p>The Join link is the same for all live sessions. There is a registration form and a waiting room to help avoid bombing. View Live Sessions below for more info<\/p>\n\n\n\n<section class=\"wp-block-uagb-columns uagb-columns__wrap uagb-columns__background-undefined uagb-columns__stack-mobile uagb-columns__valign-undefined uagb-columns__gap-10 alignfull uagb-block-7fabff38\"><div class=\"uagb-columns__overlay\"><\/div><div class=\"uagb-columns__inner-wrap uagb-columns__columns-3\">\n<div class=\"wp-block-uagb-column uagb-column__wrap uagb-column__background-undefined uagb-block-7dfa4eec\"><div class=\"uagb-column__overlay\"><\/div><div class=\"uagb-column__inner-wrap\">\n<h2 class=\"wp-block-heading\" id=\"live\">Live Sessions<\/h2>\n\n\n\n<div class=\"alignwide wp-block-ugb-button ugb-button-wrapper ugb-9f39f6d ugb-button--mobile-aligned ugb-main-block\"><style>.ugb-9f39f6d .ugb-block-content{justify-content:flex-start !important}.ugb-9f39f6d .ugb-block-content .ugb-button{border-radius:0px}.ugb-9f39f6d .ugb-button1 .ugb-button--inner{font-family:-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\" !important;font-size:18px !important;color:#0d497a !important}.ugb-9f39f6d .ugb-button1{border-color:#0d497a !important;border-radius:0px !important}.ugb-9f39f6d .ugb-button1:hover{opacity:0.8}.ugb-9f39f6d .ugb-button1:hover .ugb-button--inner{color:#0d497a !important}.ugb-9f39f6d .ugb-button1.ugb-button--has-icon.ugb-button--has-icon svg:not(.ugb-custom-icon){color:#0d497a}.ugb-9f39f6d .ugb-button1.ugb-button--has-icon.ugb-button--has-icon:hover svg:not(.ugb-custom-icon){color:#0d497a}.ugb-9f39f6d .ugb-button1:before{border-radius:0px !important}.ugb-9f39f6d .ugb-inner-block{text-align:left}@media screen and (max-width:768px){.ugb-9f39f6d .ugb-block-content{justify-content:center !important}.ugb-9f39f6d .ugb-inner-block{text-align:center}}<\/style><div class=\"ugb-inner-block\"><div class=\"ugb-block-content\"><div class=\"ugb-button-container\"><a class=\"ugb-button1 ugb-button ugb-button--size-medium ugb--hover-effect-scale ugb-button--design-ghost ugb-button--has-icon\" href=\"https:\/\/bmcc-cuny.zoom.us\/meeting\/register\/tZUude-vpj8oGNWYtmbO9AbG-83cG0mODkpK\" target=\"_blank\" rel=\"noopener noreferrer\" title=\"\"><div class=\"ugb-icon-inner-svg\"><svg data-prefix=\"fas\" data-icon=\"external-link-alt\" class=\"svg-inline--fa fa-external-link-alt fa-w-16\" role=\"img\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\"><path fill=\"currentColor\" d=\"M432,320H400a16,16,0,0,0-16,16V448H64V128H208a16,16,0,0,0,16-16V80a16,16,0,0,0-16-16H48A48,48,0,0,0,0,112V464a48,48,0,0,0,48,48H400a48,48,0,0,0,48-48V336A16,16,0,0,0,432,320ZM488,0h-128c-21.37,0-32.05,25.91-17,41l35.73,35.73L135,320.37a24,24,0,0,0,0,34L157.67,377a24,24,0,0,0,34,0L435.28,133.32,471,169c15,15,41,4.5,41-17V24A24,24,0,0,0,488,0Z\"><\/path><\/svg><\/div><span class=\"ugb-button--inner\">JOIN LIVE SESSION<\/span><\/a><\/div><\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-uagb-column uagb-column__wrap uagb-column__background-undefined uagb-block-c966e436\"><div class=\"uagb-column__overlay\"><\/div><div class=\"uagb-column__inner-wrap\">\n<h4 class=\"wp-block-heading\">Session 1: Course Plan and HTML<\/h4>\n\n\n\n<p><strong>Monday, Sep. 13 at 7:30p\u20139:10p<\/strong><\/p>\n\n\n\n<p>During our first session we will review the course and the topics covered, this course site, what you&#8217;ll need to do your work and be successful, get to know each other.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">Links for Class Session<\/h5>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/\" data-type=\"page\" data-id=\"29\">CSS Basics<\/a> Post<\/li><li><a href=\"https:\/\/www.dropbox.com\/scl\/fi\/7hliq6hhlepyt4ypndydk\/CSS-Basics.pptx?dl=0&amp;rlkey=y5d1ekjb43swvw73sci1kaxj7\" target=\"_blank\" rel=\"noreferrer noopener\">CSS Basics PowerPoint<\/a><\/li><li><a rel=\"noreferrer noopener\" href=\"http:\/\/css.maxdesign.com.au\/selectutorial\/index.htm\" target=\"_blank\">Selectutorial<\/a><\/li><li><a rel=\"noreferrer noopener\" href=\"http:\/\/web.simmons.edu\/~grabiner\/comm244\/weekfour\/document-tree.html\" target=\"_blank\">Document Tree<\/a><\/li><li><a href=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/projects\/portfolio-brief\/\" data-type=\"page\" data-id=\"958\">Portfolio Brief<\/a><\/li><li><a href=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/topics\/css\/typography-basics\/\" data-type=\"post\" data-id=\"1718\">Typography Basics<\/a><\/li><li><a href=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/topics\/css\/typographic-hierarchy\/\" data-type=\"post\" data-id=\"1712\">Typographic Hierarchy<\/a><\/li><li>See CodePens Below<\/li><\/ul>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-uagb-column uagb-column__wrap uagb-column__background-undefined uagb-block-5e36608a\"><div class=\"uagb-column__overlay\"><\/div><div class=\"uagb-column__inner-wrap\">\n<h4 class=\"wp-block-heading\">Session 2: None<\/h4>\n\n\n\n<p><strong>Wednesday<\/strong><\/p>\n\n\n\n<p>There is no class on Wednesday (no classes at all at BMCC on Wednesday and Thursday).<\/p>\n<\/div><\/div>\n<\/div><\/section>\n\n\n\n<h3 class=\"wp-block-heading\">CodePens<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\">Css Card<\/h4>\n\n\n\n<figure class=\"wp-block-embed alignwide is-type-wp-embed is-provider-codepen wp-block-embed-codepen\"><div class=\"wp-block-embed__wrapper\">\n<iframe class=\"wp-embedded-content\" sandbox=\"allow-scripts\" security=\"restricted\" title=\"CSS Card\" src=\"https:\/\/codepen.io\/profstein\/embed\/preview\/NWggNpa?default-tabs=css%2Cresult&#038;height=300&#038;host=https%3A%2F%2Fcodepen.io&#038;slug-hash=NWggNpa#?secret=GqZ7FgkO6a\" data-secret=\"GqZ7FgkO6a\" scrolling=\"no\" frameborder=\"0\" height=\"300\"><\/iframe>\n<\/div><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">H<a href=\"https:\/\/codepen.io\/profstein\/pen\/04585520d0b1b12f9f343233b3965642\" target=\"_blank\" rel=\"noreferrer noopener\">TML Tree<\/a><\/h4>\n\n\n\n<figure class=\"wp-block-embed alignwide is-type-wp-embed is-provider-codepen wp-block-embed-codepen\"><div class=\"wp-block-embed__wrapper\">\n<iframe class=\"wp-embedded-content\" sandbox=\"allow-scripts\" security=\"restricted\" title=\"HTML Tree\" src=\"https:\/\/codepen.io\/profstein\/embed\/preview\/04585520d0b1b12f9f343233b3965642?default-tabs=html%2Cresult&#038;height=300&#038;host=https%3A%2F%2Fcodepen.io&#038;slug-hash=04585520d0b1b12f9f343233b3965642#?secret=Q3YEeCAzWK\" data-secret=\"Q3YEeCAzWK\" scrolling=\"no\" frameborder=\"0\" height=\"300\"><\/iframe>\n<\/div><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\"><a href=\"https:\/\/codepen.io\/profstein\/pen\/bGRRgRQ\" target=\"_blank\" rel=\"noreferrer noopener\">CSS Basic Selectors<\/a><\/h4>\n\n\n\n<figure class=\"wp-block-embed alignwide is-type-wp-embed is-provider-codepen wp-block-embed-codepen\"><div class=\"wp-block-embed__wrapper\">\n<iframe class=\"wp-embedded-content\" sandbox=\"allow-scripts\" security=\"restricted\" title=\"CSS: Basic Selectors\" src=\"https:\/\/codepen.io\/profstein\/embed\/preview\/bGRRgRQ?default-tabs=html%2Cresult&#038;height=300&#038;host=https%3A%2F%2Fcodepen.io&#038;slug-hash=bGRRgRQ#?secret=iq2ofSqOYW\" data-secret=\"iq2ofSqOYW\" scrolling=\"no\" frameborder=\"0\" height=\"300\"><\/iframe>\n<\/div><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\"><a href=\"https:\/\/codepen.io\/profstein\/pen\/df4a3e7cf34c2e4f726c37cc8140516b\" target=\"_blank\" rel=\"noreferrer noopener\">Grouping Selectors<\/a><\/h4>\n\n\n\n<p>These are mostly commented out. You will need to uncomment them to see them in action. Quick tip: try selecting from the start \/* to the end *\/ and then press command + \/ on macOS or ctrl + \/ on Windows.<\/p>\n\n\n\n<p>This will toggle comments on and off for what you have selected. Works in VS Code as well.<\/p>\n\n\n\n<figure class=\"wp-block-embed alignwide is-type-wp-embed is-provider-codepen wp-block-embed-codepen\"><div class=\"wp-block-embed__wrapper\">\n<iframe class=\"wp-embedded-content\" sandbox=\"allow-scripts\" security=\"restricted\" title=\"Grouping Selectors\" src=\"https:\/\/codepen.io\/profstein\/embed\/preview\/df4a3e7cf34c2e4f726c37cc8140516b?default-tabs=css%2Cresult&#038;height=300&#038;host=https%3A%2F%2Fcodepen.io&#038;slug-hash=df4a3e7cf34c2e4f726c37cc8140516b#?secret=H5kkAC45lD\" data-secret=\"H5kkAC45lD\" scrolling=\"no\" frameborder=\"0\" height=\"300\"><\/iframe>\n<\/div><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Crime Blotter<\/h4>\n\n\n\n<p>This is a modification of an example project from the website for the book&nbsp;<em>Thinking with Type<\/em>&nbsp;by Ellen Lupton. You can find the original on this page&nbsp;<a rel=\"noreferrer noopener\" href=\"http:\/\/thinkingwithtype.com\/text\/#heirarchy\" target=\"_blank\">http:\/\/thinkingwithtype.com\/text\/#heirarchy<\/a>. The idea is to use adjust the text to give the repeating elements a hierarchy that makes them easier to read and compare.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">Start<\/h5>\n\n\n\n<figure class=\"wp-block-embed alignwide is-type-wp-embed is-provider-codepen wp-block-embed-codepen\"><div class=\"wp-block-embed__wrapper\">\n<iframe class=\"wp-embedded-content\" sandbox=\"allow-scripts\" security=\"restricted\" title=\"Typography Project: Crime Blotter\" src=\"https:\/\/codepen.io\/profstein\/embed\/preview\/zYOmvJo?default-tabs=html%2Cresult&#038;height=300&#038;host=https%3A%2F%2Fcodepen.io&#038;slug-hash=zYOmvJo#?secret=RqpZ9gvD5E\" data-secret=\"RqpZ9gvD5E\" scrolling=\"no\" frameborder=\"0\" height=\"300\"><\/iframe>\n<\/div><figcaption>Crime Blotter project with no styling<\/figcaption><\/figure>\n\n\n\n<h5 class=\"wp-block-heading\">End<\/h5>\n\n\n\n<figure class=\"wp-block-embed alignwide is-type-wp-embed is-provider-codepen wp-block-embed-codepen\"><div class=\"wp-block-embed__wrapper\">\n<iframe class=\"wp-embedded-content\" sandbox=\"allow-scripts\" security=\"restricted\" title=\"Typography Project: Crime Blotter (completed)\" src=\"https:\/\/codepen.io\/profstein\/embed\/preview\/xxKyVeb?default-tabs=css%2Cresult&#038;height=300&#038;host=https%3A%2F%2Fcodepen.io&#038;slug-hash=xxKyVeb#?secret=HszKL8TXA3\" data-secret=\"HszKL8TXA3\" scrolling=\"no\" frameborder=\"0\" height=\"300\"><\/iframe>\n<\/div><figcaption>Crime Blotter Project with CSS Applied<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">After Class:<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Do Your Portfolio Brief<\/h3>\n\n\n\n<p>Work on your <a href=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/projects\/portfolio-brief\/\" data-type=\"page\" data-id=\"958\">Portfolio Brief<\/a>. It&#8217;s due the Tuesday <\/p>\n\n\n\n<div class=\"wp-block-group alignwide\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\"><\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>A reminder that this week there is NO CLASS ON WEDNESDAY. There are not classes at BMCC on Wednesday the 15th and Thursday the 16th. Before Class: LEARN DO THIS: Portfolio Brief The brief is due on Tuesday, September 14. In Class: EXPLORE DO THIS: Join the Live Class Sessions The Join link is the&hellip; <a class=\"more-link\" href=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/weeks\/week-3\/\">Continue reading <span class=\"screen-reader-text\">Week 3: 9\/13<\/span><\/a><\/p>\n","protected":false},"author":16,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_uag_custom_page_level_css":"","portfolio_post_id":0,"portfolio_citation":"","portfolio_annotation":"","openlab_post_visibility":"","footnotes":""},"categories":[8],"tags":[],"coauthors":[87],"class_list":["post-1711","post","type-post","status-publish","format-standard","hentry","category-weeks","entry"],"featured_image_urls_v2":{"full":"","thumbnail":"","medium":"","medium_large":"","large":"","1536x1536":"","2048x2048":"","post-thumbnail":"","gform-image-choice-sm":"","gform-image-choice-md":"","gform-image-choice-lg":""},"post_excerpt_stackable_v2":"<p>A reminder that this week there is NO CLASS ON WEDNESDAY. There are not classes at BMCC on Wednesday the 15th and Thursday the 16th. Before Class: LEARN DO THIS: Portfolio Brief The brief is due on Tuesday, September 14. In Class: EXPLORE DO THIS: Join the Live Class Sessions The Join link is the same for all live sessions. There is a registration form and a waiting room to help avoid bombing. View Live Sessions below for more info Live Sessions JOIN LIVE SESSION Session 1: Course Plan and HTML Monday, Sep. 13 at 7:30p\u20139:10p During our first session&hellip;<\/p>\n","category_list_v2":"<a href=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/category\/weeks\/\" rel=\"category tag\">Weeks<\/a>","author_info_v2":{"name":"Christopher Stein","url":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/author\/cstein\/"},"comments_num_v2":"0 comments","uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"post-thumbnail":false,"gform-image-choice-sm":false,"gform-image-choice-md":false,"gform-image-choice-lg":false},"uagb_author_info":{"display_name":"Christopher Stein","author_link":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/author\/cstein\/"},"uagb_comment_info":0,"uagb_excerpt":"A reminder that this week there is NO CLASS ON WEDNESDAY. There are not classes at BMCC on Wednesday the 15th and Thursday the 16th. Before Class: LEARN DO THIS: Portfolio Brief The brief is due on Tuesday, September 14. In Class: EXPLORE DO THIS: Join the Live Class Sessions The Join link is the&hellip;&hellip;","_links":{"self":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/wp-json\/wp\/v2\/posts\/1711","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/wp-json\/wp\/v2\/users\/16"}],"replies":[{"embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/wp-json\/wp\/v2\/comments?post=1711"}],"version-history":[{"count":10,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/wp-json\/wp\/v2\/posts\/1711\/revisions"}],"predecessor-version":[{"id":1777,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/wp-json\/wp\/v2\/posts\/1711\/revisions\/1777"}],"wp:attachment":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/wp-json\/wp\/v2\/media?parent=1711"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/wp-json\/wp\/v2\/categories?post=1711"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/wp-json\/wp\/v2\/tags?post=1711"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/wp-json\/wp\/v2\/coauthors?post=1711"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}