{"id":1288,"date":"2016-08-24T06:43:51","date_gmt":"2016-08-24T05:43:51","guid":{"rendered":"https:\/\/simonday.com\/web-design-news\/?p=1288"},"modified":"2016-08-21T13:08:42","modified_gmt":"2016-08-21T12:08:42","slug":"how-to-work-with-back-end-developers-as-a-front-end-designer","status":"publish","type":"post","link":"https:\/\/simonday.com\/news\/how-to-work-with-back-end-developers-as-a-front-end-designer\/","title":{"rendered":"How to work with back-end Developers as a front-end designer"},"content":{"rendered":"<p>Over the years I&#8217;ve been contracting I have worked with dozens of back-end developers from all over the World. \u00a0This post is about how to\u00a0know you have a\u00a0great one and how to work with the good and bad&#8230;<!--more--><\/p>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1307\" src=\"https:\/\/simonday.com\/web-design-news\/wp-content\/uploads\/2016\/09\/1-meeting.jpg\" alt=\"Interview.\" width=\"600\" height=\"297\" srcset=\"https:\/\/simonday.com\/news\/wp-content\/uploads\/2016\/09\/1-meeting.jpg 600w, https:\/\/simonday.com\/news\/wp-content\/uploads\/2016\/09\/1-meeting-300x149.jpg 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/p>\n<h2>Interview and Your First Day<\/h2>\n<p>At the interview you want a dev present. You want them asking you questions about how you work and you also need to ask them how they work.<\/p>\n<p>On one of my first interviews I didn&#8217;t have a Dev in the room and I didn&#8217;t ask for one so nothing\u00a0about the CMS (<em>Content Management System<\/em>) were discussed. On my first day on the job I was told the CMS they use didn&#8217;t allow floats or positions because each block could be dragged and dropped to any other block\u00a0on the page. I was told I had to make it work within two weeks or they would lose a Million pounds a day.<\/p>\n<p>The project managers giving the interview didn&#8217;t know anything about the limitations I was about to face. With a dev present I would have discovered them by asking questions.<\/p>\n<p><strong>What to look for<\/strong><br \/>\nOn your first day if no-one comes to you, go to them. Be SURE that there is a way for you to do your job. A few\u00a0Developers think the styling just magically works and they don&#8217;t need to give the designer any input. It isn&#8217;t up to the Dev to guess what you need, you have to be able to approach them and clearly explain it.<\/p>\n<h2>Communication<\/h2>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1309\" src=\"https:\/\/simonday.com\/web-design-news\/wp-content\/uploads\/2016\/09\/1-communication.jpg\" alt=\"Communication.\" width=\"600\" height=\"278\" srcset=\"https:\/\/simonday.com\/news\/wp-content\/uploads\/2016\/09\/1-communication.jpg 600w, https:\/\/simonday.com\/news\/wp-content\/uploads\/2016\/09\/1-communication-300x139.jpg 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/p>\n<p><strong>The worst developers<\/strong><br \/>\nSome developers are only interested in doing their piece and they are not that interested in the process of making their work look pretty. They think that having their piece of code wrapped in a &lt;div&gt; is enough for me to work with. Asking for a class to be added to an element annoys them because they love clean, uncluttered code and think classes and ID&#8217;s spoil their code.<\/p>\n<p>These are rare but you will need to use the tips at the bottom of the page to help explain and visualise the issue.<\/p>\n<p><strong>The best developers<\/strong><br \/>\nThe best ones ask questions, they want to know how I&#8217;m going to achieve the styling. The very best dev I ever worked with was a junior dev called Gareth. He was constantly asking me questions about how I can achieve the desired result and what he needed to do for me to achieve it. He didn&#8217;t want to know how to style, he wanted to learn how he can work with front-end designers. These people are worth their weight in gold!<\/p>\n<p><strong>The average developer<\/strong><br \/>\nMost Developers are very happy to engage if you approach them. If you need something added they will happily do so. What you need to do as a front-end dev is explain what you need and <strong>why<\/strong> you need them to modify\u00a0the code.<\/p>\n<p><strong>How YOU need to work<\/strong><br \/>\nA change request by you is acceptable, repeated sudden and urgent change requests are not. Plan what you need to do. If there are several changes you need to make, meet with the lead dev and possibly the other Devs to discuss it.<\/p>\n<p>I worked in Agile environments on every contract so the morning stand-ups were my time to discuss my issues\u00a0in front of all the Devs. If you are working in an Agile environment listen very, very carefully during the pre-planning meetings because they WILL affect you! Be prepared to give your input about what you&#8217;ll need from them for that part of the project.<\/p>\n<h2>Tips and Advice<\/h2>\n<p><strong>K.I.S.S<\/strong><br \/>\nWhen asking for changes use K.I.S.S (Keep It Simple Stupid). They don&#8217;t need to know that by giving X a float and Y a position it will achieve Z. All the need to know is for you to achieve Z could they add A, B or C.<\/p>\n<p><strong>Screenshots<\/strong><br \/>\nThey really help if you can visually show what the problem looks like now and what the solution looks like with a single change by them. Browser developer tools like the one on Chrome allow you to style on the fly so it&#8217;s a quick and easy way to show the before and after to help visualise\u00a0why you need the change.<\/p>\n<p><strong>Multiple solutions<\/strong><br \/>\nIf at all possible have more than one solution and ask them which solution would work better for them. If <strong>you<\/strong>, as a front-end dev, can show flexibility, it will go a long way to earning you the respect of the Developers.<\/p>\n<p><strong>The single most important lesson!<\/strong><\/p>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1305\" src=\"https:\/\/simonday.com\/web-design-news\/wp-content\/uploads\/2016\/09\/1-ripple.jpg\" alt=\"Ripple effect in code.\" width=\"600\" height=\"216\" srcset=\"https:\/\/simonday.com\/news\/wp-content\/uploads\/2016\/09\/1-ripple.jpg 600w, https:\/\/simonday.com\/news\/wp-content\/uploads\/2016\/09\/1-ripple-300x108.jpg 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/p>\n<p>A change in the back-end code can be much like throwing a pebble in a pond. The change can ripple through the code base and start affecting other parts.<\/p>\n<p>Back-end Developers are cautious and rightly so. Their job is to get the functionality stable. Your job is to find ways of not creating ripples in their code. You do that well and you will gain a lot of respect!<\/p>\n<h2><\/h2>\n","protected":false},"excerpt":{"rendered":"<p>Over the years I&#8217;ve been contracting I have worked with dozens of back-end developers from all over the World. \u00a0This post is about how to\u00a0know you have a\u00a0great one and how to work with the good and bad&#8230;<\/p>\n","protected":false},"author":2,"featured_media":1319,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2,94],"tags":[],"class_list":["post-1288","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-help-guide","category-web-design"],"_links":{"self":[{"href":"https:\/\/simonday.com\/news\/wp-json\/wp\/v2\/posts\/1288","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/simonday.com\/news\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/simonday.com\/news\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/simonday.com\/news\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/simonday.com\/news\/wp-json\/wp\/v2\/comments?post=1288"}],"version-history":[{"count":32,"href":"https:\/\/simonday.com\/news\/wp-json\/wp\/v2\/posts\/1288\/revisions"}],"predecessor-version":[{"id":1324,"href":"https:\/\/simonday.com\/news\/wp-json\/wp\/v2\/posts\/1288\/revisions\/1324"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/simonday.com\/news\/wp-json\/wp\/v2\/media\/1319"}],"wp:attachment":[{"href":"https:\/\/simonday.com\/news\/wp-json\/wp\/v2\/media?parent=1288"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/simonday.com\/news\/wp-json\/wp\/v2\/categories?post=1288"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/simonday.com\/news\/wp-json\/wp\/v2\/tags?post=1288"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}