LightBox風に角丸で可愛く画像をポップアップしてくれる「Facebox」:phpspot開発日誌
Facebox 1.0 Facebox is a jQuery-based, Facebook-style lightbox which can display images, divs, or entire remote pages. LightBox風に角丸で可愛く画像をポップアップしてくれる「Facebox」。 リンクをクリックで次のように画像をポップアップしてくれます。 これはFacebookでも使われているポップアップ方法のようで、知っている人は知っている、ポップアップの仕方のようです。 コードは次のように非常にシンプルです。 rel="facebox" でポップアップしてくれるみたいです。 <a href="/facebox/remote.html" rel="facebox">text</a> jQueryベースなので軽量な点もうれしいところ。 ちょっと気分を変えたい方は導入
WEB素行調査
アイツのすべてが知りたい･･･ そんなときはbm11情報局にお任せください！ 独自のエンジンを搭載した電子の探偵がネット上を駆け巡って あなたの知りたいターゲットの情報を集め、最大18項目の調査結果を表示します。 人名を入力してください。ハンドルネームでもけっこうです。（例：空条承太郎 ウエンツ瑛士 柳澤大輔） ※ターゲットが非常に用心深い人物の場合、情報が集まりにくいことがあります。 また、bm11調査局は常に進化しておりますので、調査のたびに結果が微妙に異なります。 ご了承ください。 ※相手の本名を入れると、より真実に近づくかもしれません。 （あなたの秘密は確実にお守りします！）
ニュータイプなJSライブラリjQueryを使ってみよう！
JavaScriptライブラリのニュータイプ「jQuery」。 jQuery is a new type of JavaScript library. jQuery: The Write Less, Do More, JavaScript Library ニュータイプと聞いては黙っていられないニュータイプファンの皆様こんにちは、公開APIを利用したサンプルサイトを作っていくよ管理人のZAPAです。 Web2.0やらAjaxやらの言葉が流行っていても、実際にそれっぽいものを作ろうと思ったところで、初心者は一体どこから手を付けて良いのかわからないのが現実だったりします。 そこで今回は、Web2.0っぽくAjaxを実現させることができるライブラリ「jQuery」の紹介をします。 Ajaxとは ここで言うAjaxは、オランダの名門フットボールチーム「アヤックス」ではなく、ウェブブラウザ内で非同期通
これはすごい！Googleチャットでリアルタイムに翻訳しながら会話できるように | Google Mania - グーグルの便利な使い方
これはすごい！Googleチャットでリアルタイムに翻訳しながら会話できるように 管理人 @ 12月 20日 08:46am Google トーク, Google 翻訳 GoogleのチャットサービスGoogle Talk に新しく翻訳機能が追加されました。 翻訳ボットをコンタクトリスト（友達）に追加して利用します。 例えば、日本語から英語に翻訳するには「 ja2en@bot.talk.google.com 」をコンタクトリストに追加します。 追加したボット「 ja2en 」 に日本語で話しかけると、英語に翻訳して返信してくれます。 この機能はGoogleTalk のウェブアプリ版のGoogle トーク ガジェットのグループチャットでやGmail チャットのグループチャットで威力を発揮しそうです。（PCにインストールするGoogleトーククライアントはグループチャットに対応していません。）
ヤフーの検索窓から使えるウェブ検索オプションまとめ
ヤフーの検索窓から使えるウェブ検索オプションまとめ 2007-12-15-3 [WebTool][Tips] Yahoo! JAPAN で検索(http://search.yahoo.co.jp/)するときに検索窓から使えるWeb検索用のオプションをまとめてみました。 ■コマンド等 「" "」 フレーズとして検索。 (例： "最高の子孫" vs. 最高の子孫) 表記のゆれ[5]を無視する。 (例： アイディアマン → "アイディアマン") 「site:」 指定したドメイン内のページのみを検索。サブドメインも含まれる。 (例： site:yahoo.co.jp / site:uk) 「hostname:」 指定したドメイン内のページのみを検索。サブドメインは含まれない。 (例： hostname:yahoo.co.jp) 「link:」 指定したURLのページへリンクしているページを検索。
窓の杜 - 2007年 窓の杜大賞 ノミネートソフト一覧
2007年 窓の杜大賞 概要ページへ トップページへ Copyright ©2007 Impress Watch Corporation, an Impress Group company. All rights reserved. 編集部への連絡は まで
なかなか見つからない読みたい本を検索したり、本を管理するウェブサービスまとめ - 心揺々として戸惑ひ易く
稀覯書(希少な古書籍)を古書肆(古本屋)やネットオークションで探し回ったり、在庫僅少の新刊書籍をオンライン書店で検索したり。買った後に山積みになった本を何とか管理しようとして書架(本棚)を整理したり。三度の飯より読書や書肆めぐりが好きで、活字中毒/本の虫/書痴/書狂/愛書家/書物崇拝狂/Bibliophilia/ビブロフィリア/bibliophile/ビブリオファイルの自分が役に立ったウェブサービスをまとめてみた。「Amazon ほしい物リスト」*1しか知らなかった人は是非試して欲しい。 ＳＴＥＰ１ まずは読みたい本のテーマから類書を探す(またはQ&Aサイトで質問して探す) ■連想検索 想−IMAGINE Book Search *2 古書データベース(連想検索/キーワード一致検索) - BOOK TOWNじんぼう ■Q&Aサイト(knowledge community)のメタ検索 あの本
Ywcafe.net
Ywcafe.net This Page Is Under Construction - Coming Soon! Why am I seeing this 'Under Construction' page? Related Searches: Credit Card Application Top Smart Phones Dental Plans Migraine Pain Relief High Speed Internet Trademark Free Notice Review our Privacy Policy Service Agreement Legal Notice Privacy Policy|Do Not Sell or Share My Personal Information
WEB開発に活用できるIE版のFireBug「DebugBar 5.0 beta」を試してみました:phpspot開発日誌
WEB開発に活用できるIE版のFireBug「DebugBar 5.0 beta」を試してみました 2007年11月15日- My DebugBar | ToDo / Beta This new version introduces a new DOM tab with greatly improved features on the css side and is fully unicode ! WEB開発に活用できるIE版のFireBug「DebugBar 5.0 beta」を試してみました。 DebugBar をインストールすると、DebugBarツールバーとDebugBarエクスプローラーバーがインストールされます。 DebugBarツールバーでは次のことが出来ます。 ブラウザ画面のキャプチャをメール送信 カラーピッカー 特定の画面解像度にリサイズする機能 ページの表示を 10%
JavaScript-XPath をリリースしました！さあ、あなたも XPath を使おう！（解説付き） - IT戦記
JavaScript-XPath とは JavaScript-XPath は、 DOM 3 XPath を実装していないブラウザに対して、実用的な速度で動作する DOM 3 XPath のエンジンを追加します。 一言で乱暴に言ってしまえば、どのブラウザでも document.evaluate って関数で XPath 使えるようになるよ！ってことです。 以下が公式サイトになります。 http://coderepos.org/share/wiki/JavaScript-XPath DOM 3 XPath ってなんなの！？ めっちゃ簡単（で、ちょっとだけ適当）なDOM 3 XPath の説明をします＞＜。 JavaScript でよく使う document.getElementById や document.getElementsByTagName って関数ありますよね？ DOM 3 XPath
無料オンラインストレージ「ADrive」 最大50GBまでバックアップ可能
組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! 無料ストレージサービス「ADrive」 使えるシーンとしてはPCのバックアップ、メールやフラッシュメモリで受け渡しできないような大容量ファイルの移動といったところでしょうか。 ADriveのUI ユーザーインターフェースは至ってシンプル。ちなみに私は362MBのファイルを移動させました。 また、ファイルを共有することもでき、今後はコミュニティ機能を拡充していくそうです。 興味のある方はADriveへどうぞ。 関連情報 ADrive WEBツール カテゴリー
ページ送り部分のデザイン研究:phpspot開発日誌
Pagination Gallery: Examples And Good Practices | Design Showcase | Smashing Magazine ページ送り部分のデザイン研究。 SmashingMagazine にて様々なサイトのページ送り部分を色々とまとめたエントリが公開されました。 なるほど、ページ送りといえど様々なデザイン方法があるようで、勉強になります。 色々なサンプルを見るうちに、自分のサイトのページャーはどんなのが合うか？といったことも分かってきそうです。 PHPでページャーを作る場合は、「PEAR :: Package :: Pager」を使えば簡単に作れます。
はじめてのiGoogleガジェット開発#1
どうも、「公開APIを利用したサンプルサイトを作っていくよ」管理人のZAPAです。 今日は、マッシュアップツールを作るための第一歩として、「iGoogleガジェット」の開発方法を解説します。 「Googleからのプレゼントが届いたよー！！！」に登場した、iGoogleガジェット。 「ガジェット大好き！」って人も、「これからの時代はガジェットだ！」って人も、「ガジェットって何だろう？」って人も、これからの時代は自分でガジェットを作れるとカッコイイと思うよ！！iGoogleガジェットに興味を持っても、開発情報を調べるのはなかなか大変です。 公式サイトに重要な情報はたくさん載っていますが、コンパクトにiGoogleガジェット開発方法を理解できるページがありませんでした。 公式ドキュメントをマジメに読むと30分以上かかり、やる気がそがれてしまいますので、ここに「iGoogleガジェット開発方法」を
Sleipnirのカスタマイズ～使ってるスクリプト＆プラグインをまとめてみた
Sleipnirのカスタマイズ～使ってるスクリプト＆プラグインをまとめてみた 投稿者 : Locutus | '07 11/08 | SeaHorse用スクリプトは便利ですが入れすぎると、Firefox同様にブラウズが重くなります。SeaHorseは本当に必要なものだけにするのがベストです。
セクシーに動作するスライドメニューバー実装JSライブラリ:phpspot開発日誌
Sexy sliding JavaScript side bar menu using mootools at Andrew Sellick When trying to conceive ways in which space could be saved on a web page I decided a sliding menu would work well as shown in the images below.セクシーに動作するスライドメニューバー実装JSライブラリ。 クリックするとニューっとアニメーションしてセクシーに開いてくれるメニュー実装のためのライブラリが公開されています。 デモはこちら CSSによってデザインできるので、デザインも簡単です。 ちょっと変わり種ということで、デザイン系のサイトで使えそうですね。
JavaScriptでの画像プレビュー自由自在「PopBox」:phpspot開発日誌
PopBox! - Javascript Image Magnification PopBox is an image magnification javascript solution for dynamically moving and resizing images on your web page.JavaScriptでの画像プレビュー自由自在「PopBox」。 ページ内の画像をクリックするとページ内でそのまま、アニメーションしながら拡大。 PopBoxを使えば、そんな効果を実装することが可能です。 拡大だけではなく、比率の変更や、画像の移動、画像の縮小を行うことも出来ます。 凄く軽くて使いやすいです。もう、別ページで画像を拡大させるのは古い、と言われてしまうのかもしれませんね。
CSSでの左寄せ・中央寄せ・右寄せ方法、1行に混在も可 [ホームページ作成] All About
CSSでの左寄せ・中央寄せ・右寄せ表示方法 日本語や英語など「文字を左から右へ向かって記述する言語」で書かれたHTMLでは、文字寄せ方向が指定されていないなら、文章は左寄せで表示されます。しかし、タイトルや見出しなどを中央寄せ(センタリング)して掲載したい場合はよくありますし、日付や注釈などを右寄せにして掲載したい場合もよくあるでしょう。 ウェブページに掲載した文章や画像の文字寄せ方向を指定して、左寄せ・中央寄せ・右寄せで表示する方法は簡単です。CSSのtext-alignプロパティを使って、寄せたい方向を指定するだけですから。しかし、単に1行の文章を左寄せや右寄せで表示するのではなく、同じ行内に「左寄せの文章」と「右寄せの文章」を同時に書きたい場合もあるでしょう。例えば下図のようにです。 そこで今回は、HTMLで記述した文章にCSSを適用して、特定の範囲を左寄せ・中央寄せ・右寄せの3通り
![CSSでの左寄せ・中央寄せ・右寄せ方法、1行に混在も可 [ホームページ作成] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/90bd1c1df5e3bc375b9a21a7908a0861804cfd72/height=288;version=1;width=512/https%3A%2F%2Fimgcp.aacdn.jp%2Fimg-a%2F1200%2F900%2Faa%2Fgm%2Farticle%2F2%2F3%2F8%2F7%2F8%2F1552874382%2Ftopimg_original.jpeg)
[CSS]高さの異なるカラムを揃えるスタイルシート | コリス
Columnas 100% altas Columnas 100% altasのエントリーでは、下記のデモのように高さの異なるdivで組んだカラムの高さを揃えるスタイルシートを紹介しています。 sample:高さがばらばらのdiv sample:高さが揃ったdiv スタイルシートは、各divに対して「padding-bottom」と「margin-bottom」に同じ数値をプラス値とマイナス値で指定を行い高さを揃え、それらのdiv要素を包んだdivで「overflow:hidden;」を指定します。 詳しくは、最小限にしたサンプルを作成したので参照ください。 高さの異なるカラムを揃えるスタイルシートのサンプル 下記の「32768px」って、何か特別な意味があるのでしょうか。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://blog.nikkeibp.co.jp/arena/google/2007/06/google_3.html
はてなブックマーク件数取得APIとは はてなの人気・最新記事を集めました - はてな
