コンテンツにエフェクトを掛けるjQueryプラグイン10個 - かちびと.net
個人的に必要になるかもと思ってメモ。 テキストや画像にエフェクトを与えて Webサイトを動きのあるサイトにする 手助けをしてくれるjQueryのプラグイン をいくつかご紹介します。 コンテンツに対するユーザーの興味を高めたり、画像を使用せずテキストを装飾したりと、使い方次第でいろいろ用途がありそうです。 Sliding Door Effect マウスオーバーで画像が4隅に開きます。動きも素敵。 Sliding Door Effect / デモ Rainbows テキストにグラデーションや影をつけます。これは凄いですね。 Rainbows / デモ Opacity to Show Focus マウスオーバーしたコンテンツ以外に半透明のエフェクトを掛けるjQueryプラグイン。テキストでも可能。 Opacity to Show Focus / デモ Color Changing Text an
『ぼくの名前をかたったウイルス？』
前の日記にも書いたけれど、 ぼくの名前をかたったウイルスがアメブロに広まっていたみたいなので、 ちょっとだけ調べてみたよ。 (参考) [ほまち] gooブログ検索 ぼくのIDって「hamachiya2」なんだけど、それとすごくよく似たIDを誰かが取得して、そのIDのプロフィールページに変なコードが仕掛けられてあったみたい。 ざざっと調べた感じだと、下の４つのIDを確認したよ。 homatiya2 (ほまちや２) [プロフィールの魚拓] [画面キャプチャ] homachiya2 (ほまちや２) [プロフィールの魚拓] [画面キャプチャ] hamatiya2 (はまtiや２) [プロフィールの魚拓] [画面キャプチャ] hamachya2 (ぼくはまちちゃん！こんにちは…) ※綴りに「i」がない [プロフィールの魚拓] [画面キャプチャ] いずれもプロフィールページに「 http://bit.
画像を背景に100%で表示させるJavaScript「fullscreenr」
twitter facebook hatena google pocket 画面いっぱい背景画像を使いたいことはありませんか？ JavaScriptライブラリのjQueryプラグイン「fullscreenr」を使用することで、導入することが可能です。 sponsors 使用方法 fullscreenrからファイル一式をダウンロードします。 <script type="text/javascript" src="jquery-1.3.2.js"></script> <script type="text/javascript" src="jquery.fullscreenr.js"></script> <script type="text/javascript"> var FullscreenrOptions = { width: 1024, //元画像の幅 height: 683, //元画
ニコニコ動画のAPIまとめ | Web scratch
ニコニコのマイリスト周りにAPIがいろいろ増えていたので、列挙してみる。 使い方は http://res.nimg.jp/js/nicoapi.js をよく読む。 見方としては 分別 メソッド名 URL(http://www.nicovideo.jp/api/foo/bar という感じで使う) クエリー(それぞれの要素を&でつなげて指定) 返ってくるもの という感じで書いている。 Cathode Music: ニコニコ動画(9)APIを纏めた http://tewi.blogspot.com/2009/11/9api.html も併せて読む。 書き方の一例(testという名前のマイリストを新規作成する) Nico make mylist ←のブックマークレットをニコニコ動画上で実行する var token = NicoAPI.token; location.href = “http
CentOS 5 の初期設定 | Carpe Diem
CentOS 5.x をインストールしたあと、いろいろと初期設定を行っています。今は、サーバ用途の場合 kickstart の %post セクションでいろいろな初期設定をまとめて行って自動化しています。kickstart は、別の機会に公開するとして、今回は %post セクションで行っている初期設定を順番に紹介します。紹介する順序は、順不同です。 NOZEROCONF を設定する 余計なネットワーク経路を作らないために、/etc/sysconfig/network に次の設定を追加します。APIPA という仕組みを使う場合は必要です。 NOZEROCONF=yes IPv6 を無効にする IPv6 を使っていないので、/etc/modprobe.conf に次の設定を追加します。 alias net-pf-10 off alias ipv6 off ifdown-eth にバッチをあて
スクロールのデザインするならコレが便利なjQueryプラグイン「jScrollPane」:phpspot開発日誌
jScrollPane スクロールのデザインするならコレが便利なjQueryプラグイン「jScrollPane」。 ちょっと前に話題になっていたような気がしますが便利なのでご紹介。 デザインサイトなどで、スクロールを使ってしまうとOSによって見栄えが変わってきてしまって全体のデザインを崩してしまいますが、このプラグインを使えばそういうこともなさそうですし、更に拡張された機能を使うことができます。以下にピックアップします。 デザイニング 次のような自由にデザインされたスクロール付きブロックを実装可能 プラットフォームに関わらずWinXPスタイルのスクロールバー実装 同様にMacOS Xみたいなスクロールバーも実装できます 拡張機能 さらに面白いのが、スクロール内でさらにスクロールさせるという機能。 スクロール要素をネストできます あと、スクローラー外部からの<A>タグをクリックで指定位置にス
超カッコいいApple風スライドショーギャラリー作成チュートリアル:phpspot開発日誌
超カッコいいApple風スライドショーギャラリー作成チュートリアルが公開されています。 次のようなカッコいいスライドショーが作れます。 デモページ コーポレートサイトのページのヘッダーなんかに入れ込むといい感じになるかもしれませんね。 以下のエントリを参照してください。 A Beautiful Apple-style Slideshow Gallery With CSS & jQuery ? Tutorialzine 関連エントリ スライドショー付きLightBox風イメージアルバムのサンプル jQueryでAjaxを使った滑らかアニメーション画像スライドショー スライドショーが可能なイメージギャラリー作成ライブラリまとめ 超クールな画像スライドショーを実現するためのJavaScriptライブラリ「FrogJS」
.htaccessで、拡張子.htmlのままPHPを実行する方法
読者の方から、こんな質問をいただきました。 自分のサイトの全ページの拡張子を、「.htmlから.php」に変更したのですが、index.htmlからindex.phpにリダイレクトさせたほうがいいのでしょうか？ それとも特に何もしなくてよいのでしょうか？ 自分は.htmlのページは全て消して、.phpのページをアップロードしました。 ページランクなど長年培って獲得した情報がリセットされるのは困ります。 最初に思ったのが、「変更する前に質問してほしかった」です。 拡張子と言えど、URLが変更されることに変わりはありません。 「URLが変わる ＝ 別ページ」です。 www.suzukikenichi.com/abc.html と www.suzukikenichi.com/abc.php は、 たとえコンテンツが100％同じでも、サーチエンジンにしてみたら別ページなのです。 つまり、それまで蓄
Google、AJAXサイトを検索エンジンに登録する方法を解説 ::SEM R (#SEMR)
Google、AJAXサイトを検索エンジンに登録する方法を解説 GoogleがAJAXサイトを検索エンジンに登録するためのベストプラクティスを解説。ステートフルURLを書き換えること、JavaScript実行後のHTMLスナップショットを用意すること、など。#!～のステートフルURLにクローラがアクセスしたとき、_escaped_fragment_ に書き換えてリクエストするとのこと。 公開日時：2009年10月08日 20:28 米Googleは2009年10月7日、公式サイトにおいてAJAXを使ったウェブサイトを検索エンジンに登録するための技術的方法について解説を行った。 AJAX（エイジャックス）は、ページ遷移なしにサーバとデータ通信を行うことで、動的なWebアプリケーションの開発が可能になる。しかし、いまブラウザで表示している内容と対になるURLが存在しないために個々のコンテンツを
Google、Ajaxサイトを検索可能にする方法を説明
Googleが、従来インデックス化できなかったAjaxを使ったコンテンツの内容を、検索結果に表示できるようにする方法を提案した。 米Googleは10月7日、Ajaxベースの動的なWebサイトを検索エンジンでインデックス化できるようにする方法を提案した。動的なWebサイト側で幾つかの設定をすることにより、検索結果にそうしたサイトを表示できるようになるという。 従来の検索エンジンでは、Ajaxを用いた動的なコンテンツはクロール・インデックス化することができない。そのためSEO（検索エンジン最適化）を重視するWebサイトでは開発者は動的なコンテンツの作成をあきらめがちだという。 Googleはこの問題を解決するための、Webサイトのサーバ側でクローラー用のURLを用意する方法を紹介している。この方法の目的は、最小限の修正でクローキングを回避しつつ検索エンジンがユーザーにAjaxのURLを直接提
ke-tai.org > Blog Archive > symfonyでモバイルサイトを作成する際のポイントがまとめられた記事「ウノウラボ symfonyでモバイルサイトを作るときにやったこと」
symfonyでモバイルサイトを作成する際のポイントがまとめられた記事「ウノウラボ symfonyでモバイルサイトを作るときにやったこと」 Tweet 2009/9/28 月曜日 matsui Posted in PHP, 記事紹介・リンク | No Comments » ケータイ関連の良記事が多いウノウラボさんのブログに「symfonyでモバイルサイトを作るときにやったこと」というエントリーが掲載されていましたのでご紹介します。 → ウノウラボ symfonyでモバイルサイトを作るときにやったこと [labs.unoh.net] 最近はケータイ案件に限らずフレームワークを使って開発を行うケースが多いですが、この記事ではPHPのフレームワークsymfonyを使ってモバイルサイトを作る際のポイントが紹介されています。 docomoのセッション管理 絵文字に対応 アスキーアートの文字化け対策
jQueryのAjax機能を使った投票システムのサンプルプログラム:phpspot開発日誌
AJAX User Poll Using jQuery and PHP jQueryのAjax機能を使った投票システムのサンプルプログラムが公開されています データはＤＢに入れる仕様で、次のような投票が実装できるようです。 シンプルなデザインなのでサイトに違和感なく組み込めるかもしれません。 ソースコードの解説記事に加え、ソースコードのアーカイブが入手できます。 改造することも出来るので参考程度に覚えておいてもよいかもしれませんね。 関連エントリ Ajax+PHP+MySQLな投票ウィジェット reddit風のGoodかBadの投票機能実装サンプル jQueryとPHPでダイナミックな投票スクリプトを作成 結果グラフがアニメーション表示のAjax投票システム
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
マウスオーバー時にリンクが右にずれるjQueryプラグイン – creamu