An old guys guide to building modern websites. Season 2: The estimated time to read this article is 12 minutes Subscribe to this podcast using iTunes or RSS | Download this show When you have such a talented bunch of coders you don’t tend to code much yourself.
However, when it came to boagworld I was determined to do the majority of it myself. I had two reasons for this. First, I believe that it is not just designers who should be able to code. Second, I was reading about so many cool things that I wanted to have a play. In this post I wanted to share my journey of playing with ‘the new’. But before I start, I should caveat everything I am about to write. New techniques, old problems – browser support. I am an old guy. Whether it is Netscape 2 or IE7 there is always a browser that holds us back. When I rummaged around boagworld’s web stats (as we do at the beginning of all projects) I discovered some great news. Being free from IE6 & 7 allowed me to play with new CSS properties and adopt HTML5 (with a little help from HTML5shiv).
What We Don't Know. We don't know which browser, which version of that browser, or what kind of computer a user visiting our website is using.
So we should design our sites to be fluid and utilize media queries to optimize the site for any screen size (responsive web design). We don't know what the internet connection speed is of a user viewing our website. So we try and load as few resources as possible. We don't know the mindset of a user viewing our website. Share On. Web Standards Sherpa. Front-end Code Standards & Best Practices. Overview This document contains guidelines for web applications built by the Creative Technology (front end engineering) practice of Roundarch Isobar.
It is to be readily available to anyone who wishes to check the iterative progress of our best practices. This document's primary motivation is two- fold: 1) code consistency and 2) best practices. By maintaining consistency in coding styles and conventions, we can ease the burden of legacy code maintenance, and mitigate risk of breakage in the future. By adhering to best practices, we ensure optimized page loading, performance and maintainable code. Pillars of Front-end Development ◊ General Practices ◊ Indentation ◊ For all code languages, we require indentation to be done via soft tabs (using the space character). Readability vs Compression ◊ We prefer readability over file-size savings when it comes to maintaining existing files. The first component of any web page is the tag-based markup language of HTML . Template ◊ Doctype ◊ HTML5 Doctype.