HTML-Layout/index.html at master · BenjaminHoppe/HTML-Layout · GitHub

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
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title>A LIST APART</title>
      <!-- I know there's not suppose to be css here but didn't know another way to cetner everything -->
    <style>
    body {
      text-align: center;
    }
    </style>
  </head>
  <body>
    <h1>A LIST APART</h1>
    <a href="picture"></a>
    <blockquote>NEW Oct 25, 2018</blockquote>
    <h2>From URL to Interactive</h2>
    <h3>by Aaron Gustafson</h3>
    <p>When we think about it, our whole industry depends on our faith in a handful of “black boxes” few of us fully understand: browsers. We hand over our HTML, CSS, JavaScript, cross our fingers, and hope they render the experience we have in our heads. But knowing how they work can really get you out of a jam when things go wrong. That’s why we’ve assembled a handful of incredibly knowledgeable authors to take us under the hood in this four-part series. Join us on this trip across the web, into the often foggy valley between code and experience.</p>
    <h2>Tags to DOM</h2>
    <h3>By Travis Leithead</h3>
    <p>In the second installment of A List Apart’s four-part “From URL to Interactive” series, Travis Leithead, former editor of W3C’s HTML spec, walks us through the process of parsing HTML: from how browsers create trees to how the DOM responds to events. Equipped with this knowledge, you’ll be able to make smarter DOM decisions, reduce time to interactive, and eliminate unintended reflows.</p>
    <blockquote>New! Dec 06, 2017</blockquote>
    <h2>Web Typography & Layout: Past, Present, and Future</h2>
    <h3>participants Jen Simmons, Roger Black, Jeffrey Zeldman</h3>
    <p>Can typography encourage long-form reading—not just scanning? What are the most exciting areas of cutting-edge experimentation in typographic technology and digital layout, and what new skills will we need to design tomorrow’s web content? Three experts—Mozilla’s Jen Simmons, publication design legend Roger Black, and ALA’s Jeffrey Zeldman—discuss typography and layout on today’s web: where we are now, and where we’re going.</p>
    <h2>More from A List Apart</h2>
    <table>
      <tr>
        <td>
          <h4>Server to Client<h4>
          <h5>by Ali Alabbas</h5>
          <p>Kicking off our “From URL to Interactive” series, we take a look under the hood to find out how our code makes it to the browser.</p>
          <footer>Browsers.October 25, 2018</footer>
        </td>
        <td><h4>Writing for Designers</h4>
          <h5>by Scott Kubie</h5>
          <p>In this excerpt from Writing for Designers, Scott Kubie explains why designers need to be more intentional with how we use words.</p>
          <footer>Writing.October 18, 2018</footer>
        </td>
        <td>
          <h4>Designing for Cognitive Differences</h4>
          <h5>by Brandon Gregory</h5>
          <p>Brandon Gregory considers how to design accessibly for cognitive differences like anxiety disorders, inattention, and depression.</p>
          <footer>User Experience. October 16, 2018</footer>
        </td>
      </tr>
      <tr>
        <td>
          <h4>The FAQ as Advice Column</h4>
          <h5>by Caroline Roberts</h5>
          <p>It may be easy to turn your nose up at FAQs, but Caroline Roberts can help you take the simple Q&A format to the next level.</p>
          <footer>Content Strategy. October 16, 2018</footer>
        </td>
        <td>
          <h4>The Psychology of Design</h4>
          <h5>by Jon Yablonski</h5>
          <p>Jon Yablonski explains three key theories of psychology that designers can use to build more intuitive, human-centered products.</p>
          <footer>Design. October 5, 2018</footer>
        </td>
        <td>
          <h4>Web Developer Representation in W3C</h4>
          <h5>by Peter-Paul Koch</h5>
          <p>Fronteers, the Dutch front-end association, aims to join the W3C to represent independent web developers worldwide.</p>
          <footer>Industry.September 27, 2018</footer>
        </td>
    </tr>
    <tr>
      <td>
        <h4>Responsive Images</h4>
        <h5>by Mat Marquis</h5>
        <p>In this excerpt from Image Performance, Mat Marquis chronicles the pros and cons of `img` and why we needed something better.</p>
        <footer>Browsers.September 20, 2018</footer>
      </td>
      <td>
        <h4>Breaking the Deadlock Between User Experience and Developer Experience</h4>
        <h5>by Jason Lengstorf</h5>
        <p>When we put the UX at the expense of the developer experience, it’s the user who pays the price.</p>
        <footer>September 13, 2018</footer>
      </td>
      <td>
        <h4>Design with Difficult Data</h4>
        <h5>by Steven Garrity</h5>
        <p>Stop designing for the happy path! Steven Garrity shows how to create more robust layouts by designing with difficult data.</p>
        <footer>Design. September 6, 2018</footer>
      </td>
    </tr>
    <tr>
      <td>
        <h4>Conversational Semantics</h4>
        <h5>by Aaron Gustafsson</h5>
        <p>With voice interfaces becoming the norm, semantic markup is more important than ever. Learn how HTML tags can have a huge impact.</p>
        <footer>HTML. August 30, 2018</footer>
      </td>
      <td>
        <h4>Coding with Clarity: Part II</h4>
        <h5>by Brandon Gregory</h5>
        <p>Code suffers without clarity. Brandon Gregory illuminates some principles for organizing object-oriented code.</p>
        <footer>Code. August 23, 2018</footer>
      </td>
      <td>
        <h4>Make Something Great: Become an Open Source Contributor</h4>
        <h5>by Andres Galante</h5>
        <p>Help keep the web open and free! Contribute to open source projects.</p>
        <footer>Industry & Business. August 16, 2018</footer>
      </td>
      </tr>
     </table>
  </body>
</html>