Web Frameworks, Coding Guidelines, Quality Control, and the Craft of Web Development
Post from December 1, 2021 (↻ July 17, 2022), filed under Web Development.
What makes for the craft of web development? Defining this seems useful but also not trivial. I believe that being able to do things by yourself (without tooling) and consistently doing so at a high level are part of that definition.
What makes for craft when we look at HTML/CSS frameworks; at HTML/CSS coding guidelines; at website quality control? What do you think? From my end I’ve addressed this in former O’Reilly books on these topics. And it’s what this article recaps, lightly updated as O’Reilly released these titles back to me, allowing me to re-publish and improve them.
It follows, then, a view at the craft of web development related to frameworks, guidelines, and quality control, and as seen from 2015, 2016, and 2021:
Professional web development is about quality. Quality is not easy to define, but one part of it is tailored code. External frameworks without customization options are impossible for users to tailor, and a pain for developers. Internal frameworks are much easier to handle and generally the way to go. Good frameworks aim for the highest quality—to be tailored, usable, and extensible. Framework users should follow the documentation and not overwrite framework code. Framework developers should have principles, a prototype, quality management tools, a maintenance plan, and healthy interest in documentation. And still, things can go wrong.
HTML/CSS Coding Guidelines
Coding guidelines govern how we write code.
Coding guidelines help consistency, and through that, indirectly, impact usability, collaboration, and maintainability.
Coding guidelines are important.
The main ingredients of a coding guideline are what (not) to do within a particular scope, examples, and an explanation.
Coding guidelines can target preference or quality.
Coding guidelines can be descriptive, prescriptive, or both.
Coding guidelines must be communicated, enforced, and reviewed.
And, there are some solid coding guidelines out there.
Website Quality Control
Quality management consists of quality planning, quality assurance, quality control, and quality improvement. It comes with a number of methods to identify (control), fix (improvement), and avoid defects (planning, assurance).
Website quality control includes the means to determine a) whether websites meet our own expectations and b) to what degree our websites meet professional best practices.
Quality control is important because otherwise we would have no way of knowing whether what we do and produce is any good. Quality control is professional; quality control saves time and money and sometimes nerves.
Quality control entails a great number of tests, covering security, accessibility, usability, performance, functionality, maintainability, semantics, validation, layout and design consistency, typography, (general) code quality, and coding standard compliance.
In practice, quality control requires training, depends on our mindsets, profits from automation, and needs enforcement.
And, finally, there are a gazillion tools for quality control and assurance.
Quality management is important, and no website should go without a plan for quality control.
❧ Our craft, reflected in frameworks, guidelines, and quality control. If you like this, or if you like to support my work improving the underlying books and therefore this perspective, check out The Little Book of Little Books on a platform of your choice—for example, at Amazon, Apple Books, Kobo, Google Play Books, Gumroad, or Leanpub.
I’m Jens, and I’m an engineering lead—currently manager for Developer Experience at LivePerson—and author. I’ve worked as a technical lead for Google, I’m close to W3C and WHATWG, and I write and review books for O’Reilly. I love trying things, sometimes including philosophy, art, and adventure. Here on meiert.com I share some of my views and experiences.
If you have a question or suggestion about what I write, please leave a comment (if available) or a message. Thank you!
Have a look at the most popular posts, possibly including:
Looking for a way to comment? Comments have been disabled, unfortunately.
Get a good look at web development? Try The Web Development Glossary (2020). With explanations and definitions for literally thousands of terms from Web Development and related fields, building on Wikipedia as well as the MDN Web Docs. Available at Apple Books, Kobo, Google Play Books, and Leanpub.