<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="utf-8">
    <title>ウープスデザインブログ</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
    <style media="screen">
      body {
        margin: 0;
        font-size: 14px;
        font-family: Lato, '游ゴシック体', 'Yu Gothic', YuGothic, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-sans-serif;
        color: #333;
      }
      a{
        text-decoration: none;
      }
      a:link{
        color: rgb(245, 39, 95);
      }
      a:visited{
        color: rgb(106, 31, 125);
      }
      a:hover{
        color: rgb(193, 31, 75);
        font-weight: bold;
      }
      strong{
        display: block;
        font-size: 2em;
      }
      ol,li{
        margin: 0;
        padding: 0;
        list-style-position: inside;
      }
      header,main{
        overflow-x: hidden;
        padding: 3% 10%;
      }
      header{
        color: #FFF;
        padding-top: 3%;
        background:#000 url(bg_main.jpg) no-repeat;
      }
      footer{
        width: 100%;
        text-align: center;
      }
      @media (min-width: 769px) {
        body{font-size: 18px;}
        header,main{
          padding: 1% 20%;
        }
      }
    </style>
</head>
<body>

  <header>
    <h1>ウープスデザインブログ(blog.woopsdez.jp)は、<br><a href="http://blog.mikiishijima.com/"><strong>blog.mikiishijima.com</strong></a>となって新しくなりました。</h1>
    <p>2009年以降の記事が移転失敗してしまったので、反響が多いもの&個人的に気に入っていたもののみweb.archive.orgからサルベージしておきます。</p>
  </header>

  <main>
    <ol>
      <li><a href="http://blog.woopsdez.jp/archives/2921/">トレンドに振り回されない。デザインの考え方を等身大にまとめた本を書きました。</a></li>
      <li><a href="http://blog.woopsdez.jp/archives/3052/">手書きPOPをIllustratorでつくろう！〜POPができるまで〜</a></li>
      <li><a href="http://blog.woopsdez.jp/archives/2335/">Twitterで就職、テレビ出演、出版、セミナーできた自分がしてきたソーシャルメディアで意識していることを書いてみる</a></li>
      <li><a href="http://blog.woopsdez.jp/archives/2090/">基本の基本！綺麗なデータの作り方：ロゴ編</a></li>
      <li><a href="http://blog.woopsdez.jp/archives/2889/">タイポグラフィが苦手な人におすすめしたい私のやり方</a></li>
      <li><a href="http://blog.woopsdez.jp/archives/2368/">高円寺コワーキングスペース「こけむさズ」始動</a></li>
      <li><a href="http://blog.woopsdez.jp/archives/2747/">建築再構企画 ロゴマークデザイン</a></li>
    </ol>

    <p>「あの記事も残しておいて欲しい」などがあれば教えてください。気が向けばサルベージします。</p>
  </main>

  <footer>
    <p>お問い合わせ先：<a href="https://twitter.com/woopsdez">@woopsdez</a></p>
  </footer>

</body>
</html>
