Chiriり〜ん、せんせいに逢ってきたよ
Chiriり〜ん、せんせいに逢ってきたよ
イワオ君もいたよ!!!
◆アンカータグを利用してスムーススクロールを実装する
コンテンツの内部リンクを利用すると、ページが長い場合など見出しを設けたりして、ユーザーが簡単に目的の文章にたどり着くことが出来る。しかし、アンカータグをクリックした場合、瞬間的に移動が行われるためページ遷移した場合との差別化が難しい。そこで利用される手法がスムーススクロール。”df Smooth Scroll”の優れた点は、すでにコンテンツで利用されているアンカータグでもスムーススクロールを実装できる点。HTMLヘッダ部分で下記のように JavaScriptライブラリを呼び出しておくだけで、既存のアンカータグがスムーススクロール用のリンクとして動作するようになる。
http://youmos.com/news/dfsmoothscroll
アンカータグをHTMLで記述して、スクロールの速度をかえる。
しかし、XHTML、XHTML Basicではname属性が利用できない。id属性ではdf Smooth Scrollが動作しないので、注意する必要がある。
◆プリントCSSについて
HPを印刷する場合、ブラウザの「ファイル→印刷(プリント)」すると・・・1)最近の企業は情報を読ませたい
→見た目CSSを外して情報のみを印刷させる方向へ(画面と違う印刷)
2)HP見てる人
→絵や写真、画面そのものを印刷したい(画面と同じ印刷)
ストレスを感じない為には?!
必要に応じて、プリントアウトできる情報をカエル。
→1)と2)と、それぞれの要求に対応できるようなボタンの作成など
印刷する・・・という作業を、画面上のボタンから選択することが当たり前の時代になるのかも。
PCに対してアレルギー反応をしめしている人たちにとってストレスがない、使いやすくわかりやすいHPがたくさん増えるといいなぁ。
◆アタ(attr)をいれないと・・・アタってなぁに?
DOMの属性関連を扱うattrプリントCSSのお話です。
CSSに書く。そうすると、印刷するときにリンク先などのURIの表示が可能。
他には、titleのないところにtitleをつけたりできるらしい。
◆かきだし
Illustrator→書き出したい箱を書く→トリムエリア→フォトショップへ書きだせるPhotoshop→背景ときれいになじませるのは、gifマットで書き出す
◆デザインって
- ご飯のレイアウト
- あたたかいものと冷たいものは一緒じゃだめ
- 水ものを上におくと、下のものも水っぽく見える
- 歴史を感じるものは黒い
- 黒い背景の場合は、ほかの色を使えない
◆Flashで外部リンク
Flash+JavaScriptこれからはね。
takeさんブログ>>>http://d.hatena.ne.jp/mtakenishikasai/20090220
- 作者: 益子貴寛,堀内敬子,小林信次,千貫りこ,伊藤学,山田あかね,西畑一馬,CSS Nite
- 出版社/メーカー: 毎日コミュニケーションズ
- 発売日: 2008/11/11
- メディア: 単行本(ソフトカバー)
- 購入: 64人 クリック: 661回
- この商品を含むブログ (63件) を見る