クリック型スクリーンギャラリー(2) Tweet このサンプルは、シングルイメージまたはイメージをグループ化してWebページに表示します。イメージのサムネイルをクリックするとイメージを拡大して表示します。拡大表示されたイメージを閉じるには[X]又は外枠をクリックします。イメージの右側にマウスを移動すると[右矢印]、左側にマウスを移動すると[左矢印]ボタンが表示されますのでイメージを自由に切り替えることができます。
クリック型スクリーンギャラリー(2) Tweet このサンプルは、シングルイメージまたはイメージをグループ化してWebページに表示します。イメージのサムネイルをクリックするとイメージを拡大して表示します。拡大表示されたイメージを閉じるには[X]又は外枠をクリックします。イメージの右側にマウスを移動すると[右矢印]、左側にマウスを移動すると[左矢印]ボタンが表示されますのでイメージを自由に切り替えることができます。
Kawa.netxp AjaxZip 2.0 - Ajax郵便番号→住所自動入力フォーム(CGI不要版) AjaxZip2は、昨年公開した 『ajaxな住所入力フォーム』 の新バージョンです。 郵便番号を入力すると、該当する都道府県名・住所が自動的に入力されます。 Ajaxと JSON フォーマットを利用するJavaScriptライブラリとして公開しました。 JavaScript のみで稼動するため、サーバサイドで稼動するCGIプログラムは不要です。 郵便番号→住所変換処理は全てクライアントサイドのJavaScriptで行います。 既存 HTML の住所入力フォームをたった3行書き換えるだけで利用できます。 簡単に設置できるため、プログラムに詳しくない方でも導入していただけると思います。 以下の住所入力フォームに、7桁の郵便番号を入力してみてください。 【2007/12/09 追記】 jQ
Q - なぜ、全国地図にしないのですか? 4つほど理由があります。 ポップアップが場所をとりすぎるから 現在、地図部分は185x120pxにおさめていますが、標準的なモニタ解像度ではこの辺が限界です。 キーボード操作時の押下回数を減らすため jsmapがフォーカスするのはSugarCRMなどのWEBアプリです。使い切りのWEBフォームと違い、慣れによるスピードアップが望めるUIである必要があります。 多言語対応のため 日本は47都道府県なので、かろうじて可能だと思う方もいるかもしれませんが、これがイギリス(現在製作中)とかでは100を超えます。 認知的限界のため これも重要。ぱっと見て探せる数というのは、15や20がせいぜいです。 ただ、上記の話とは別に、地方選択用の全国図はあってもいいと考えていますので、それは将来のバージョンで。 Q - 地図はもっと詳細化/単純化しないのですか? 詳細
How to add a Google Map to any web page in 30 seconds.というエントリーより。 1) Go to WikiMapia.org site and find a part of the map that you need. 2) Click WikiMapia at the top right corner and choose map on your page link. 3) Move and resize frame you see to desired view, adjust view setting if needed and copy given html code to your page or blog. 30秒でGoogle Mapsをブログに貼り付けられるサービスとして紹介されていた「WikiMapia」が凄い! 試して
やることがないちょっと手が空いたので前回に引き続きAjax + PHPで簡単なツールを作ってみました。 今回のツールはWebページのキャプチャ(スクリーンショット)を取ってそれをサムネイル画像に変換するものです。 使い方はとても簡単で"WebページのURL"に適当なサイトのURLを入力し、 "イメージ作成"ボタンを押してしばらくするとそのページが画像として表示されます。 少し変換に時間が掛かるので表示されるまでジッと待っていてください。 最近は検索サイトなどで検索結果とそのページのサムネイルを同時に表示してるところもあるので 実は結構需要があるのかなと思います。手動でキャプチャしてサムネイル作るのも面倒だし。 WebページのURL: サムネイルの大きさ:
ヒマ少し時間があったので画像をHTML(アスキーアート?)に変換するツールを作ってみました。 使い方は"画像のURL"に変換したい画像のURLを入れて"文字"に適当な一文字を入れます。 で、"HTML変換"ボタンをクリックするとその画像が"文字"で表されたHTMLとして表示されます。 デフォルトでミクシィのロゴ画像が変換されるようになっているのでとりあえずそのままボタンを押してみてください。 どうしても画像が表示できない環境や画像を含めたHTMLを無理矢理一枚のHTMLに収めたい かなり特殊な状況下にいる人には使えると思います。 画像のURL: 文字: 大きさ:ピクセル 縮小:% ニアレストレイバー バイリニア 表示: 画像 ソース
YUI Library Controls/Widgets: AutoComplete Button Calendar Charts [experimental] Color Picker Container (including Module, Overlay, Panel, Tooltip, Dialog, SimpleDialog) DataTable ImageCropper Layout Manager Menu Rich Text Editor Slider TabView TreeView Uploader [experimental] YUI Library CSS Tools: CSS Reset (neutralizes browser CSS styles) CSS Base (applies consistent style foundation for c
amix.dk : GreyBox - a pop up window that doesn't suck GreyBoxを使えば、同一ページ内で別のページをポップアップ表示することが可能です。 次のような感じでGoogleもLightbox.jsを使った時っぽく開けます。 右上のclose windowボタンでポップアップを閉じることが出来ます。 デモはこちら (Launch Google でGoogleが開きます) ページに組み込むのも簡単で、必要ファイルをインクルードした後、次の関数を呼び出すだけでOK。 GB_show(caption, url, height, width) 例: <a href="#" onclick="GB_show('Google', 'http://google.com', 470, 600)">Launch Google</a> 新しいウィンドウをtar
写真4●<a href="http://www.housingmaps.com/" target="_blank">housingmaps.com</a>。Googleの地図サービスにcraigslistの不動産情報を組み合わせて表示する。地図上のアイコンにマウスを持っていくと物件情報が写真付きで表示される Tim O'Reilly氏が論文「What Is Web 2.0」を発表したのは昨年の9月。本コラムでも「『Web 2.0』を知っていますか?」というタイトルでこの論文についてレポートした(記事)。あれからわずか3カ月だが,Web 2.0という言葉はすっかり定着した感がある。米Microsoftがライブ・ソフトウエア戦略を発表するなど,Web 2.0を大きく意識した展開を示したことも手伝ったのかも知れない。今やWeb 2.0は人々のあいだで意識化され,また注目されるようにもなった。しか
RSS関連のサービスを提供しているサイドフィードは1月25日、同社としては初のダウンロード製品となるサーバインストール型のRSSリーダー「FreshReader(フレッシュリーダー)」ベータ版の提供を開始した。 FreshReaderは、管理者はサーバにインストールしてユーザーを作成したのち、ユーザーがブラウザでサーバへアクセスし、ログインして利用する。サーバ内のユーザー間で購読しているRSSを共有できるため、イントラネットでの利用に向いている。インターフェースにはAjaxを利用している。 サイドフィードでは、RSSなどフィードを配信していないウェブサイトのHTMLを解析してRSSを自動生成するサービス「MyRSS.jp」を提供している。FreshReaderはMyRSS.jpのエンジンを搭載しているため、RSSを配信していないサイトも、RSSを配信しているサイトと同様に購読できる。 また
Webベースの日本語入力サービスです。海外からでもブラウザさえあれば日本語を入力す ることができます。 特別なソフトは必要ありません。 使い方 お使いのコンピュータの日本語入力を切りかえて直接入力にします。 Alt-o (Ctrl-9) で Ajax IMEモードに変更します。(ボタンで切り替えるかえることもできます) 適当な文をローマ字で入力します。 spaceを押して漢字に変換します。続けて押すことで候補選択を行います。 returnを押す、もしくは次の入力を開始することで入力を確定します。 F9で強制的にカタカナに、F8で強制的にアルファベットに変換します。 再度 Alt-o (Ctrl-9)で直接入力に戻ります 海外旅行先や留学先, 海外のネットカフェなど日本語入力環境が 無いパソコンからご使用ください。 Firefox と Internet Explorer で動作確認をしていま
アニメ『盾の勇者の成り上がり(2期)』の「あらすじ」や「動画を無料視聴する方法」をご紹介していきます! ↓『盾の勇者の成り上がり(2期)』の動画を今すぐ無料で見たい方はこちらをクリック↓ 盾の勇者の成り上がり(2期)を無料で視聴する! アニメ『盾の勇者の成り上がり(2期)』とは?(あらすじ・見どころ) まずは、『盾の勇者の成り上がり(2期)』とはどんな作品なのか?、作品の概要をご紹介します。 あらすじ 尚文が次の「波」への準備を進めていると、謎の魔物たちが現れ、同時に「波」へのカウントダウンが停止してしま ... アニメ『RPG不動産』の「あらすじ」や「動画を無料視聴する方法」をご紹介していきます! ↓『RPG不動産』の動画を今すぐ無料で見たい方はこちらをクリック↓ RPG不動産を無料で視聴する! アニメ『RPG不動産』とは?(あらすじ・見どころ) まずは、『RPG不動産』とはどんな作品な
ECナビのソフトウェア技術・インターネットサービス研究開発部門であるECナビラボは、2005年11月に発表したソーシャルブックマークサービス「ECナビ人気ニュース(アルファ版)」(関連記事)に引き続いて、1月11日に新サービス「ECナビリスト(アルファ版)」を発表した。 ECナビリストは、自分が持っている本や欲しい本にタグ(キーワード)をつけて登録し、その情報をユーザー間で共有できるサービスだ。ユーザーはECナビの会員に登録すれば無料でサービスの利用が可能となる。主な機能は、本の検索機能をはじめ、ユーザーが持っている本や欲しい本などを、タグやコメント、5段階のおすすめ度つきで登録できる「リスト管理機能」、またリスト管理機能で管理している本のリストを他のユーザーに公開できる「公開マイリスト機能」などだ。 インターフェースにはAjaxを利用しており、ドラッグ&ドロップでリストの作成が可能となっ
このページはAjaxを勉強してみたい人向けの学習用ページです。サーバーを入れ替えたため一部CGIを使用したものが動作していません。時間のある時に修正します。また、書いてから、かなり時間が経過しているため内容的に古いものもあります。ご了承ください。 Ajaxで利用されるエフェクトに関しては別ページ(Ajax Effect)に移動しました。 Ajax関連書籍に関してはAjax関連書籍一覧ページを用意しました。 Prototype系ライブラリ サンプルプログラム【New !!】のページを用意しましたので、Prototype系のライブラリを利用している方は参考にしてみてください。 ミスや間違いなどがありましたらopenspc@po.shiojiri.ne.jpまでお願いします。 第一章 Ajaxって? AjaxとRIA AjaxとDHTML AjaxとFlash Ajaxに必要な知識と技術 Aja
年の暮れだからこそ、今年の技術的なトレンドへ乗り遅れないように復習をしたいもの。 Web2.0が脚光を浴びた2005年。とりあえずこの5つの分野から苦手分野をきっちり潰していきたいと思います。(多分にぼくの偏見と苦手分野の重視が影響している点はご了承ください。) Ajax Ruby on Rails HTML/CSS Javascript 正規表現 ということで、おすすめの書籍やサイトを総括。 Ajax 2005年はこれしかないでしょう。猫も杓子もAjaxと連呼した年でした。 Ajax: Web アプリケーション開発の新しいアプローチ http://antipop.gs/docs/translations/ajax.html これがなくちゃ始まらないですから。 Ajaxの本質、「非同期メッセージ型ウェブ・アプリケーション」のススメ http://satoshi.blogs.com/life
HOW TO: Embedded Google Mapsというエントリーより。 After Google Released the API for their popular Google Maps service, integrating maps into your site could never be easier. This article shows you how to embed a customized Google Map into your website or blog. サイトやブログに、Google Maps APIを利用して、Google Mapsを埋め込んでみよう、という記事で面白そうだと思ったのですが、如何せん英語です。 翻訳しながら紹介しても良かったのですが、Googleに聞いてみたところ、ぴったりの記事が見つかりましたので、そちらも併せて紹介しておきま
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く