ゴーゴーウェブマーケット デザインブログ

Google Chromeの要素を検証、WordCamp Akitaで少しだけ触れましたが、
ブログでもう少し書きたいと思います。

Read more…

WordBench Akita でプレゼンした内容の資料です。

Read more…

http://bit.ly/c1doUD

にて、WordCamp yokohamaの動画がアップされておりますが、
現地で書き込んだ私のメモをまとめてみました。

手描きのノートを整理しただけなので、大変粗末なものですが・・・

Read more…

CSSメモ：

CSSについてメモ

共同作業する際、フォントサイズがまとまらない時（組み合わせた際にサイズが合わない時）があるので、前もって親のフォントサイズは絶対指定をした方がいいですね。

とりあえず、font-size:medium;は、やっておく事にしよう。

cssでまた苦労したのでメモ

100m<span>2</span>

span { vertical-align : super;}

と書くと、ＩＥ８だと中央揃えの際に位置が１段下がる。

↓みたいに高さを指定すると上手くいくみたいです。

span { vertical-align : super; height : 10px;}

高さ０指定でも上手にいくけど大丈夫かな・・・

上手くいかないケースもあるみたいなので、

sup {

position : relative;

bottom : 0.3em;

vertical-align : baseline;

}

20m²

で安定するみたいです。

いろいろと苦労したので、cssのborderメモ

border-widthが１の時の横幅について

Chromeではwidth+border-width*2が横幅になる。

IEではwidthだけが横幅になる。

bordarで横幅500pxの四角を作るなら、

<div class=”c1″> ←width:500px;

<div class=”c2″></div>←border: solid 1px #555555;

</div>

これで、IE、Chrome両方で同じ大きさの四角が作れる。

巷では、マインドマップが流行っているそうですが、

私も丸と矢印ばっかりでノートを書くようにしています。

矢印のおかげで関連性のある言葉がすぐに見つかるし、

丸で囲む事によって可読性が高くなるから、

１ページに多くの文字を詰め込んでも見難くなりません。

私は言葉を組み立てる事も、読む事も苦手なので、

この方法を使うようになってから、考える事が少し楽になりました。

ただ・・・私のノートを他人が見て、「何これ？」みたいな事になりそうですが、

そこはノートなので、自分が読めればいいんですよね。

だから、気にしない・・・。