タグ

ブックマーク / hyper-text.org (4)

  • Firefox Nightly が CSS でスムーズスクロールを実現する scroll-behavior: smooth; をサポート

    Firefox Nightly が CSS でスムーズスクロールを実現する scroll-behavior: smooth; をサポート 現在、Firefox Nightly としてリリースされている、Firefox 36 で、scroll-behavior: smooth; が実験的ながらサポートされました。CSS のみでスムーズスクロールを実現することができます。 現在、Firefox Nightly としてリリースされている、Firefox 36 で、scroll-behavior プロパティ、およびその値、smooth が実験的ながらサポートされました。 現状では、デフォルトで無効になっているため、about:config から layout.css.scroll-behavior.enabled、および layout.css.scroll-behavior.property-en

    Firefox Nightly が CSS でスムーズスクロールを実現する scroll-behavior: smooth; をサポート
  • Opera 9.5 alpha のレンダリング

    先日、Opera ブラウザの最新版である、「Opera 9.5」 の alpha 版がリリースされました。来年には Opera 10 がメジャーバージョンアップ... 先日、Opera ブラウザの最新版である、「Opera 9.5」 の alpha 版がリリースされました。来年には Opera 10 がメジャーバージョンアップ版としてリリースされる計画なので、実際この 9.5 に関してはそれまでのつなぎ的役割が大きいようですが、レンダリングエンジンが一新され、UI にも大幅な変更が行われるなど、なかなか興味深い感じになっています。 現行バージョンである、9.23 との変更点に関しては、kuruman.org さんにて詳細なレビューが上がっていますので、そちらをご覧いただくとして、ここでは早々に気になった点だけ簡単に。 さて、alpha 版にあれこれ言っても仕方のないことですが、インストール

    Opera 9.5 alpha のレンダリング
  • div要素をクロスフェード表示するJavaScript | WWW WATCH

    結構前に公開されているので、すでに使っている人もいるかと思いますが、最近、個人的な用途で使わせていただいたので紹介。 Brand Spanking New で公開されている、「Javascript / CSS Crossfader」 は、JavaScript ひとつで簡単に、任意の div 要素 (じゃなくてもいいんですが) をクロスフェード表示で切り替えてくれるスクリプト。スクリプト自体が軽いのと、設定も簡単なので、ちょっとした画像の切り替えなんかに重宝しそう。 デモがこちらで公開されています。 必要なのは JavaScript ファイル 1つのみ。ダウンロードした JavaScript ファイルをサーバに上げたら、(X)HTML ファイルに読み込みます。 <script type="text/javascript" src="/js/bsn.Crossfader.js"></scrip

    div要素をクロスフェード表示するJavaScript | WWW WATCH
  • 本当に CSS だけでテキストにシャドウを

    前回、S i M P L E * S i M P L E さんのエントリーにただ乗りさせていただく感じで書いた 「CSS は正しくお使いください」 というエントリーですが、Text shadows プロパティが定義されてブラウザが実装するまで待てって、まったく解決になってねーよっていうエントリーだったせいか、なんか他に方法ないのかね?という話を知り合いからもらったので、その時話した方法をメモ代わりに上げておきます。 最初に断っておきますが、これから紹介する方法は、今現在、IE では認識されませんので、あまりインパクトはないということと、テキストにシャドウを付けるということ自体、無理に CSS でやることなの?という個人的な疑問もありますので、積極的に使用をオススメするものではありません。あくまでこんな方法もあるよという程度で楽しんでください。 ということで、まずはいきなりソースから。 HT

    本当に CSS だけでテキストにシャドウを
  • 1