25 Additional Web Development Terms You May Not Have Heard Of
Tags: glossary, knowledge, webdev, tips
Published: 2022-02-01 19:35:58

Web Development has its own, special vocabulary that easily consists of <a href="https://leanpub.com/web-development-glossary">several thousand terms</a>. No one knows all of them. Or do you? After sharing <a href="https://meiert.com/en/blog/33-web-development-terms/">33 terms here</a>, <a href="https://meiert.com/en/blog/33-additional-web-development-terms/">33 terms there</a>, here are 25 more terms&nbsp;<a href="#note-licenses"><sup>*</sup></a> you may or may not have heard of.

<dl>
<dt><code>__qem</code></dt>
<dd>A proprietary, inofficial CSS unit (“quirky em”) to manage margins in reflow roots (<code>body</code>, <code>th</code>, and <code>td</code>) similar to the Internet Explorer web browser. According to <a href="https://trac.webkit.org/browser/webkit/trunk/Source/WebCore/css/CSSPrimitiveValue.h?rev=107688&order=name#L167">the source code</a>, “When the quirky value is used, if you’re in quirks mode, the margin will collapse away inside a table cell.” <code>__qem</code> was originally spelled with one underscore, <code>_qem</code>.</dd>
<dt>AirMosaic</dt>
<dd>An early commercial web browser based on the NCSA Mosaic browser. AirMosaic was released in 1994.</dd>
<dt>BGP (Border Gateway Protocol)</dt>
<dd>A standardized exterior gateway protocol designed to exchange routing and reachability information among autonomous systems on the Internet. BGP is classified as a path-vector routing protocol, and it makes routing decisions based on paths, network policies, or rule sets configured by a network administrator. It was first described in 1989 in RFC&nbsp;1105, and has been in use on the Internet since 1994.</dd>
<dt>Channel messaging</dt>
<dd>An API described by the HTML specification that enables independent pieces of code (e.g., scripts in different browsing contexts) to communicate directly. Channel messaging works through two-way channels (or pipes) with a port at each end.</dd>
<dt>Content category</dt>
<dd>A category that HTML puts elements in. The main categories are metadata content, flow content, sectioning content, heading content, phrasing content, embedded content, and interactive content. <ins>[Learn more in <a href="https://meiert.com/en/blog/html-content-categories/">my article on HTML content categories</a>.]</dd>
<dt>Cyclomatic complexity</dt>
<dd>A software metric used to indicate the complexity of a program. It is a quantitative measure of the number of linearly independent paths through a program’s source code, and is computed using the control-flow graph of the program. The nodes of the graph correspond to indivisible groups of commands of a program, and a directed edge connects two nodes if the second command might be executed immediately after the first command. Cyclomatic complexity may also be applied to individual functions, modules, methods, or classes. It was developed in 1976 by Thomas J. McCabe, Sr.</dd>
<dt>DOM clobbering</dt>
<dd>The injection of HTML into a web page with the goal of manipulating the DOM and escalating the injection to a cross-site scripting (XSS) attack. For example, one form of DOM clobbering uses an <code>a</code> element to overwrite a global variable for malicious purposes.</dd>
<dt>Flame graph</dt>
<dd>A flame-like visualization method for software profiling. <a href="http://www.brendangregg.com/flamegraphs.html">is.gd/EnyPjs</a></dd>
<dt>GRASP (General Responsibility Assignment Software Patterns)</dt>
<dd>Guidelines for assigning responsibility to classes and objects in object-oriented design. The different patterns and principles used in GRASP are controller, creator, indirection, information expert, low coupling, high cohesion, polymorphism, protected variations, and pure fabrication.</dd>
<dt>Homogenous migration</dt>
<dd>A migration where source and target systems are of the same type.</dd>
<dt>Islands architecture</dt>
<dd>The use of placeholders for dynamic parts of a web page, to be loaded and hydrated separately in order to improve perceived performance.</dd>
<dt>JSON5 (JSON5 Data Interchange Format)</dt>
<dd>An inofficial superset of, and proposed extension to, the JSON format. The goal of JSON5 is to make it easier for people to write and maintain JSON. Its features relate to the handling of objects, arrays, strings, numbers, and comments. JSON5 is suggested to have a special file extension, .json5, as well as a different MIME type. <a href="https://json5.org/">json5.org</a></dd>
<dt>K-Meleon</dt>
<dd>A web browser for Microsoft Windows based on the Gecko layout engine. K-Meleon was first released in 2000. <a href="http://kmeleonbrowser.org/">kmeleonbrowser.org</a></dd>
<dt>Liquid</dt>
<dd>A web design approach in which page elements have a variable as opposed to a fixed width. Liquid design is a predecessor for responsive design.</dd>
<dt>Neutral character</dt>
<dd>A character that has direction indeterminable without context. Examples include paragraph separators, tabs, and most other whitespace characters. Punctuation symbols that are common to many scripts, such as the colon, comma, full stop, and the no-break space also fall within this category.</dd>
<dt>NUI (Natural user interface)</dt>
<dd>A user interface that is effectively invisible, and remains invisible as the user learns increasingly complex interactions. The word “natural“ is used because most computer interfaces use artificial control devices whose operation has to be learned. Examples include voice assistants, such as Alexa and Siri, touch and multi-touch interactions on today’s mobile phones and tablets, but also touch interfaces invisiblly integrated into the textiles furnitures.</dd>
<dt>OOPIF (Out-of-Process Iframe)</dt>
<dd>An iframe that’s being handled in a different rendering process for security reasons.</dd>
<dt>PCDATA (Parsed Character Data)</dt>
<dd>A data definition that originated in Standard Generalized Markup Language (SGML), and that is also used in Extensible Markup Language (XML) document type definitions to designate mixed content XML elements.</dd>
<dt>Reactive Manifesto</dt>
<dd>A systems architecture approach in which it is declared necessary for systems to be responsive, resilient, elastic, and message-driven. Such systems are considered reactive systems. <a href="https://www.reactivemanifesto.org/">reactivemanifesto.org</a></dd>
<dt>Squint test</dt>
<dd>An improvised test for the effectiveness of a design, involving to squint the eyes when looking at the design to assess visual structure and hierarchy.</dd>
<dt>Transclusion</dt>
<dd>The inclusion of part or all of an electronic document into one or more other documents by hypertext reference. Transclusion is usually performed when the referencing document is displayed, and is normally automatic and transparent to the end user. The result of transclusion is a single integrated document made of parts assembled dynamically from separate sources, possibly stored on different computers in disparate places.</dd>
<dt>UXSS (Universal Cross-Site Scripting)</dt>
<dd>An attack that exploits vulnerabilities in a browser or browser extension (instead of a website or application, as with XSS) in order to run malicious code.</dd>
<dt>WebVTT (Web Video Text Tracks)</dt>
<dd>A World Wide Web Consortium (W3C) standard for displaying timed text in connection with the HTML <code>track</code> element. The early drafts of the specification were written by the WHATWG in 2010 after discussions about what caption format should be supported by HTML. <a href="https://www.w3.org/TR/webvtt1/">w3.org/TR/webvtt1</a></dd>
<dt>XHP</dt>
<dd>An augmentation of PHP and Hack developed at Facebook to allow XML syntax for the purpose of creating custom and reusable HTML elements. XHP was first released in 2010.</dd>
<dt>Zero-based indexing</dt>
<dd>A way of numbering in which the initial element of a sequence is assigned the index 0, rather than the index 1 as is typical in everyday non-mathematical or non-programming circumstances. Under zero-indexed or zero-based numbering, the initial element is sometimes termed the “zeroth” element, rather than the first element; “zeroth” is a coined ordinal number corresponding to the number zero.</dd>
</dl>

<a href="https://leanpub.com/web-development-glossary" class="media alt"><img src="https://d3rdtowr0c5lpf.cloudfront.net/de/publications/books/the-web-development-glossary/cover-s.png" alt="The cover of “The Web Development Glossary.”" /></a>

How many terms did you know? How many terms had you heard about? What was new?

Web Development is a great field. If you decide to follow the field’s development through the <cite>The Web Development Glossary</cite>, you get book updates automatically when obtaining your copy at <a href="https://play.google.com/store/books/details/Jens_Oliver_Meiert_The_Web_Development_Glossary?id=nYjhDwAAQBAJ">Google Play Books</a> or <a href="https://leanpub.com/web-development-glossary">Leanpub</a> (<a href="https://meiert.com/en/blog/the-web-development-glossary/">other vendors</a>). Have a look!

<em id="note-licenses"><sup>*</sup> Some explanations are based on Wikipedia, the MDN Web Docs, or the HTML Living Standard. All references are available in the <a href="https://docs.google.com/gview?url=http://samples.leanpub.com/web-development-glossary-sample.pdf&amp;hl=en">Appendix of <cite>The Web Development Glossary</cite> (PDF)</a>. This post is licensed under a <a href="https://creativecommons.org/licenses/by-sa/4.0/">CC BY-SA 4.0 (Attribution-ShareAlike 4.0 International) license</a>.</em>