Skip to content

Instantly share code, notes, and snippets.

View magyarn's full-sized avatar

Nathan Haynes-Magyar magyarn

  • University of Michigan Office of Academic Innovation
  • Ann Arbor, MI
View GitHub Profile
@magyarn
magyarn / code-journal-1-accessible-toggling.markdown
Created February 23, 2018 02:19
Code Journal 1: Accessible Toggling
@magyarn
magyarn / code-journal-2-accessible-dropdown.markdown
Last active March 15, 2018 00:50
Code Journal 2: Accessible Dropdown
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>My Portfolio</title>
<meta name="description" content="An awesome site that showcases my work!">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="css/normalize.css">
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>My Portfolio</title>
<meta name="description" content="An awesome site that showcases my work!">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="css/normalize.css">
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>My Portfolio</title>
<meta name="description" content="An awesome site that showcases my work!">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="css/normalize.css">
...
<body>
<header>
<p>My Portfolio</p>
<nav>
<ul>
<li>
<a href="/">Home</a>
</li>
<li>
...
<body>
<header>
<p>My Portfolio</p>
<nav>
<ul>
<li>
<a href="/">Home</a>
</li>
<li>
...
<main>
<section>
<h1>Hi, I'm Nathan.</h1>
<p>A User Experience Designer and Frontend Web Developer.</p>
<img src="http://via.placeholder.com/800x400" alt="Placeholder image">
</section>
<section>
...
...
</section>
<section id="projects">
<h2>Projects</h2>
<ul>
<li>
<article>
<header>
<h3>Tuxedo cats always looking dapper</h3>
</header>
...
</section>
<section>
<h2>Projects</h2>
<ul>
<li>
<article>
<header>
<h3>Tuxedo cats always looking dapper</h3>
</header>