タグ

2007年10月23日のブックマーク (5件)

  • 立体的でつい押したくなるボタン画像を作成するPhotoShopチュートリアル:phpspot開発日誌

    Inset Buttons : Photoshop Tutorials -- Absolute Cross Firstly, you are going to need an interface or panel that you want to add your buttons to. 立体的でつい押したくなるボタン画像を作成するPhotoShopチュートリアル レイヤースタイル等を駆使し、次のようなつい押してしまいそうなボタンを作成するチュートリアルです。 グラデーションやレイヤースタイルを駆使することで、絵は描けなくとも上記のようなパーツを作成することは簡単です。 WEBのインタフェースなどに応用できそうですね。 関連エントリ PhotoShopで美しいボタンを作るチュートリアル39個 スライムのような質感のWeb2.0風ロゴを作成するPhotoShopチュートリアル 硬い金属のよう

    junhirabayashi
    junhirabayashi 2007/10/23
    立体的でつい押したくなるボタン画像を作成するPhotoShopチュートリアル レイヤースタイル等を駆使し、次のようなつい押してしまいそうなボタンを作成するチュートリアルです。
  • フリーで使える便利なDreamWeaver風HTMLエディタ「Nvu」:phpspot開発日誌

    Nvu - The Complete Web Authoring System for Linux, Macintosh and Windows Finally! A complete Web Authoring System for Linux desktop users as well as Microsoft Windows and Macintosh users to rival programs like FrontPage and Dreamweaver. フリーで使えるDreamWeaver風HTMLエディタ「Nvu」。 WYSIWYGで編集でき、HTML Tags、Source、プレビューのタブなんかもあり。 CSSエディタ機能、HTMLバリデータとの連携、独自拡張の追加機能などもあり。 使いやすいHTMLエディタはないか?という方は是非試して頂きたいソフトです。

    junhirabayashi
    junhirabayashi 2007/10/23
    フリーで使えるDreamWeaver風HTMLエディタ「Nvu」。
  • クールにスライドするメニューを作成するJavaScriptライブラリ「Image Menu」:phpspot開発日誌

    Image Menu クールにスライドするメニューを作成するJavaScriptライブラリ「Image Menu」。 メニューにカーソルを合わせると、カーソル部分がアニメーションしながら開くメニューを実装できます。。 画像を変えれば、よりクールなメニューを作れそうですね。 必要なJSライブラリ,CSSをインクルードした後、次のようなコードで簡単に初期化できる模様。 <h2>Example:</h2> <div id="kwick"> <ul class="kwicks"> <li class="kwick opt1"><span>Lanscapes</span></li> <li class="kwick opt2"><span>People</span></li> <li class="kwick opt3"><span>Nature</span></li> <li class="kwi

    junhirabayashi
    junhirabayashi 2007/10/23
    クールにスライドするメニューを作成するJavaScriptライブラリ「Image Menu」。 メニューにカーソルを合わせると、カーソル部分がアニメーションしながら開くメニューを実装できます。。
  • Lightbox風にムービーを表示する「Videobox」

    画像をクリックすると、背景が暗くなって画面中央に画像がうにょ~んと開く透過レイヤー風効果を加えるのが、かの有名な「Lightbox」ですが、「Videobox」はそのムービー版です。対応しているのはYouTube、Google Video、Metacafe、iFilmなど。自分で作成したFlashも利用できます。 詳細とデモは以下から。 Videobox: Lightbox for videos, Youtube, Metacafe, Google Video, iFilm http://videobox-lb.sourceforge.net/ 上記ページにあるサムネイル画像をクリックすれば実際にどんな感じで表示されるかを確認できます。 YouTubeの場合 MetaCafeの場合 Google Videoの場合 iFilmの場合 オリジナルのFlashの場合 最新版はムービーの縦横幅を指

    Lightbox風にムービーを表示する「Videobox」
    junhirabayashi
    junhirabayashi 2007/10/23
    画像をクリックすると、背景が暗くなって画面中央に画像がうにょ~んと開く透過レイヤー風効果を加えるのが、かの有名な「Lightbox」ですが、「Videobox」はそのムービー版です。対応して
  • クローラのインデックスを促進する方法

    せっかくページをたくさん作成しても、サーチエンジンのクローラに効率よくクローリングしてもらってインデックスさせないと、検索結果ページには表示されません。 インデックスされていないページは、「存在しないに等しい」といってもいいくらいです。 そこで、今日はクローラにインデックスを促す基的な方法について説明します。 Sitemap(サイトマップ)を、サーチエンジンに送信する すでにインデックスされているウェブページから、豊富にリンクを張る ビジターのためのSitemapを作成する サーチエンジンにやさしいサイト構成にする。 Google ウェブマスターツールの「クロール頻度を設定」で「高速」を選択する。(Googleのみ) GoogleへのSitemap送信はGoogle Webmaster Toolsを、Yahoo!へのSitemap送信はYahoo! Site Explorerを使います。

    クローラのインデックスを促進する方法
    junhirabayashi
    junhirabayashi 2007/10/23
    せっかくページをたくさん作成しても、サーチエンジンのクローラに効率よくクローリングしてもらってインデックスさせないと、検索結果ページには表示されません。 インデックスされ