-
Notifications
You must be signed in to change notification settings - Fork 0
/
tables-for-layouts-a-fable.html
66 lines (55 loc) · 3.26 KB
/
tables-for-layouts-a-fable.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
<!DOCTYPE html>
<html lang="en">
<head>
<title></title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta id="keywords" name="keywords" content="">
<link id="stylesheet" rel="stylesheet" type="text/css" href="https://oskipa.github.io/theme/css/code.css"></link>
<link id="stylesheet" rel="stylesheet" type="text/css" href="https://oskipa.github.io/theme/css/site.css"></link>
</head>
<body>
<header class="header">
<h1 class="site-name">
<a class="home-link" href="https://oskipa.github.io">Dada</a><br />
|> Structures<br />
|> Algorithms</h1>
<nav>
<menu class="minimal-menu">
<li><a href="https://oskipa.github.io/pages/today-i-learned.html">til</a></li>
<li><a href="https://oskipa.github.io/pages/now.html">now</a></li>
<li><a href="https://oskipa.github.io/short_index.html">index</a></li>
<!--
<li><a href="category/log.html">web log<a></li>
<li><a href="">about<a></li>
<li><a href="">site map<a></li>
-->
</menu>
</nav>
</header>
<div class="container">
<div class="row">
<div class="col-md-8">
<h2>Tables for Layouts: a Fable</h2>
<h3>Or how tech prophets</h3>
<label>07 February, 2022</label>
<p>A long time ago many web developers used tables for layout. It was handy. It was an easy to do a layout. It was easy to understand. </p>
<p>"It is wrong, dead wrong," said the Tech Prophet.</p>
<p>"Tables are meant for data. Developers are misusing it for layout. It <em>data</em> markup, not <em>layout</em>. Use CSS for layout instead."</p>
<p>The wise priests listened. They looked into the CSS that the Tech Prophet had offered. They pointed out that it was hard to understand and hard to implement. The Tech Prophets cursed them out. They left and secretely kept using tables for layouts.</p>
<p>Those who remained became disciples of the Tech Prophet. The technically pure learned CSS layout. It was harder than tables, but they didn't care. What took them a few hours now took them some days to get it right. But they were technically pure. Over the years the disciples wrapped their solutions in frameworks. These frameworks used a grid metaphor.</p>
<p>The technically pured ended up doing layouts on grids. A grid is a table. They are using tables again, although in a more complex way. That was because a grid is the right metaphor.</p>
<p>The moral is that semantic purity can lead to an equivalent solution that is a lot more complex.</p>
</div>
</div>
</div>
<footer class="footer">
<!-- <p class="about"><a href="http://hugoestr.github.io/blog/manifesto.html">About</a> --> <a href="https://oskipa.github.io/pages/about.html" >I am</a> a software developer. I code in Python, Ruby, Lisp, and many other languages. I like poetry, museums, and ukuleles. I try to guide my life on principles of dadaism and nonviolence.</p>
<p>
<a href="feeds/all.atom.xml">atom</a>
<!-- <a href="http://github.com/oskipa/">github</a> -->
</p>
<p>Artisanally built with <a href="https://blog.getpelican.com/">Pelican</a>. Content handcrafted in <a href="https://www.vim.org/" >Vim</a>. All hallucinations are human. 100% AI Free.</p>
</footer>
</body>
</html>