{"id":901,"date":"2015-01-08T13:03:48","date_gmt":"2015-01-08T13:03:48","guid":{"rendered":"https:\/\/themes.simonbouchard.com\/studio8\/?page_id=901"},"modified":"2015-01-08T13:03:48","modified_gmt":"2015-01-08T13:03:48","slug":"masonry-3-columns","status":"publish","type":"page","link":"https:\/\/themes.simonbouchard.com\/studio8\/blog\/masonry-3-columns\/","title":{"rendered":"Masonry 3 columns"},"content":{"rendered":"<div class=\"row cf\" style=\"background-size: auto;\"><div class=\"wrap\"> \n<div class=\"shortcode_text_block\" style=\"background: transparent;width:60%;text-align: center;\"><h3 class=\"title\" style=\"\">Masonry <sup>3 Columns<\/sup><\/h3><p class=\"lead\" style=\"color:;\">Fixie american apparel tofu, whatever retro seitan tattooed viral raw denim chambray keffiyeh organic high life. Mlkshk cosby sweater high life, master cleanse biodiesel marfa fixie four loko gluten-free keffiyeh chambray american apparel cred.<\/p><\/div>\n<div class='posts masonry shortcode col-3 cf'><article class=\"post hentry\" id=\"post-548\"><div class=\"post-header\"><div><a href=\"https:\/\/themes.simonbouchard.com\/studio8\/category\/design-principles\/\" title=\"View all posts in Design Principles\">Design Principles<\/a>  <span class=\"sep\">\/<\/span> <time>December 14, 2014<\/time><\/div><h3 class=\"post-title\"><a href=\"https:\/\/themes.simonbouchard.com\/studio8\/2014\/12\/14\/design-principles-visual-weight-and-direction\/\" target=\"_self\" title=\".Visual weight &amp; direction\">Visual weight &amp; direction<\/a><\/h3><\/div><div class=\"post-featured-image\"><a href=\"https:\/\/themes.simonbouchard.com\/studio8\/2014\/12\/14\/design-principles-visual-weight-and-direction\/\" target=\"_self\" title=\".Visual weight &amp; direction\"><img width=\"1280\" height=\"1280\" src=\"https:\/\/themes.simonbouchard.com\/studio8\/wp-content\/uploads\/sites\/2\/2014\/12\/jetty-night-3519-1280x1280.jpg\" class=\"attachment-thumb-1280 size-thumb-1280 wp-post-image\" alt=\"\" decoding=\"async\" loading=\"lazy\" srcset=\"https:\/\/themes.simonbouchard.com\/studio8\/wp-content\/uploads\/sites\/2\/2014\/12\/jetty-night-3519-1280x1280.jpg 1280w, https:\/\/themes.simonbouchard.com\/studio8\/wp-content\/uploads\/sites\/2\/2014\/12\/jetty-night-3519-150x150.jpg 150w, https:\/\/themes.simonbouchard.com\/studio8\/wp-content\/uploads\/sites\/2\/2014\/12\/jetty-night-3519-125x125.jpg 125w\" sizes=\"(max-width: 1280px) 100vw, 1280px\" \/><\/a><\/div><div class=\"post-content\">Every element on a web page exerts a visual force that attracts the eye of the viewer. The greater the force, the more the eye is attracted. These forces also appear to act on other elements, imparting a visual direction to their potential movement and suggesting where you should look next.\n\n<div class=\"read-more\"><a class=\"link\" href=\"https:\/\/themes.simonbouchard.com\/studio8\/2014\/12\/14\/design-principles-visual-weight-and-direction\/\">Read more<\/a><\/div><\/div><\/article>\n<article class=\"post hentry\" id=\"post-551\"><div class=\"post-header\"><div><a href=\"https:\/\/themes.simonbouchard.com\/studio8\/category\/design-principles\/\" title=\"View all posts in Design Principles\">Design Principles<\/a>  <span class=\"sep\">\/<\/span> <time>December 12, 2014<\/time><\/div><h3 class=\"post-title\"><a href=\"https:\/\/themes.simonbouchard.com\/studio8\/2014\/12\/12\/design-principles-visual-perception-and-the-principles-of-gestalt\/\" target=\"_self\" title=\".Visual perception &amp; the principles of Gestalt\">Visual perception &amp; the principles of Gestalt<\/a><\/h3><\/div><div class=\"post-featured-image\"><a href=\"https:\/\/themes.simonbouchard.com\/studio8\/2014\/12\/12\/design-principles-visual-perception-and-the-principles-of-gestalt\/\" target=\"_self\" title=\".Visual perception &amp; the principles of Gestalt\"><img width=\"1280\" height=\"1280\" src=\"https:\/\/themes.simonbouchard.com\/studio8\/wp-content\/uploads\/sites\/2\/2014\/12\/architecture-bridge-california-3367-1280x1280.jpg\" class=\"attachment-thumb-1280 size-thumb-1280 wp-post-image\" alt=\"\" decoding=\"async\" loading=\"lazy\" srcset=\"https:\/\/themes.simonbouchard.com\/studio8\/wp-content\/uploads\/sites\/2\/2014\/12\/architecture-bridge-california-3367-1280x1280.jpg 1280w, https:\/\/themes.simonbouchard.com\/studio8\/wp-content\/uploads\/sites\/2\/2014\/12\/architecture-bridge-california-3367-150x150.jpg 150w, https:\/\/themes.simonbouchard.com\/studio8\/wp-content\/uploads\/sites\/2\/2014\/12\/architecture-bridge-california-3367-125x125.jpg 125w\" sizes=\"(max-width: 1280px) 100vw, 1280px\" \/><\/a><\/div><div class=\"post-content\">In 1910, psychologist Max Wertheimer had an insight when he observed a series of lights flashing on and off at a railroad crossing. It was similar to how the lights encircling a movie theater marquee flash on and off.\r\n\r\n<div class=\"read-more\"><a class=\"link\" href=\"https:\/\/themes.simonbouchard.com\/studio8\/2014\/12\/12\/design-principles-visual-perception-and-the-principles-of-gestalt\/\">Read more<\/a><\/div><\/div><\/article>\n<article class=\"post hentry\" id=\"post-560\"><div class=\"post-header\"><div><a href=\"https:\/\/themes.simonbouchard.com\/studio8\/category\/design-principles\/\" title=\"View all posts in Design Principles\">Design Principles<\/a>  <span class=\"sep\">\/<\/span> <time>December 5, 2014<\/time><\/div><h3 class=\"post-title\"><a href=\"https:\/\/themes.simonbouchard.com\/studio8\/2014\/12\/05\/space-and-the-figure-ground-relationship\/\" target=\"_self\" title=\".Space and the figure-ground relationship\">Space and the figure-ground relationship<\/a><\/h3><\/div><div class=\"post-featured-image\"><a href=\"https:\/\/themes.simonbouchard.com\/studio8\/2014\/12\/05\/space-and-the-figure-ground-relationship\/\" target=\"_self\" title=\".Space and the figure-ground relationship\"><img width=\"1280\" height=\"1272\" src=\"https:\/\/themes.simonbouchard.com\/studio8\/wp-content\/uploads\/sites\/2\/2014\/12\/clouds-cloudy-fog-2314-1280x1272.jpg\" class=\"attachment-thumb-1280 size-thumb-1280 wp-post-image\" alt=\"\" decoding=\"async\" loading=\"lazy\" srcset=\"https:\/\/themes.simonbouchard.com\/studio8\/wp-content\/uploads\/sites\/2\/2014\/12\/clouds-cloudy-fog-2314-1280x1272.jpg 1280w, https:\/\/themes.simonbouchard.com\/studio8\/wp-content\/uploads\/sites\/2\/2014\/12\/clouds-cloudy-fog-2314-150x150.jpg 150w, https:\/\/themes.simonbouchard.com\/studio8\/wp-content\/uploads\/sites\/2\/2014\/12\/clouds-cloudy-fog-2314-125x125.jpg 125w\" sizes=\"(max-width: 1280px) 100vw, 1280px\" \/><\/a><\/div><div class=\"post-content\">If you see graphic design as a process of arranging shapes on a canvas, then you\u2019re only seeing half of what you work with. The negative space of the canvas is just as important as the positive elements that we place on the canvas.\n\n<div class=\"read-more\"><a class=\"link\" href=\"https:\/\/themes.simonbouchard.com\/studio8\/2014\/12\/05\/space-and-the-figure-ground-relationship\/\">Read more<\/a><\/div><\/div><\/article>\n<article class=\"post hentry\" id=\"post-188\"><div class=\"post-header\"><div><a href=\"https:\/\/themes.simonbouchard.com\/studio8\/category\/news\/\" title=\"View all posts in News\">News<\/a>  <span class=\"sep\">\/<\/span> <time>December 1, 2014<\/time><\/div><h3 class=\"post-title\"><a href=\"https:\/\/themes.simonbouchard.com\/studio8\/2014\/12\/01\/why-you-should-include-your-developer-in-the-design-process\/\" target=\"_self\" title=\".Why you should include your developer in the design process\">Why you should include your developer in the design process<\/a><\/h3><\/div><div class=\"post-featured-image\"><a href=\"https:\/\/themes.simonbouchard.com\/studio8\/2014\/12\/01\/why-you-should-include-your-developer-in-the-design-process\/\" target=\"_self\" title=\".Why you should include your developer in the design process\"><img width=\"1280\" height=\"863\" src=\"https:\/\/themes.simonbouchard.com\/studio8\/wp-content\/uploads\/sites\/2\/2014\/12\/cup-dell-desk-4458-1280x863.jpg\" class=\"attachment-thumb-1280 size-thumb-1280 wp-post-image\" alt=\"\" decoding=\"async\" loading=\"lazy\" srcset=\"https:\/\/themes.simonbouchard.com\/studio8\/wp-content\/uploads\/sites\/2\/2014\/12\/cup-dell-desk-4458.jpg 1280w, https:\/\/themes.simonbouchard.com\/studio8\/wp-content\/uploads\/sites\/2\/2014\/12\/cup-dell-desk-4458-300x202.jpg 300w, https:\/\/themes.simonbouchard.com\/studio8\/wp-content\/uploads\/sites\/2\/2014\/12\/cup-dell-desk-4458-1024x690.jpg 1024w\" sizes=\"(max-width: 1280px) 100vw, 1280px\" \/><\/a><\/div><div class=\"post-content\">Should designers be able to code? This topic never seems to die, with its endless blog posts, Twitter discussions and conference talks. But the developer\u2019s involvement in the design process seems to be addressed very little. \r\n\r\n<div class=\"read-more\"><a class=\"link\" href=\"https:\/\/themes.simonbouchard.com\/studio8\/2014\/12\/01\/why-you-should-include-your-developer-in-the-design-process\/\">Read more<\/a><\/div><\/div><\/article>\n<article class=\"post hentry\" id=\"post-182\"><div class=\"post-header\"><div><a href=\"https:\/\/themes.simonbouchard.com\/studio8\/category\/editorials\/\" title=\"View all posts in Editorials\">Editorials<\/a>  <span class=\"sep\">\/<\/span> <time>December 1, 2014<\/time><\/div><h3 class=\"post-title\"><a href=\"https:\/\/themes.simonbouchard.com\/studio8\/2014\/12\/01\/a-design-philosophy\/\" target=\"_self\" title=\".A design philosophy\">A design philosophy<\/a><\/h3><\/div><div class=\"post-featured-image\"><a href=\"https:\/\/themes.simonbouchard.com\/studio8\/2014\/12\/01\/a-design-philosophy\/\" target=\"_self\" title=\".A design philosophy\"><img width=\"1280\" height=\"1440\" src=\"https:\/\/themes.simonbouchard.com\/studio8\/wp-content\/uploads\/sites\/2\/2014\/12\/america-antelope-canyon-navajo-2440-1280x1440.jpg\" class=\"attachment-thumb-1280 size-thumb-1280 wp-post-image\" alt=\"\" decoding=\"async\" loading=\"lazy\" \/><\/a><\/div><div class=\"post-content\">Philosophy of design is the study of assumptions, foundations, and implications of design. The field is defined by an interest in a set of problems, or an interest in central or foundational concerns in design. In addition to these central problems for design as a whole, many philosophers of design consider these problems as they apply to particular disciplines (e.g. philosophy of art). \n\n<div class=\"read-more\"><a class=\"link\" href=\"https:\/\/themes.simonbouchard.com\/studio8\/2014\/12\/01\/a-design-philosophy\/\">Read more<\/a><\/div><\/div><\/article>\n<article class=\"post hentry\" id=\"post-178\"><div class=\"post-header\"><div><a href=\"https:\/\/themes.simonbouchard.com\/studio8\/category\/editorials\/\" title=\"View all posts in Editorials\">Editorials<\/a>  <span class=\"sep\">\/<\/span> <time>December 1, 2014<\/time><\/div><h3 class=\"post-title\"><a href=\"https:\/\/themes.simonbouchard.com\/studio8\/2014\/12\/01\/dieter-rams-10-principles-of-design\/\" target=\"_self\" title=\".Dieter rams 10 principles of design\">Dieter rams 10 principles of design<\/a><\/h3><\/div><div class=\"post-featured-image\"><a href=\"https:\/\/themes.simonbouchard.com\/studio8\/2014\/12\/01\/dieter-rams-10-principles-of-design\/\" target=\"_self\" title=\".Dieter rams 10 principles of design\"><img width=\"1280\" height=\"854\" src=\"https:\/\/themes.simonbouchard.com\/studio8\/wp-content\/uploads\/sites\/2\/2014\/11\/photo-1418226970361-9f1f7227d638-1280x854.jpeg\" class=\"attachment-thumb-1280 size-thumb-1280 wp-post-image\" alt=\"\" decoding=\"async\" loading=\"lazy\" srcset=\"https:\/\/themes.simonbouchard.com\/studio8\/wp-content\/uploads\/sites\/2\/2014\/11\/photo-1418226970361-9f1f7227d638.jpeg 1280w, https:\/\/themes.simonbouchard.com\/studio8\/wp-content\/uploads\/sites\/2\/2014\/11\/photo-1418226970361-9f1f7227d638-300x200.jpeg 300w, https:\/\/themes.simonbouchard.com\/studio8\/wp-content\/uploads\/sites\/2\/2014\/11\/photo-1418226970361-9f1f7227d638-1024x683.jpeg 1024w\" sizes=\"(max-width: 1280px) 100vw, 1280px\" \/><\/a><\/div><div class=\"post-content\">Rams began studies in architecture and interior decoration at Wiesbaden School of Art in 1947. Soon after in 1948, he took a break from studying to gain practical experience and conclude his carpentry apprenticeship. \r\n\r\n<div class=\"read-more\"><a class=\"link\" href=\"https:\/\/themes.simonbouchard.com\/studio8\/2014\/12\/01\/dieter-rams-10-principles-of-design\/\">Read more<\/a><\/div><\/div><\/article>\n<article class=\"post hentry\" id=\"post-175\"><div class=\"post-header\"><div><a href=\"https:\/\/themes.simonbouchard.com\/studio8\/category\/news\/\" title=\"View all posts in News\">News<\/a> <a href=\"https:\/\/themes.simonbouchard.com\/studio8\/category\/tutorials\/\" title=\"View all posts in Tutorials\">Tutorials<\/a>  <span class=\"sep\">\/<\/span> <time>December 1, 2014<\/time><\/div><h3 class=\"post-title\"><a href=\"https:\/\/themes.simonbouchard.com\/studio8\/2014\/12\/01\/the-right-typeface-can-make-all-the-difference\/\" target=\"_self\" title=\".The right typeface can make all the difference\">The right typeface can make all the difference<\/a><\/h3><\/div><div class=\"post-featured-image\"><a href=\"https:\/\/themes.simonbouchard.com\/studio8\/2014\/12\/01\/the-right-typeface-can-make-all-the-difference\/\" target=\"_self\" title=\".The right typeface can make all the difference\"><img width=\"1280\" height=\"960\" src=\"https:\/\/themes.simonbouchard.com\/studio8\/wp-content\/uploads\/sites\/2\/2014\/11\/photo-1416339276121-ba1dfa199912-1280x960.jpeg\" class=\"attachment-thumb-1280 size-thumb-1280 wp-post-image\" alt=\"\" decoding=\"async\" loading=\"lazy\" srcset=\"https:\/\/themes.simonbouchard.com\/studio8\/wp-content\/uploads\/sites\/2\/2014\/11\/photo-1416339276121-ba1dfa199912.jpeg 1280w, https:\/\/themes.simonbouchard.com\/studio8\/wp-content\/uploads\/sites\/2\/2014\/11\/photo-1416339276121-ba1dfa199912-300x225.jpeg 300w, https:\/\/themes.simonbouchard.com\/studio8\/wp-content\/uploads\/sites\/2\/2014\/11\/photo-1416339276121-ba1dfa199912-1024x768.jpeg 1024w\" sizes=\"(max-width: 1280px) 100vw, 1280px\" \/><\/a><\/div><div class=\"post-content\">In traditional typography, a font is a particular size, weight and style of a typeface. Each font was a matched set of metal type, one piece (called a \u201csort\u201d) for each glyph, and a typeface comprised a range of fonts that shared an overall design.\r\n\r\n<div class=\"read-more\"><a class=\"link\" href=\"https:\/\/themes.simonbouchard.com\/studio8\/2014\/12\/01\/the-right-typeface-can-make-all-the-difference\/\">Read more<\/a><\/div><\/div><\/article>\n<article class=\"post hentry\" id=\"post-165\"><div class=\"post-header\"><div><a href=\"https:\/\/themes.simonbouchard.com\/studio8\/category\/news\/\" title=\"View all posts in News\">News<\/a> <a href=\"https:\/\/themes.simonbouchard.com\/studio8\/category\/tutorials\/\" title=\"View all posts in Tutorials\">Tutorials<\/a>  <span class=\"sep\">\/<\/span> <time>December 1, 2014<\/time><\/div><h3 class=\"post-title\"><a href=\"https:\/\/themes.simonbouchard.com\/studio8\/2014\/12\/01\/choosing-the-right-business-cards\/\" target=\"_self\" title=\".Choosing the right business cards\">Choosing the right business cards<\/a><\/h3><\/div><div class=\"post-featured-image\"><a href=\"https:\/\/themes.simonbouchard.com\/studio8\/2014\/12\/01\/choosing-the-right-business-cards\/\" target=\"_self\" title=\".Choosing the right business cards\"><img width=\"1280\" height=\"800\" src=\"https:\/\/themes.simonbouchard.com\/studio8\/wp-content\/uploads\/sites\/2\/2014\/12\/business_card_inspiration_4-1280x800.jpg\" class=\"attachment-thumb-1280 size-thumb-1280 wp-post-image\" alt=\"\" decoding=\"async\" loading=\"lazy\" srcset=\"https:\/\/themes.simonbouchard.com\/studio8\/wp-content\/uploads\/sites\/2\/2014\/12\/business_card_inspiration_4.jpg 1280w, https:\/\/themes.simonbouchard.com\/studio8\/wp-content\/uploads\/sites\/2\/2014\/12\/business_card_inspiration_4-300x188.jpg 300w, https:\/\/themes.simonbouchard.com\/studio8\/wp-content\/uploads\/sites\/2\/2014\/12\/business_card_inspiration_4-1024x640.jpg 1024w\" sizes=\"(max-width: 1280px) 100vw, 1280px\" \/><\/a><\/div><div class=\"post-content\">Business cards are cards bearing business information about a company or individual. They are shared during formal introductions as a convenience and a memory aid. A business card typically includes the giver\u2019s name, company or business affiliation and contact information such as street addresses, telephone number, fax number, e-mail addresses and website.\r\n\r\n<div class=\"read-more\"><a class=\"link\" href=\"https:\/\/themes.simonbouchard.com\/studio8\/2014\/12\/01\/choosing-the-right-business-cards\/\">Read more<\/a><\/div><\/div><\/article>\n<\/div><div class='cf'><\/div>\n <\/div><\/div>\n<div class=\"clear cf\" style=\"margin-top:48px;margin-bottom:0\"><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":162,"menu_order":0,"comment_status":"open","ping_status":"open","template":"page-fullwidth.php","meta":[],"_links":{"self":[{"href":"https:\/\/themes.simonbouchard.com\/studio8\/wp-json\/wp\/v2\/pages\/901"}],"collection":[{"href":"https:\/\/themes.simonbouchard.com\/studio8\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/themes.simonbouchard.com\/studio8\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/themes.simonbouchard.com\/studio8\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themes.simonbouchard.com\/studio8\/wp-json\/wp\/v2\/comments?post=901"}],"version-history":[{"count":0,"href":"https:\/\/themes.simonbouchard.com\/studio8\/wp-json\/wp\/v2\/pages\/901\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/themes.simonbouchard.com\/studio8\/wp-json\/wp\/v2\/pages\/162"}],"wp:attachment":[{"href":"https:\/\/themes.simonbouchard.com\/studio8\/wp-json\/wp\/v2\/media?parent=901"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}