タグ

2010年9月6日のブックマーク (5件)

  • [jQuery]透過PNGに対応したクロスフェードボタン – smoothRollOver.jsロールオーバーすると滑らかに画像が切り替わるライブラリ | レポート | 日本電子工藝社

    ロールオーバーすると滑らかに画像が切り替わるライブラリ ボタン・リンクのロールオーバー効果を表現する際、CSSJavaScriptによる画像の切り替えだけでは物足りない時があります。ロールオーバー時のデザインを活かすため、ボタンにロールオーバーすると滑らかに画像が切り替わるライブラリを作成しました。みなさまのデザイン表現の幅を広げるお手伝いができれば幸いです。(※個人利用・商用利用を問わず自由にご利用いただけますが、自己責任の上でご使用ください。) 動作サンプル このライブラリは、JPEG・GIF・透過PNGに対応しています。 JPEG/GIFの場合 透過PNGの場合 InternetExplorer6~8のPNG対応について InternetExplorerは、バージョン6までは透過PNG自体に対応しておらず、7・8になってもフェードイン表現の際に透過部分がギザギザになってしまう仕様で

    kiyokichi
    kiyokichi 2010/09/06
    RollOverのフェードイン・フェードアウト秒数を追加するサンプル
  • Safari 3.1でWebフォントを利用する--SafariのCSS対応 - builder by ZDNet Japan

    現在、Webページで利用できるフォントはユーザーの環境にインストールされたものだけで、文字の表現の幅は非常に限られている。しかし、Webフォントの機能を利用できるようになれば、制作者がサーバー上に用意したフォントでWebページを表示できるようになる。 3月18日から提供されているSafari 3.1では、CSS 3やHTML 5で提案されている機能への対応がさらに進んだ。そこで、新しく対応したスタイルシートの機能の中から、CSS 3の「Webフォント」について2回に分けて紹介していきたい。 サーバー上に用意したフォントでWebページを表示する ユーザーの環境にないフォントでWebページを表示するため、まずは、利用したいフォントをサーバー上に用意する。OpenTypeやTrueType形式のフォントファイルを利用することが可能だ。 ここでは、exljbrisのFontin Sansというフォ

    Safari 3.1でWebフォントを利用する--SafariのCSS対応 - builder by ZDNet Japan
    kiyokichi
    kiyokichi 2010/09/06
    fontファイルを任意の場所に設置し、CSSで読込。すげぇ・・・
  • Mac の Safari に font-family はじめてのブログデザイン

    Mac の純正ブラウザ Safari に、CSS で font-family を指定する際は注意が必要。 Mac の Mozilla 系のブラウザ(Firefox など)は font-family : 'ヒラギノ丸ゴ Pro W4'; と指定すれば表示されるのですが、Safari は知らんぷり。そこで、フォント名を英語で指定してみると font-family : 'Hiragino Maru Gothic Pro'; 反応してくれる♪ 以下、Safari 用のフォント指定。 【ヒラギノ角ゴ Pro W3】 font-family : 'Hiragino Kaku Gothic Pro'; 【ヒラギノ角ゴ Std W8】 font-family : 'Hiragino Kaku Gothic Std'; 【ヒラギノ丸ゴ Pro W4】 font-family : 'Hiragino Maru

    kiyokichi
    kiyokichi 2010/09/06
    safariはfont-familyに”ヒラギノ角ゴ Pro W6”とか記述しても日本語指定が適応されないので、ぜーんぶ1バイトでかけばおk、らしい
  • Eminem - Love The Way You Lie ft. Rihanna

    Music video by Eminem performing Love The Way You Lie. © 2010 Aftermath Records #VEVOCertified on September 13, 2011. http://www.vevo.com/certified http://www.youtube.com/vevocertified http://www.vevo.com/watch/USUV71001543?utm_source=youtube&utm_medium=description&utm_campaign=ytd

    Eminem - Love The Way You Lie ft. Rihanna
  • 「くさらせる叱り方」にかわる20の方法

    子どもが分かっているとき/「穴埋め」させる どうすればいいか/なにをしてはいけないか、大人が思っているよりは、いくらか/ずいぶんと、子どもは分かっていることが多い。 子どもからすると、分かっていることを言われるので、くさる。 しかも大人は、必要以上のことをいろいろ言いがちだ。「××してはいけない」というかわりに、たとえば「××するような奴は……になるぞ」みたいなことを言ったりする。 大人からすると、言っても聞かないから、もっとひどい言い方をしているのだ、ということになる。しかし、言い方をエスカレートしても、効き目はすぐになくなる。さらにもっとひどい言い方をしたくなる。 「穴埋め」とは何か? 人は、他人に言われたことよりも、自ら口に出したことにコントロールされる。 「叱る」内容を、子ども自身に言わせる方法なんてあるのだろうか? 手はいくつかある。 「わざと間違える」というのがわかりやすいが、

    「くさらせる叱り方」にかわる20の方法