. スターバックス内覧会に行ってきた
STARBUCKS COFFEE 山形エスパル店（3F）
10月29日（金）にオープンする
スターバックスコーヒー山形エスパル店の内覧会に行ってきた。
. 手軽にメモる『Boogie Board』
- P 2010.10.27
- , BoogieBoard
Boogie Board（ブギーボード）
. Webfonts サービスが便利
- P 2010.10.22
- , CSS3
- , Typography
無数にあるフォントの中から、使いたい書体を探しだし、
ウェブフォント用にファイル変換するのは面倒。ライセンス確認も一苦労。
そこで、無料で使えるサービスを使ってみよう。すべて欧文フォント。
Google Font API
登録不要・無料で使えるが、まだフォント数が少ない。
フォントファイルを自サーバにアップロードする必要がない。
. ウェブフォントの基本
- P 2010.10.21
- , CSS3
WebFonts（ウェブフォント）とは、
サーバにアップロードしたフォントファイルを、
ブラウザ上でWebページのテキストに適用できる仕組みのこと。
（Web Designing 2010/4）
- フォントファイル（.ttf）を準備 ※ライセンス等に注意
- サーバにアップロード
- スタイルシートでフォントファイルを読み込む（@font-face）
- 適用したいHTMLタグにプロパティを設定。
/* フォントファイル（.ttf）を読み込む */
@font-face {
font-family: 'フォント名';
src: url('フォントファイルのパス') format('truetype');
}
/* HTMLタグにプロパティ設定 */
h1 { font-family: 'フォント名'; }
. 透明度を使ったロールオーバー
- P 2010.10.20
- , CSS
- , Javascript
ナビゲーションやバナーなど、画像リンクを作るとき、
スタイルシートの透明度プロパティを用いて、hover を指定する方法。
［SAMPLE］当ブログ右上のバナー画像
a:hover img{
opacity:0.7;
filter: alpha(opacity=70); /* for IE6 */
}