iBox / iBegin Blog (powered by evoBlog)
iBox is a lightweight script that lets you overlay images and documents in a small dialog without a page reload. It's built to be easy to install and use, while offering great flexibility. The quick start shows example code and explains how to use it. TopImages iBox easily supports the standard overlay of images, in many sizes, and will automatically scale down the window if the browser's viewpane
YouTubeをブログに貼り付けやすくしてみた
最近になってYouTube上のCMのリンク集のエントリーを二つほど書いたが、「おもてなし」の面で言えば、やはりブログエントリーそのものに動画を埋め込みたい。しかし、二つほど問題がある。一つはこのブログが使っているTypepadサービスがobjectタグを受け付けないこと、もう一つがYouTube標準の大きさ（４２５ｘ３５０）がこのブログには少し大きすぎること。 そこでちょっとしたPHPのプログラムを書いて、iframeを使ってこのブログに埋め込められるようにしてみた（TypepadはobjectタグはNGだが、iframeタグはOK）。大きさも、このブログ標準の画像の標準サイズの、幅３２０ピクセルで表示するように指定した。 下がこの仕組みを使った例。画像のまんなかのプレーボタンをクリック（ただし、IEはセキュリティセッティング次第では2回クリックが必要）すると動画が始まる。 iframeタ
世界中の１％の人々へ
ドメインウェブの設定が見つかりません 考えられる原因 ドメインウェブの設定がまだ行われていない。 ドメインウェブの設定がまだ反映されていない。(反映には数時間～24時間かかることがあります) ドメインウェブ・DNSの設定が誤っている。 アカウントが存在しない、契約が終了している、削除されている。
Litebox/Lightboxの使い方
Posted by: Hirotaka Ogawa @ January 18, 2007 05:35 PM | yujiroさんとこのLiteboxやLightboxの記事で、配布されているJavaScriptファイルやCSSファイルを修正されていますが、それだとオリジナルのLitebox, Lightboxが更新されるたびに同じことをしなくてはならなくなります。 小粋空間: Litebox 1.0 の rel 属性を自動付与する 他 それは面倒だ、美しくないと思ってしまったので、このエントリーではもう少しスマートなやり方を書いておきます。何かの参考になる場合もあるでしょう。 まず、スタイルシートはそもそも上書きして使うものです。下のようなスタイルシートをlightbox.custom.cssとか適当な名前で生成しておき、lightbox.cssより後に読み込まれるようにしておけばオリジナ
超クールな画像スライドショーを実現するためのJavaScriptライブラリ「FrogJS」:phpspot開発日誌
Programming and Designing for the Web FrogJS Javascript Gallery FrogJS is a simple, unobtrusive javascript gallery. It is not a replacement for other thumbnail galleries such as Lightbox JS, but rather a different way of showing galleries. 超クールな画像スライドショーを実現するためのJavaScriptライブラリ「FrogJS」。 以下のデモサイトを見ると分かりますが、今までにない超クールなスライドショーを実装できます。 実装方法は、まずスクリプトを読み込みます。 <script type="text/javascript" src="scripts/p
Google Newsをカスタマイズしてブログに取り付ける「AJAX News Bar」 - ネタフル
Customized Google News for your web pageというエントリーより。 Google just released an embeddable customized news bar for your site or blog. Googleが、Google Newsをカスタマイズして自分のブログに埋め込めるようにするサービス「AJAX News Bar」を開始しています。 サイトにアクセスしたら「Start with the Wizard」を選びます。 あとはStyle（横バージョンと縦に長いバージョン）、Google Newsからニュースを抽出するためのキーワード、タイトル、ウェブサイトのURLを入力し、コードを生成するだけです。生成されたコードをブログに貼り付ければOKです。 生成されたイメージをプレビューすることもできます。 ウィザード形式なので、簡単
div要素をクロスフェード表示するJavaScript | WWW WATCH
結構前に公開されているので、すでに使っている人もいるかと思いますが、最近、個人的な用途で使わせていただいたので紹介。 Brand Spanking New で公開されている、「Javascript / CSS Crossfader」 は、JavaScript ひとつで簡単に、任意の div 要素 （じゃなくてもいいんですが） をクロスフェード表示で切り替えてくれるスクリプト。スクリプト自体が軽いのと、設定も簡単なので、ちょっとした画像の切り替えなんかに重宝しそう。 デモがこちらで公開されています。 必要なのは JavaScript ファイル 1つのみ。ダウンロードした JavaScript ファイルをサーバに上げたら、(X)HTML ファイルに読み込みます。 <script type="text/javascript" src="/js/bsn.Crossfader.js"></scrip
簡単マッシュアップ、「Yahoo! Pipes」を試してみた ― ＠IT
2007/02/15 RSSフィードをソースに複数のモジュールを組み合わせて自分独自のデータを出力させる米ヤフーのマッシュアップツール「Yahoo! Pipes」が注目を集めている。ビジュアルにモジュールを組み合わせてネットワービスを開発できる「Pipes Editor」が用意されていて、手軽に始められるのが受けている。米ヤフーのIDだけで利用できるYahoo! Pipesを試してみた。 5つのソースからデータ入力 Pipes Editorではすべての機能がモジュールで提供される。このモジュールをパイプでつなぐことで機能が実現する。開発者が最初に気にする必要があるのはデータのソースだ。データのソースとして用意しているのは次の5つだ。 Yahoo! Search 米ヤフーの検索結果をソースにできる Yahoo! Local 米ヤフーの地域情報をソースにできる Fetch ユーザーが指定するR
Adobe Edge: 2007年2月 「Ajax したい！」Web デザイナーのための Spry 集中講座
Spry framework for Ajax（以下、Spry）は、アドビが提唱しているデザイナー向けの JavaScript ライブ ラリです。無償で配布されているこのライブラリを利用することで、サーバサイドで特別なプログラムを用意したり、ユーザの Web ブラウザへ新たなプラグインをインストールすることなく、今話題の Ajax を利用した動的でリッチなインタフェースやコンテンツを HTML の中に作り出すことができます。 “デザイナー向け”というのが Spry の大きな特長であり、他の Ajax ライブラリと比べてもユニークな点です。Spry そのものは JavaScript ライブラリ群ですが、難解な JavaScript のプログラミング知識はそれほど必要ではありません。HTML コーディングのスキルがあれば、XML からのデータを取得し、加工し、ダイナミックな形で Web ページ
iPod風の階層的なナビゲーションを実装する面白ＵＩサンプル「ColumNav」:phpspot開発日誌
ColumNav Documentation ColumNav is a hierarchical menu implementation utilizing Bill Scott's Yahoo UI Carousel component. iPod風の階層的なナビゲーションを実装する面白ＵＩサンプル「ColumNav」。 一見、アイコンのついたコンボボックス風ＵＩでiPodライクな次のようなナビゲーションを実装する方法. ファイルをクリックでファイルを表示し、フォルダをクリックでアニメーションしながら階層を移動します。 動きがなめらかでクールな印象を出すことが出来そうです。まさにiPod風。 Ajaxを使って無制限に階層を辿ることが出来たり、なかなか工夫されているようです。 ソースも次のようにクリーンになるので使いやすそう。 <ul id="basketball-list"> <li>
Anothr-Free Skype RSS Bot
We Are Foundation Experts & Waterproofing Specialists In Michigan specializing in residential and commercial services. The Foundation And Waterproofing SpecialistsWe Treat Your Home Like Our Own! Offering a No Obligation Estimate & Quote For Free Estimate Call Us Now 586-228-6500 Find Out More We Are Leaders In Helical PiersWe Treat Your Home Like Our Own! Offering a No Obligation Estimate & Quote
オンラインでPhotoshop級の画像加工ができる「nexImage」 - GIGAZINE
DHTMLやAJAXを使いまくったオンライン画像加工サービスです。 レイヤー機能や自動でコントラストを調整する機能などがあり、シャープやぼかし、グレースケール、ガンマ値補正、ネガポジ反転といった代表的な各種フィルタも使用可能です。切り抜き、回転、反転、リサイズ、なんでもできます。 また、ちゃんと「元に戻る」機能があり、何段階でも戻ることが可能です。これは安心。 編集するためにアップロードした画像は最後に自分のパソコンへダウンロードして保存可能。ファイル形式も幅広く、JPEG・GIF・PNG・BMP・TIF・PICT・PCX・TGA・PCD形式で保存できます。JPEGは圧縮率の指定が可能で、GIFは色数指定やディザリングの指定もできます。 というわけで、実際にデジカメで撮影した画像で「nexImage」を使ってみました。 nexImage :: The ultimate online ima
ブラウザ履歴を簡単に操作可能なjQueryプラグイン「jquery.history」:phpspot開発日誌
history plugin This plugin helps you make your Ajax-driven page available for "Go Back" button and "bookmark" of browser. ブラウザ履歴を簡単に操作可能なjQueryプラグイン「jquery.history」。 「Ajaxなページで「戻るボタン」を機能させる方法」で紹介したその方法がjQueryのプラグインとしてライブラリ化されました。 動作確認は、デモ画面の、load1, load2, load3 リンクを押していき、ブラウザの戻るボタンで確認することが可能です。 「Ajaxなページで「戻るボタン」を機能させる方法」で解説したとおり、iframe を使ったりしているようです。 こういった機能はライブラリ化されていると便利、というかAjaxフレームワークには最初からついて
NOTA : Enjoy Co-Writing
2022年10月1日付で社名を「Nota株式会社（英文表記 Nota, Inc.）」から変更いたしました。
ブログのサイト内検索は、Google Co-op できまり：Goodpic
This shop will be powered by Are you the store owner? Log in here
Web2.0ナビ: SQL-DESIGNERがスゴイ
いいね！ 0 ツイート B! はてブ 447 Pocket 2 データベースの設計時にER図をかくことが多いと思いますが、SQL-designerというウェブベースのツールが非常に使いやすいく、デザイン的にも綺麗で便利。 MSproject等のデータベース設計を行う専用ソフトは非常に多くあるが、どれもインストールが必要だったり、設定ファイルが必要だったり、ソフトが重かったり、環境依存が激しかったりして、使いにくい。 使いかたは簡単で、 １．ウェブページにいって ２．テーブルやフィールドを追加する ３．プリントアウトorXMLエクスポート だけ。 データの型なども選択できて、設計が終わったら、SQL文をそのまま発行したり、作ったEQ図をXMLでエクスポートやインポートすることも可能。Javascriptベースなので、めんどくさいインストールや環境依存もなし。 ウェブ上でやるのは、セキュリティ
Ajaxチュートリアル集126個:phpspot開発日誌
AsH: Top 126 Ajax Tutorials Ajaxチュートリアル集126個。 Ajaxの入門、ブックマークレット、チャット、ドラッグ＆ドロップ、動的コンテンツ読み込み、オートコンプリート、ファイルアップロード Lightbox風画像表示、キーワードサジェスト、インクリメンタルサーチ、プログレスバー、角丸、リストのソート、ツリー、投票など、ありとあらゆるチュートリアルがまとまっていて、やりたいことを実現する際に使えそうです。 これだけのリファレンスがあるんですね。驚きです。 関連エントリ ドラッグ＆ドロップが簡単に出来るJavaScriptライブラリまとめ WEB開発者のためのリソースを集めたリンク集 JavaScriptデバッグツール集 JavaScriptでマウスホイールイベントを扱い、スクロールも停止する方法 高速＆シンプルなJavascriptテンプレートシステム『RN
「使える、使いやすい、使いたい」と思えるUIとは？ - @IT
最新トレンドやキーワードをわかりやすく解説 WCR Watch ［15］ 「使える、使いやすい、使いたい」 と思えるUIとは？ アドビシステムズ 上条 晃宏 2006/8/31 ここ数年、リッチクライアント技術としてFlashやFlexを採用する例が急速に増加している。この状況の背景としては、アプリケーション開発における“使いやすさ”の実現が重要な要件の1つとして認知されつつあることが挙げられるだろう。 しかし、単にFlash／Flexを使ったからといって使い勝手の良いユーザーインターフェイスができるわけではない。例えば、使いにくかった画面を“そのまま”Flexで置き換えたとしたら、従来からの問題点も再現することになる。これでは改善は望めない。画面設計を行う側にも使いやすさを実現するためのアプローチが求められるだろう。 ここで注目されるのがエクスペリエンスデザイン（XD）だ。エクスペリエン
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
進化する Ajax | Obscure
視覚的にわかるMovable Type Enterprise、Movable Type用高機能エディタ、それがTinyMCE for MTE IT Professional-XMLをキーワードとしたシステム制作会社
