株式会社skalのスタッフブログです

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
NIKEのサイト

http://nikebetterworld.jp/en

最近、1ページに全てのコンテンツをまとめ、スクロールしてみいていく。。。。

というサイトをよく見かけます。

このサイトもそんな感じですが、かっこいい…

02_20120623135111.jpg

インターフェイスは右にある小さなボタンのみですね。 至ってシンプル。 03_20120623135110.jpg

ページごとの変わり方がおもしろいです。 04_20120623135152.jpg 05_20120623135109.jpg

点線で動線が引かれていて、、、

ビジュアルのみをシンプルに見せられると印象に残りますね~。


skal (スコール)
スポンサーサイト

webフォント

最近フォントで色々とあったので…

まだ問題が多いですが、

Webfontをもっと自由に使えたら、webデザインでもデザインの幅が広がるな~と思ったので、
使い方をメモメモ
blog_08071.gif
Webfontとは、フォント自体をサーバーにアップすることで、どのユーザーでも同じフォントでページがみれる
というCSS3の機能です。「利点」と「何かと問題」がいっぱい!


指定の方法は

1. まず、CSSの先頭に@font-faceを指定。

2. そして、font-family: でWebfontに定義するフォントの名前を任意でつけます。

3. さらにsrc: でフォントへのパスを指定してフォントを読み込みます。

4. そんでもって、format()で定義するフォントの種類を指定して…

5. 最後に適用したい場所に定義したフォント名を指定してフォントを読み込ませます。

———————————-css———————————-

@font-face {
font-family:skal_font;
src:url(フォントへのパス) format(“フォントのタイプ”);
}

body {
font-family:skal_font;
}


これでオッケー!!
使う場合は使いたいフォントが使用可能かどうかよ~~く確認しないといけないので……お使いになられる方は
ご自身でよく確認してくださいです。
 

skal (スコール)
twitterでもつぶやきましたが…

とてもきになったので

「SARAYA100万人の手洗いプロジェクト」のサイト
http://tearai.jp/top.html

ユニセフがウガンダで展開する「石けんを使った手洗い」の普及活動を、
SARAYAさんで支援しているみたいです。

活動内容も素晴らしいですが、
サイトのデザインもとてもかわいく作られています。

saraya1.jpg

全てのページのフッターにFLashが使われています。
トップページの一番上にFlashが使用されているデザインはよく見かけますが、

saraya2.jpg

フッターにFlashを入れることで飽きがこないサイトの作りになっていると思います。

サイトのデザインの紹介でしたが、

子供たちの命を守る手洗いプロジェクトということで…

この活動が世界に広がるといいなと思いました。

skal (スコール)

 | HOME | 

Calendar

« | 2017-11 | »
S M T W T F S
- - - 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 - -

Recent Comments

Appendix

skalDesign

skalDesign

skal_design
スコールデザインです。

グラフィックデザインやウェブデザインのことなどいろいろと更新していければな…と考えています。

営業時間のご案内
[月~金] 9:30~18:30

電話番号
052-861-1070

住所
〒467-0037
名古屋市瑞穂区弥富町上山157-1 107号

FC2Ad

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。