Google Chrome の新しいバージョンがリリースされましたが、
その最新版Google Chromeでこのページを見るとすっごいことになってます！
ほかのブラウザで見ると↓
まっちろ……
ソースを見ると確かに何かが書いてありますね…
そこで！最新版Google Chromeでみると！
いやーっすごい。
見れましたでしょうか？？
見れてない方は是非Google Chromeをダウンロードしてみてください！
最新版でない方は、右はじのスパナマークのアイコンをクリックして
「Google Chrome について」でバージョンアップしてみてください。
skal （スコール）
Category: web design
NIKEのサイト
http://nikebetterworld.jp/en
最近、1ページに全てのコンテンツをまとめ、スクロールしてみいていく。。。。
というサイトをよく見かけます。
このサイトもそんな感じですが、かっこいい…
インターフェイスは右にある小さなボタンのみですね。
至ってシンプル。
ページごとの変わり方がおもしろいです。
点線で動線が引かれていて、、、
ビジュアルのみをシンプルに見せられると印象に残りますね～。
skal （スコール）
ＩＥ……
が！
この前この「Internet Explorer」でとっても便利な機能を教えてもらったのでメモ。
実はデバックに使えるのです！
IEの
ツール→インターネットオプション→詳細設定の
『スクリプト エラーごとに通知を表示する』のチェックを入れます。すると…
スクリプトエラーのある箇所で通知を出してくれます！
例えば…
「swfobject」のスクリプトの中に
< script type="text/javascript" >< a >
swfobject.embedSWF(“flash/test.swf”, “flashon”, “900″, “400″, “7″);< /a >
< /script >
のように変な< a >< /a >タグを入れてしまっていたとします。
で、そのページをブラウザでプレビューすると…
===========Firefox===========
そのまま…
===========IE=============
エラー！
という風にスクリプトエラーを通知してくれます！中々便利じゃないか…
skal （スコール）
大き～い画像をweb用に縮小することがよくあります。
ですが適当ハンドルを引っ張ってに小さくしてしまうと、画像が荒れてしまうことが……
そんなときは！
画像を縮小するとき、50%づつ縮小するとわりときれいに縮小できます。
で、それをアクションに登録しておくとカチカチっと縮小できて便利です。
画像がなんだかボケてしまった…という方は一度お試しくださいです。
skal （スコール）
最近フォントで色々とあったので…
まだ問題が多いですが、
Webfontをもっと自由に使えたら、webデザインでもデザインの幅が広がるな～と思ったので、
使い方をメモメモ
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 （スコール）
