gorton-labのブックマーク / 2011年6月16日

gorton-lab id:gorton-lab

2011年6月16日のブックマーク (4件)

[Webデザイン] 文字組みについて本気出して考えてみた | Stocker.jp / diary
これはもう何年も前から気になってることなのですが。何故、昔からずっと見出し画像などの文字組みや文字詰めの甘いWebサイトが多いのでしょうか。私はデザインについて偉そうに言える立場でないのは分かっていますが、折角全体的なデザインや背景、写真、Flashなどの動きはとても美しく、文章構成のしっかりしたサイトなのに、ただ一点文字詰めだけが甘いというサイトがあまりにも多くて、そういうサイトが減る様子もないのがずっと気になっています。私は以前、ファッション雑誌やビジネス誌の組版（MacのInDesignやQuarkXPressを使って印刷用のデータを作る仕事。DTPとも言う）の仕事をしていて、見出しは言うまでもなく、本文の文字詰めが少し甘いだけでもものすごく怒られたものですが、Webデザインの世界ではそういうのはあまり怒られることがないのでしょうか。私は、見出しやタイトル画像における文字組み
gorton-lab 2011/06/16
design

文字詰め

typography

Tips
リンク
ｉモードの絵文字（メール・ウェブ変換表（docomo ⇒ 他キャリア））
このページを作成するにあたり、以下より絵文字相互変換リストを利用させていただきました。この場を借りてお礼申し上げます。ウノウラボ Unoh Labs: 絵文字の相互変換リスト 2008/07/28 docomo→au（ウェブ）を最新端末に合わせて変更 i-mode基本絵文字No.70 → au絵文字No.122（従来はNo.97） i-mode基本絵文字No.80 → au絵文字No.414（従来はNo.51） i-mode隠し絵文字No.183 → au絵文字No.110（従来は未対応）最終更新日： 2008年07月28日絵文字画像はご自由にお使いいただいて結構です（連絡不要）
gorton-lab 2011/06/16
auで書くと適宜変換してくれるらしい

携帯

絵文字

3キャリア対応
リンク
CSSセレクタ20個のおさらい
CSSセレクタって意外と分かっていなかったりするので勉強ついでにまとめてみました。比較的実用的かなと思うものを20個紹介していきます。いい復習になればと思います。 CSSセレクタはスタイルを適用する対象を指定するものです。普段何気なく使っているclassやidなどもセレクタの１つです。属性や要素といった堅苦しい用語が出てきますので図で簡単に説明します。私のように基礎から勉強していないと、要素や属性と聞いてもピンときませんが、知ってみるとなんてことはないですね。また、IEが対応しきれていないCSS3のセレクタもありますが、IE6～8でもCSS3セレクタが利用できるツールの決定版「Selectivizr」で紹介したようにCSS3セレクタはie対策も容易なのでぜひお試しください。 SelectivizrはCSSを外部ファイルで指定した方がいいのですが、今回のサンプルはCSSを外部ファイル
gorton-lab 2011/06/16
css3のセレクタがあるが、jsライブラリで使えるようになると。そういう意味では実用的なのかな。jsライブラリと一緒に後で試す

css

css3
リンク
IE6〜8でCSS3セレクタ利用「Selectivizr」
CSS3セレクタを使う上で問題となるのはやはりIEです。HTML5 & CSS3 Supportで確認すると、IE6～8はほとんど対応できていないことが分かります。そんなIEでもCSS3セレクタを使えるようにするのがSelectivizr.jsです。詳しく紹介されているサイトがあまりなかったのでご紹介。 Selectivizrの設置方法ここで提供されているselectivizr.jsとJavaScriptライブラリを外部ファイルで読み込むだけで、CSS3セレクタがIE6～8でも利用可能となります。コードも外部ファイルを読み込むだけですのでとてもシンプルです。 <script type="text/javascript" src="[JSライブラリ]"></script> <!--[if (gte IE 6)&(lte IE 8)]> <script type="text/javascr
gorton-lab 2011/06/16
css3

javascript

library
リンク
- 2011年6月17日
- 2011年6月16日
- 2011年6月14日