タグ

ブックマーク / weblibrary.s224.xrea.com (3)

  • jQueryすぐに使える役立つプラグイン-javascript - WEBデザイン BLOG

    javascriptライブラリーjQuery: The Write Less, Do More, JavaScript Libraryの数あるプラグインの中からサイト構築に役立つものをまとめてみました。 いろんなライブラリーやフレームワークが紹介されています。使うのであれば、coreの部分はひとつに絞ったほうがいいかと思っています。今回紹介するものは、基的にMovableTypeで使えそうなものをクリップ。ただし、フォームとサーチなどのプラグイン情報に関しては今回のポストにはありません。 紹介する各プラグインの機能や設置などの参考ベースはYahoo!です。ajax機能を導入してからページビューが劇的にアップしたとのこと。ページビューの高いサイトを参考に習って似たようなものを実装するのがリスクがないかと思って以下のプラグインを紹介します。

  • 任意のテキストを画像に置き換えるCSS - WEBデザイン BLOG

    テキストを画像に置き換えるCSS設定には、方法がいろいろとあると思います。text-indentで画像を左に飛ばす方法。<span>要素で入れ子にして上から画像を覆いかぶせる方法などパターン別にコードを紹介しておきます。 テキストをtext-indentで飛ばす方法 CSSでテキストを画像に置き換えるCSSコードになります。ユーザーが画像を読み込めない場合は、置き換えられるテキスト表示もされませんので気をつける必要があります。CSSが無効の場合は、テキスト表示がされます。 background-image: url('背景画像のファイル保存先'); (説明:背景画像のファイル指定) background-position:left top; (説明:背景画像の位置指定) background-repeat:no-repeat;(説明:背景画像の繰り返し無し指定) height: 任意のピク

    aki77
    aki77 2007/02/27
  • Yahoo! UI Library Grids CSSを使ってページレイアウト - WEBデザイン BLOG

    このブログは、MT(Movable Type[ムーバルタイプ] 3.31-ja)を導入して制作されています。デフォルト(初期設定)のレイアウトだとイマイチに思ったのでカスタムメイドでのレイアウトで制作してあります。ベースは、Yahoo! UI Libraryが公開されましたのでそちらのGrids CSSを使ってページレイアウトしています。 このYahoo! UI Library Grids CSSは、かなり使えるものだと思います。多くのユーザーを相手にアクセシビリティーを考えて設計されたCSSレイアウトなのでCSS(スタイルシート)を覚えようと思っている方にも参考にするととてもいい情報です。今回は、自分なりにこのYahoo! UI Library Grids CSSを解る範囲で説明・紹介いたします。 かなり使えるCSSソースなので、是非DLしてお使いになることをオススメします。ソースのDL

  • 1