{"id":21018,"date":"2016-10-19T09:00:19","date_gmt":"2016-10-19T08:00:19","guid":{"rendered":"https:\/\/fifteen-staging.fifteen.dev\/blog\/the-challenges-faced-by-a-modern-web-developer\/"},"modified":"2024-09-05T14:27:40","modified_gmt":"2024-09-05T13:27:40","slug":"the-challenges-faced-by-a-modern-web-developer","status":"publish","type":"post","link":"https:\/\/www.fifteendesign.co.uk\/blog\/the-challenges-faced-by-a-modern-web-developer\/","title":{"rendered":"The Challenges Faced By A Modern Web Developer"},"content":{"rendered":"<div class=\"entry-content\"><p>Being a Web Developer is a bit like being a professional problem solver. Every single day we face very different challenges in our day-to-day tasks, and it\u2019s our job to find ways to solve those problems. Whether we come up with very elegant solutions or just a simple quick fix depends on the size of the problem and the amount of time we have to fix it.<\/p>\n<p>I\u2019m going to outline some of the more consistent problems and challenges faced by our Web Development team on a weekly basis. Remember though that every day presents it\u2019s own different set of challenges!<\/p>\n<h2>User Experience<\/h2>\n<p>Sometimes referred to as User Journey, a Web Developer has to keep the end user in mind constantly during the development cycle. This usually means making the end product (the website) as easy to use as possible, while also remaining powerful and doing everything the user may need. Sometimes there are compromises between usability and features, and usually that means we need to re-think how we\u2019re approaching a problem.<\/p>\n<h2>Latest Web Standards<\/h2>\n<p>The web is constantly changing, and that\u2019s a great thing. However it does mean that we as a Web Development team need to have our finger on the pulses to keep up with the latest in Web Standards, and often we need to be ahead of the curve and know exactly what is coming up. For example, I know that there\u2019s a <a href=\"https:\/\/www.w3.org\/TR\/webpayments-overview\/\">new specification for Web Payments<\/a> currently in draft by the W3 Working Group &#8211; who make the Web Standards.<\/p>\n<h2>Knowing when to use Web Standards<\/h2>\n<p>We can\u2019t just know about these brand new Web Standards, but we must also know when it is advantageous\u00a0to use them. For example, there has been a new way to position blocks on a page that iss nicer\u00a0to work with, Flexbox. But we have had to wait for all major browsers to support it before we can use it on any of our websites.<\/p>\n<h2>Internet Explorer<\/h2>\n<p>Internet Explorer is by far one of the biggest challenges that we as Web Developers face. We extensively test every single website that we put online against every major browser. So that list includes:<\/p>\n<ul>\n<li>Chrome<\/li>\n<li>Firefox<\/li>\n<li>Opera<\/li>\n<li>Safari<\/li>\n<li>iOS Safari<\/li>\n<li>Android Browser<\/li>\n<li>Internet Explorer<\/li>\n<\/ul>\n<p>Even if the website works and looks perfect in every browser, Internet Explorer always introduces new quirks which need to be addressed. For example, the way we create rounded corners was not supported by Internet Explorer for the longest time, so we had to find creative ways to work around that, or live with the fact that we wouldn\u2019t have rounded corners on IE.<\/p>\n<h2>Task Automation<\/h2>\n<p>We often perform little, repetitive tasks every day. This can range from deploying a new development environment to compiling our stylesheets. Luckily there are tools such as <a href=\"http:\/\/gulpjs.com\/\">gulp<\/a>, <a href=\"http:\/\/gruntjs.com\/\">grunt<\/a> and <a href=\"https:\/\/webpack.github.io\/\">webpack<\/a> which do a lot of the work for us. We simply have to write the task in a language gulp understands, and then gulp will automate that for us.<\/p>\n<p>An example of a task that one of our developers, Chris, has recently written is something which will compile our CSS, minify it, compile our javascript, minify it, backup the database, bump the version numbers in the code and create a new \u2018release\u2019 in our version control system. Each step on that list doesn\u2019t necessarily take that long, but this task makes it take less time, meaning we have more time to write new features or start new projects.<\/p>\n<h2>Performance<\/h2>\n<p>Performance, as with usability, is also something Web Developers have to constantly keep in mind throughout the development cycle. Every action we take during development has the potential to impact the performance of the finished site hugely. If, during development, we upload large images to test &#8211; that\u2019s going to come back to bite us at a later stage. If we\u2019re not correctly managing our assets (css, javascript, images) from the beginning, then it\u2019s going to get harder and harder to optimise them as we move forward.<\/p>\n<p>What we always want is a blazing fast site that looks amazing and performs exceptionally for the user. That\u2019s the <a href=\"https:\/\/www.fifteendesign.co.uk\/about-us\/awards-accreditations\/\">award winning<\/a> trifecta of performance, usability and design that we strive for in every single project which comes through the studio, and that&#8217;s usually what we get if we manage to solve all of these problems.<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"Being a Web Developer is a bit like being a professional problem solver. Every single day we face very different challenges in our day-to-day tasks, and it\u2019s our job to find ways to solve those problems. Whether we come up with very elegant solutions or just a simple quick fix depends on the size of [&hellip;]","protected":false},"author":53,"featured_media":21019,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-21018","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-news"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.8 (Yoast SEO v27.8) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>The Challenges Faced By A Modern Web Developer - Fifteen<\/title>\n<meta name=\"description\" content=\"Find out what challenges are faced by modern website developers.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.fifteendesign.co.uk\/blog\/the-challenges-faced-by-a-modern-web-developer\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"The Challenges Faced By A Modern Web Developer\" \/>\n<meta property=\"og:description\" content=\"Find out what challenges are faced by modern website developers.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.fifteendesign.co.uk\/blog\/the-challenges-faced-by-a-modern-web-developer\/\" \/>\n<meta property=\"og:site_name\" content=\"Fifteen\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/FifteenDesign\" \/>\n<meta property=\"article:published_time\" content=\"2016-10-19T08:00:19+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-09-05T13:27:40+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.fifteendesign.co.uk\/wp-content\/uploads\/2022\/12\/DeveloperChallenges.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1800\" \/>\n\t<meta property=\"og:image:height\" content=\"850\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Sam Doyle\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Sam Doyle\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"The Challenges Faced By A Modern Web Developer - Fifteen","description":"Find out what challenges are faced by modern website developers.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.fifteendesign.co.uk\/blog\/the-challenges-faced-by-a-modern-web-developer\/","og_locale":"en_GB","og_type":"article","og_title":"The Challenges Faced By A Modern Web Developer","og_description":"Find out what challenges are faced by modern website developers.","og_url":"https:\/\/www.fifteendesign.co.uk\/blog\/the-challenges-faced-by-a-modern-web-developer\/","og_site_name":"Fifteen","article_publisher":"https:\/\/www.facebook.com\/FifteenDesign","article_published_time":"2016-10-19T08:00:19+00:00","article_modified_time":"2024-09-05T13:27:40+00:00","og_image":[{"width":1800,"height":850,"url":"https:\/\/www.fifteendesign.co.uk\/wp-content\/uploads\/2022\/12\/DeveloperChallenges.jpg","type":"image\/jpeg"}],"author":"Sam Doyle","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Sam Doyle","Estimated reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.fifteendesign.co.uk\/blog\/the-challenges-faced-by-a-modern-web-developer\/#article","isPartOf":{"@id":"https:\/\/www.fifteendesign.co.uk\/blog\/the-challenges-faced-by-a-modern-web-developer\/"},"author":{"name":"Sam Doyle","@id":"https:\/\/www.fifteendesign.co.uk\/#\/schema\/person\/225efe9d507c30e4cfedd9db29c618f2"},"headline":"The Challenges Faced By A Modern Web Developer","datePublished":"2016-10-19T08:00:19+00:00","dateModified":"2024-09-05T13:27:40+00:00","mainEntityOfPage":{"@id":"https:\/\/www.fifteendesign.co.uk\/blog\/the-challenges-faced-by-a-modern-web-developer\/"},"wordCount":745,"commentCount":0,"image":{"@id":"https:\/\/www.fifteendesign.co.uk\/blog\/the-challenges-faced-by-a-modern-web-developer\/#primaryimage"},"thumbnailUrl":"https:\/\/www.fifteendesign.co.uk\/wp-content\/uploads\/2022\/12\/DeveloperChallenges.jpg","articleSection":["News"],"inLanguage":"en-GB"},{"@type":"WebPage","@id":"https:\/\/www.fifteendesign.co.uk\/blog\/the-challenges-faced-by-a-modern-web-developer\/","url":"https:\/\/www.fifteendesign.co.uk\/blog\/the-challenges-faced-by-a-modern-web-developer\/","name":"The Challenges Faced By A Modern Web Developer - Fifteen","isPartOf":{"@id":"https:\/\/www.fifteendesign.co.uk\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.fifteendesign.co.uk\/blog\/the-challenges-faced-by-a-modern-web-developer\/#primaryimage"},"image":{"@id":"https:\/\/www.fifteendesign.co.uk\/blog\/the-challenges-faced-by-a-modern-web-developer\/#primaryimage"},"thumbnailUrl":"https:\/\/www.fifteendesign.co.uk\/wp-content\/uploads\/2022\/12\/DeveloperChallenges.jpg","datePublished":"2016-10-19T08:00:19+00:00","dateModified":"2024-09-05T13:27:40+00:00","author":{"@id":"https:\/\/www.fifteendesign.co.uk\/#\/schema\/person\/225efe9d507c30e4cfedd9db29c618f2"},"description":"Find out what challenges are faced by modern website developers.","breadcrumb":{"@id":"https:\/\/www.fifteendesign.co.uk\/blog\/the-challenges-faced-by-a-modern-web-developer\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.fifteendesign.co.uk\/blog\/the-challenges-faced-by-a-modern-web-developer\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/www.fifteendesign.co.uk\/blog\/the-challenges-faced-by-a-modern-web-developer\/#primaryimage","url":"https:\/\/www.fifteendesign.co.uk\/wp-content\/uploads\/2022\/12\/DeveloperChallenges.jpg","contentUrl":"https:\/\/www.fifteendesign.co.uk\/wp-content\/uploads\/2022\/12\/DeveloperChallenges.jpg","width":1800,"height":850},{"@type":"BreadcrumbList","@id":"https:\/\/www.fifteendesign.co.uk\/blog\/the-challenges-faced-by-a-modern-web-developer\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.fifteendesign.co.uk\/"},{"@type":"ListItem","position":2,"name":"The Challenges Faced By A Modern Web Developer"}]},{"@type":"WebSite","@id":"https:\/\/www.fifteendesign.co.uk\/#website","url":"https:\/\/www.fifteendesign.co.uk\/","name":"Fifteen","description":"Creative. Digital. Marketing.","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.fifteendesign.co.uk\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Person","@id":"https:\/\/www.fifteendesign.co.uk\/#\/schema\/person\/225efe9d507c30e4cfedd9db29c618f2","name":"Sam Doyle","image":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/secure.gravatar.com\/avatar\/705b2bbe1c8c8f0764afb5a35b0d21a15112491f97414856494078ee8d5faf9f?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/705b2bbe1c8c8f0764afb5a35b0d21a15112491f97414856494078ee8d5faf9f?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/705b2bbe1c8c8f0764afb5a35b0d21a15112491f97414856494078ee8d5faf9f?s=96&d=mm&r=g","caption":"Sam Doyle"},"url":"https:\/\/www.fifteendesign.co.uk\/blog\/author\/samd\/"}]}},"_links":{"self":[{"href":"https:\/\/www.fifteendesign.co.uk\/wp-json\/wp\/v2\/posts\/21018","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.fifteendesign.co.uk\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.fifteendesign.co.uk\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.fifteendesign.co.uk\/wp-json\/wp\/v2\/users\/53"}],"replies":[{"embeddable":true,"href":"https:\/\/www.fifteendesign.co.uk\/wp-json\/wp\/v2\/comments?post=21018"}],"version-history":[{"count":0,"href":"https:\/\/www.fifteendesign.co.uk\/wp-json\/wp\/v2\/posts\/21018\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.fifteendesign.co.uk\/wp-json\/wp\/v2\/media\/21019"}],"wp:attachment":[{"href":"https:\/\/www.fifteendesign.co.uk\/wp-json\/wp\/v2\/media?parent=21018"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.fifteendesign.co.uk\/wp-json\/wp\/v2\/categories?post=21018"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.fifteendesign.co.uk\/wp-json\/wp\/v2\/tags?post=21018"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}