-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
140 lines (111 loc) · 10.6 KB
/
index.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
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
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="HandheldFriendly" content="True">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" href="favicon.ico">
<!-- Classic Meta Tags -->
<title>PLANPOT DESIGN WORKS OFFICIAL BLOG</title>
<meta name="description" content="浜松を中心に活動するデザイン事務所、PLANPOT DESIGN WORKSのブログ。表装のデザインからHTML,CSS,Javascriptのフロントエンドの技術情報を中心にWEBに関するの技術情報ほか、デザイン事務所として活動している近況報告などを掲載しています。">
<!-- Open Graph Meta Tags -->
<meta property="og:type" content="website">
<meta property="og:title" content="PLANPOT DESIGN WORKS OFFICIAL BLOG">
<meta property="og:description" content="浜松を中心に活動するデザイン事務所、PLANPOT DESIGN WORKSのブログ。表装のデザインからHTML,CSS,Javascriptのフロントエンドの技術情報を中心にWEBに関するの技術情報ほか、デザイン事務所として活動している近況報告などを掲載しています。">
<meta property="og:site_name" content="PLANPOT DESIGN WORKS OFFICIAL BLOG">
<meta property="og:url" content="http://blog.planpot.jp/">
<meta property="og:image" content="http://blog.planpot.jp">
<meta property="fb:admins" content="995818770444768">
<!-- Twitter Card Meta Tags -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="PLANPOT DESIGN WORKS OFFICIAL BLOG">
<meta name="twitter:description" content="浜松を中心に活動するデザイン事務所、PLANPOT DESIGN WORKSのブログ。表装のデザインからHTML,CSS,Javascriptのフロントエンドの技術情報を中心にWEBに関するの技術情報ほか、デザイン事務所として活動している近況報告などを掲載しています。">
<meta name="twitter:image" content="http://blog.planpot.jp">
<meta name="twitter:site" content="@planpot">
<meta name="twitter:creator" content="@planpot">
<link rel="canonical" href="http://blog.planpot.jp">
<link rel="stylesheet" type="text/css" href="assets/css/screen.css?v=fff9035911">
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Merriweather:300,700,700italic,300italic%7COpen+Sans:700,400">
<meta name="generator" content="Ghost 0.5">
<link rel="alternate" type="application/rss+xml" title="PLANPOT DESIGN WORKS OFFICIAL BLOG" href="rss/index.html">
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-2030983-4', 'auto');
ga('send', 'pageview');
</script>
</head>
<body class="home-template">
<header class="main-header no-cover">
<nav class="main-nav overlay clearfix">
<a class="subscribe-button icon-feed" href="rss/index.rss">Subscribe</a>
</nav>
<div class="vertical">
<div class="main-header-content inner">
<h1 class="page-title">PLANPOT DESIGN WORKS OFFICIAL BLOG</h1>
<h2 class="page-description">見えないものと闘う</h2>
</div>
</div>
<a class="scroll-down icon-arrow-left" href="index.html#content" data-offset="-45"><span class="hidden">Scroll Down</span></a>
</header>
<main id="content" class="content" role="main">
<div class="extra-pagination inner">
<nav class="pagination" role="navigation">
<span class="page-number">Page 1 of 1</span>
</nav>
</div>
<article class="post tag-codekit tag-autoprefixer tag-css tag-sass tag-compass">
<header class="post-header">
<h2 class="post-title"><a href="codekit-2-autoprefixer/">Codekit 2でAutoprefixerを有効にする</a></h2>
</header>
<section class="post-excerpt">
<p>CSSプリプロセッサを利用して随分たった。最初の頃に助けられたGUIのCodekitも2014年のはじめには2になっていた。Grunt使ったりしていて離れていたのだが、インターンに来ていたらRashaadはじめ、他のデザイナーさんと共有することがあってCodekitに戻ってきつつある。 環境を整備しようと調べたところ、見落としていた設定があった。 設定だけさっさと知りたい方は下記のURLへ。 Using Codekit 2 Autoprefixer With Compass Codekit 2.0からAutoprefixerをサポート Autoprefixerはその名の通りブラウザのベンダープレフィックスをコンパイル時に自動で添削してくれるツール。Codekitは2.0からサポートされた。 Compassを利用しているとborder-radiusなど、早くからサポートされていったプロパティも几帳面につけてくれる。experimental-supportの挙動を制御する変数を変更するのもいいけれど、都度メンテナンスが必要になってしまう。ということでAutoprefixserの登場となるわけです。 設定方法 <a class="read-more" href="codekit-2-autoprefixer/">»</a></p>
</section>
<footer class="post-meta">
<img class="author-thumb" src="http://www.gravatar.com/avatar/19a375a6af6de71c15d55e7f8096fcf2?d=404&s=250" alt="Author image" nopin="nopin">
<a href="author/planpot/">Rikiya Suzuki</a>
on <a href="tag/codekit/">codekit</a>, <a href="tag/autoprefixer/">autoprefixer</a>, <a href="tag/css/">css</a>, <a href="tag/sass/">sass</a>, <a href="tag/compass/">compass</a>
<time class="post-date" datetime="2014-12-04">04 December 2014</time>
</footer>
</article>
<article class="post tag-office tag-tic tag-renovation">
<header class="post-header">
<h2 class="post-title"><a href="office-renovation/">事務所改装計画中。模型できました。</a></h2>
</header>
<section class="post-excerpt">
<p>事務所を改装する計画が持ち上がったのはDESIGNEAST 05 CAMP in Hamamatsuが終わったころだろうか。実行委員として一緒に動いていた+ticが手を挙げてくれたのだ。 ゆっくりと話をすすめてきたとはいえ、いよいよ模型も仕上がりほぼ確定した。DESIGNEASTやドライブインシアターの企画でフル稼働していた事務所も落ち着いてきたので、12月から本格的に施工する予定。iPhone6 Plusで撮影したら+ticの2人が面白がってくれたので。このブログにもいくつか掲載しておく。 iPhone6 Plusは大きいけど薄いから模型の隙間に潜り込んで撮れる。ジオラマに夢中になってた幼少期のころに戻った気分になれて楽しいですよ。 俯瞰したところ。柱や窓の凹凸の四辺を手掛かりにレイアウトがくまれている。柱は45×45の杉材。窓際にも板を通してフリーアドレスな作業スペースにもなるそうです。 あの浜名湖花博2014で展示されていたharucameraの写真も、杉材のフレームに見事に納まりました。（BGMに劇的なやつが流れてしまう… <a class="read-more" href="office-renovation/">»</a></p>
</section>
<footer class="post-meta">
<img class="author-thumb" src="http://www.gravatar.com/avatar/19a375a6af6de71c15d55e7f8096fcf2?d=404&s=250" alt="Author image" nopin="nopin">
<a href="author/planpot/">Rikiya Suzuki</a>
on <a href="tag/office/">office</a>, <a href="tag/tic/">+tic</a>, <a href="tag/renovation/">renovation</a>
<time class="post-date" datetime="2014-11-25">25 November 2014</time>
</footer>
</article>
<article class="post tag-ghost-tag tag-buster tag-blog tag-osx tag-python tag-node tag-github tag-brew tag-pip">
<header class="post-header">
<h2 class="post-title"><a href="ghost-buster/">Ghost busted.</a></h2>
</header>
<section class="post-excerpt">
<p>やっとGhost×busterでブログ環境が構築できた。ハロウィンくらいにできたらキャッチーだったのに。お化け屋敷に挑む臆病なルイージに負けてられるかと果敢に挑戦した時間を忘れないよう、この記事に書き残す。あとで詳しく書きたい。 OSXそのものの問題：xcode-select brew docter先生頼み OSXプリインストールのpythonとnodeとの闘い 過去にsudoでpipインストールしてしまったパッケージたち GitHub Pagesについて 主なトピックスは上のとおり。buster自体の設定はとても簡単。インストールも足りないパッケージはpip install busterの時点でカバーしてくれた。 ちなみにbusterはGhostの静的ジェネレータ。ローカルで動かしているGhostを静的に書き出してGitHub Pagesにプッシュまでしてくれる賢いやつ。 作った人のGitHub ありがとう、axitkhurana! https: <a class="read-more" href="ghost-buster/">»</a></p>
</section>
<footer class="post-meta">
<img class="author-thumb" src="http://www.gravatar.com/avatar/19a375a6af6de71c15d55e7f8096fcf2?d=404&s=250" alt="Author image" nopin="nopin">
<a href="author/planpot/">Rikiya Suzuki</a>
on <a href="tag/ghost-tag/">ghost</a>, <a href="tag/buster/">buster</a>, <a href="tag/blog/">blog</a>, <a href="tag/osx/">osx</a>, <a href="tag/python/">python</a>, <a href="tag/node/">node</a>, <a href="tag/github/">github</a>, <a href="tag/brew/">brew</a>, <a href="tag/pip/">pip</a>
<time class="post-date" datetime="2014-11-21">21 November 2014</time>
</footer>
</article>
<nav class="pagination" role="navigation">
<span class="page-number">Page 1 of 1</span>
</nav>
</main>
<footer class="site-footer clearfix">
<section class="copyright"><a href="index.html">PLANPOT DESIGN WORKS OFFICIAL BLOG</a> © 2014</section>
<section class="poweredby">Proudly published with <a href="https://ghost.org">Ghost</a></section>
</footer>
<script src="public/jquery.js?v=fff9035911"></script>
<script type="text/javascript" src="assets/js/jquery.fitvids.js?v=fff9035911"></script>
<script type="text/javascript" src="assets/js/index.js?v=fff9035911"></script>
</body>