Outsourcing HTML/CSS guidelines

Trevor Chinn asked on October 19, 2016 10:51

A rather strange request, but I have been scouring the net for blogs or official Kentico documents, but have been unable to find anything relevant, so I turn to the devnet community for some guidance regarding outsourcing of the html/css/javascript coding to (non Kentico) web design firms.

On projects that exceed the prowess of our in-house designers, or when the workload is getting too heavy, we outsource the base coding for a design to various web design companies, receive a compressed file with all the html/css/javascript and media back, and then our developers can focus on implementing the Kentico based features, which allows us to tackle more projects simultaneously than were it all done in-house.

That being said, we've come across some situations where the web design companies return source code that is rather unpleasant to move over to Kentico, and thus we are in the process of creating a sort of "Front end design guidelines" for the companies that we will be outsourcing to. We already contacted support and while there is a lot of fantastic documentation about the base process for building sites in Kentico, our methodology is quite rare (I assume) and thus nothing was readily available.

Does anyone perchance have similar experience with outsourcing the front-end and then taking that and putting it into Kentico, and if so, did you have any tips/requirements that you passed along to the designers beforehand? Any and all information would be helpful. To give you an idea of what I am talking about, I translated four of the easy ones into English (they're in Japanese ordinarily):

  • (Very simple) Kentico uses Webforms so always include a form tag right under the body while designing the site to make sure that styling doesn't get broken when it is ported over to Kentico.
  • When styling with CSS, rather than using classes or IDs on each element, style by containers (such as a div with a class) and then use sub element styling to provide easy maintenance once the code is moved into Kentico
  • div#exampleID p {aaa:bbb}
  • div#exampleID a {eee:fff}
  • div#exampleID li {xxx:yyy}
  • div#exampleID li a {ccc:ddd}
  • Do not apply style tags or class/IDs directly to image tags as it creates unnecessary work for content creators on the Kentico side to manually add those styles when selecting images from the media library.
  • Where possible, keep HTML tag nesting as shallow as possible to avoid cluttering the Kentico interface with container zones, or causing unnecessary use of "content before/after" sections to move the code to Kentico.


Correct Answer

Laura Frese answered on October 21, 2016 06:55

I find it helpful to request that front end developers create the css in such a way that it flows in the same order as it does on the page (which should be standard but some dont know this), and COMMENT the css for the pages / sections that use that css block with the kentico css comment so that its easy to tab to the sections within Kentico's css app.

For multi site instances, I would also request that css and or js for common things like bootstrap, jquery, carousel sliders, etc use a CDN so that developers for each instance dont keep adding the same things to the cms & cluttering it up.

1 votesVote for this answer Unmark Correct answer

Recent Answers

Brenden Kehren answered on October 24, 2016 18:26

I agree with Laura on this, with one caveat, any 3rd party css and js, I typically download and serve directly from the server for performance reasons. This way I'm not at the mercy of a third party provider or the internet to be up in order for the site to work properly. This also allows me to compress and cache those requests much greater than they might be on the 3rd party server.

1 votesVote for this answer Mark as a Correct answer

Trevor Chinn answered on October 26, 2016 04:20

Thank you both for the replies, I've added those points to our notes!

0 votesVote for this answer Mark as a Correct answer

Yazmin Barajas answered on February 14, 2018 06:26 (last edited on February 23, 2018 02:19)

Well outsourcing html or css is not that easy, codes are delicate and it needs to be done carefully. You need to know and find first a bpo company that specialises in programming so that you will not have any problem. Outsourcing also can reduce labor costs and expense. Before you outsource you need to know if the outsourcing firm can provide better html and css service if not find another one. Read more here Offshore Business Processing Australian Offshore Services Outsourcing.

0 votesVote for this answer Mark as a Correct answer

Megan Lofts answered on February 27, 2018 20:59

I agree that outsourcing HTML or CSS is not an easy task. And if you want to hire a company that will do this kind of work for you, it is important to choose an outsourcing vendor with big experience. Having surfed the Internet, I found out that Ukraine has become one of the most outsourced and popular countries. It offers developers with high education and perfect English speaking and writing skills. Also it is convenient to work with IT experts from this country because of good infrastructure, geographical location, cultural similarity and reasonable prices. Here is a good article about the advantages of outsourcing to Ukraine - https://diceus.com/why-you-should-open-outsourcing-centers-in-ukraine-nowadays/. I hope you will find it useful and interesting!

0 votesVote for this answer Mark as a Correct answer

Anastasia Stefanuk answered on May 31, 2018 15:46

HTML & CSS is the main knowledge in the development area, and it's not a hard task to find professional outsourcing company for this. But I suggest working with a company which have a different expertise (both Frontend & Backend, Mobile). Also take a look to their customers, portfolio, etc. You can find different blogs like here to check an avarage prices.

0 votesVote for this answer Mark as a Correct answer

Alex Black answered on July 6, 2018 11:09

If you think that html website development is a really big deal and you need a big quantity of expensive software , then you are a bit mistaken,if you are thinking about creation of a simple website, you need nothing Read more How to develop a website using HTML and CSS?

0 votesVote for this answer Mark as a Correct answer

   Please, sign in to be able to submit a new answer.