{"id":37073,"date":"2012-05-01T12:46:27","date_gmt":"2012-05-01T12:46:27","guid":{"rendered":"http:\/\/rafaelfajardo.com\/portfolio\/tedfromtheinternet-brian-lucid-what-is-2\/"},"modified":"2012-05-01T12:46:27","modified_gmt":"2012-05-01T12:46:27","slug":"tedfromtheinternet-brian-lucid-what-is-2","status":"publish","type":"post","link":"https:\/\/rafaelfajardo.com\/portfolio\/tedfromtheinternet-brian-lucid-what-is-2\/","title":{"rendered":""},"content":{"rendered":"<p><a href=\"http:\/\/tedfromtheinternet.tumblr.com\/post\/22171740453\/brian-lucid-what-is-front-end-design\" class=\"tumblr_blog\">tedfromtheinternet<\/a>:<\/p>\n<blockquote>\n<p><a href=\"http:\/\/brianlucid.tumblr.com\/post\/22121209289\/what-is-front-end-design\">Brian Lucid: What Is Front-End Design?  <\/a><\/p>\n<p>I really don\u2019t mean to be all bloggy, but I need to write this, because it\u2019s bothering me.<\/p>\n<p><a class=\"tumblr_blog\" href=\"http:\/\/brianlucid.tumblr.com\/post\/22121209289\/what-is-front-end-design\">brianlucid<\/a>:<\/p>\n<blockquote>\n<p>Front-End Design is a specific term that describes a set of competencies for individuals who work at the intersection of traditional front-end engineering and user interface (UI) design. A strong front-end designer should be able to:<\/p>\n<ul>\n<li>Understand, critique, and help improve a basic interaction\u2026<\/li>\n<\/ul>\n<\/blockquote>\n<p>I want to critique two points in here that seem to me to be at odds with each other. However, Tumblr truncated the original post, so I\u2019m going to be angry about that for a minute.<\/p>\n<p>Erm. So.<\/p>\n<blockquote>\n<p>Create pixel-perfect page structures through front-end markup\u00a0code.<\/p>\n<\/blockquote>\n<p>Ok, good, but what if, during the markup process, you find a condition that the designer didn\u2019t account for? \u00a0Obviously, you talk to them like a person, but too often that step is ignored for the sake of \u201cwell, it\u2019s in the comp, so I\u2019m gonna code it up regardless\u201d and the overall project suffers. Be a person. Ask questions, and question assumptions. Simple designer omissions and oversights can really fuck things up for a developer (said somebody who\u2019s fucked up other\u00a0developers\u00a0with an oversight in a comp, and as somebody who\u2019s been fucked up by a designer forgetting something important).<\/p>\n<p>Pixel-perfection is fine and all, but it\u2019s at odds with this:<\/p>\n<blockquote>\n<p>Keep track of emerging technological trends, understand their impact from a design perspective, and educate designers to empower them to design for the greatest, most up-to-date user experience possible.<\/p>\n<\/blockquote>\n<p>Great! I\u2019m all in favor of that. Let\u2019s keep making the internet better. Beautiful.<\/p>\n<p>And you know what\u2019s emerging as the New Thing That Websites Should Really Do <strong><em>Because Analytics Say So<\/em><\/strong>?<\/p>\n<p>Responsive design.<\/p>\n<p>It\u2019s difficult (pronounced: time consuming, expensive, and requires actual work) to comp out *exact* pixel-perfect comps for every single display resolution and device. We usually plan out a mobile, tablet, and desktop flavors of a site design, and\u00a0experiment\u00a0and iterate as we code. Coding is part of the design process, and \u201cdesign\u201d doesn\u2019t stop when the designer hits send on an email with the PSD file in it.<\/p>\n<p>When you\u2019re building a site with responsive design techniques, there\u2019s so much variation that the old-school idea of quote-unquote \u201cpixel perfection\u201d simply can\u2019t deal with. The idea of using variable widths (and breaking floats and scalable images and blah blah blah) is directly at odds with the classical idea of \u201cpixel perfection.\u201d So don\u2019t strive for it, because it\u2019ll just lead to needless frustration and the work will suffer.<\/p>\n<p>So, in the <a href=\"http:\/\/www.youtube.com\/watch?v=1KiCEJoX9kE\">spirit of George Carlin<\/a>, here\u2019s my revised list:<\/p>\n<ul>\n<li>Build a close relationship between designers and developers, so mistakes are caught, oversights are attended to, and iterations are natural, expected, and productive.<\/li>\n<li>Comp, code, test, repeat. Change resolutions and change devices. Then comp, code, test, and repeat.<\/li>\n<li>Understand why a product behaves the way it does.<\/li>\n<li>Keep track of emerging technological trends, understand their impact, and use them intelligently when \u2014 and only when \u2014 it helps solve a specific problem or reach a particular design goal.<\/li>\n<\/ul>\n<\/blockquote>\n","protected":false},"excerpt":{"rendered":"<p>tedfromtheinternet: Brian Lucid: What Is Front-End Design? I really don\u2019t mean to be all bloggy, but I need to write this, because it\u2019s bothering me. brianlucid: Front-End Design is a specific term that describes a set of competencies for individuals who work at the intersection of traditional front-end engineering and user interface (UI) design. A [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[],"tags":[1539],"class_list":["post-37073","post","type-post","status-publish","format-standard","hentry","tag-emergent-digital-practices"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_shortlink":"https:\/\/wp.me\/p6PWot-9DX","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/rafaelfajardo.com\/portfolio\/wp-json\/wp\/v2\/posts\/37073","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rafaelfajardo.com\/portfolio\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/rafaelfajardo.com\/portfolio\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/rafaelfajardo.com\/portfolio\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rafaelfajardo.com\/portfolio\/wp-json\/wp\/v2\/comments?post=37073"}],"version-history":[{"count":0,"href":"https:\/\/rafaelfajardo.com\/portfolio\/wp-json\/wp\/v2\/posts\/37073\/revisions"}],"wp:attachment":[{"href":"https:\/\/rafaelfajardo.com\/portfolio\/wp-json\/wp\/v2\/media?parent=37073"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/rafaelfajardo.com\/portfolio\/wp-json\/wp\/v2\/categories?post=37073"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/rafaelfajardo.com\/portfolio\/wp-json\/wp\/v2\/tags?post=37073"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}