サイトにTwitterの機能を組み込むためのjQueryプラグイン集:phpspot開発日誌
Best jQuery plugins for Twitter integration | AjaxLine サイトにTwitterの機能を組み込むためのjQueryプラグイン集。 Twitterの勢いがまだまだ衰えませんが、それにともなってサイトにTwitterの機能を実装したいというニーズも高まってきているのではないでしょうか？ そんな際に便利に使えるプラグイン集です。 Twitterのサイトが落ちた時にサイトが重くなってしまうという点に注意して使いたいですね。 関連エントリ ナビゲーションのUIはこれで完璧かもなjQueryプラグイン集 ajaxファイルアップロードに使えるjQueryプラグインいろいろ 拡大の仕方がクールなLightBox実装jQueryプラグイン「YoxView」
大量のリストから目当てのものを瞬時に探せるようになるjQueryプラグイン「LiveFilter」:phpspot開発日誌
大量のリストから目当てのものを瞬時に探せるようになるjQueryプラグイン「LiveFilter」 2010年01月20日- jQuery Plugin: LiveFilter 1.0.1 | Mike Merritt | Digital Inferno 大量のリストから目当てのものを瞬時に探せるようになるjQueryプラグイン「LiveFilter」。 １ページ内にリストが多く表示されていると探すのが大変ですが、LiveFilterを使えば瞬時に対象を探すことができます。 インプットボックスに検索したい文字列を入れると、一気に対象が絞り込まれ、好みのものがすぐに見つかるでしょう。 そんなの、グーグルツールバーやページ内検索を使えばいいじゃないか、という方もいると思いますが、それらの存在が知らない初心者の方に向けたページの場合は威力を発揮しそうです。 パソコン中級者や上級者の方に向けても、
jqueryでウェブサイトをリッチにするプラグインまとめ « vanillate
jqueryのプラグインのまとめです。jqueryはjavascriptベースのライブラリのようなもの。画像やメニューに動的な操作を与えたりすることが可能です。また、HTMLソースも複雑になりにくく、デザインをCSSで操作可能なものが多く、ウェブデザインをより魅力的にすることができます。 フェードしながらスライドするjQueryプラグイン デモ jQuery ListMenu Plugin デモ 大量のアイテムもすっきりとリストにできます。 Sliding login panel with jQuery デモ ログインフォームもおしゃれに。常に表示しておく必要はないですよね。アニメーション付きでぶらさがってくるこんなプラグインはいかがですか。 create a better jQuery stylesheet switcher デモ スタイルシートをjqueryで切り替えるプ
簡単！PHPとjQueryでドラックすればリサイズクリップ出来るスクリプト
なかなか凄いぞ！ jQueryとPHPのモジュールで簡単に動いてしまった。 画像をアップロードして、カットしたいところをドラッグ。 その部分が指定したサイズになってクリップされるという代物。 因みに今回アップロードで使用した画像は美人時計さんのもので、1分おきに美人が現れる時計式ウェブサイトです。これも同時にお勧め。 仕様 必要なものは、PHP4もしくはPHP5。 そしてPHP GD ライブラリがサーバーにインストールされている必要がある。 逆に言えばこれだけクリアしていればものすごく手軽に設置できるという魅力あるスクリプトです。 仕様としては、アップローダーが付いており、そこに画像をアップすると、編集モードになる。 そこで、写真の好きなところをドラックして囲い込みをすればそこが画像としてリサイズできるのです。 ダウンロードは以下 ページ下部にある以下のリンクから。 ダウンロードした後は
チェックボックスを綺麗に並べるCSSサンプル:phpspot開発日誌
Checkbox alignment in IE and Firefox | Xinotes チェックボックスを綺麗に並べるCSSサンプル。 次のように、チェックボックスの横に、改行入りのテキストを入れても綺麗に配置するサンプルです。 簡単そうでなかなか難しいテクニックかもしれないので覚えておくとよいかも。 サンプル IEでもFirefoxでも動作。Chromeでも試してみたところ動作しました。 関連エントリ クリーンなデザインでピュアＣＳＳなフォームを作るサンプル CSSでクールなINPUTフォームを作成するサンプル CSSベースのクールなフォーム、サンプル集 CSSでフォームデザインをする際のチュートリアル
Google Social Graph APIを徹底解剖:マーケティング - CNET Japan
今回はGoogle Social Graph APIについて解説します。Google Social Graph APIの概要は、下記を参考にしてください。 http://code.google.com/apis/socialgraph/ まず、Google Social Graph APIとは何か？についてです。 Googleは、それこそ世界中の様々なページをインデックスしています。通常は、各ページのテキストをインデックス化して、検索エンジンとしてそのデータを活用していますが、Google Social Graph APIは、これらのページのXFN（XHTML Friends Network）もしくはFOAF（Friend Of A Friend）情報を利用します。 まずXFNとFOAFについてですが、これはどちらもソーシャルネットワークのリンク情報についての表現です。 XFNは、micr
Google Visualization APIを早速使ってみた - builder by ZDNet Japan
RPA見直される”業務”と”人”の関係 人的リソースを単純作業から解放！ 高付加価値業務への転換のために 膨大なアクセスを支える屋台骨 高い安定性とパフォーマンスを両立 ZOZOTOWNが選んだストレージ基盤を解説 ビジネスの推進には必須！ ZDNet×マイクロソフトが贈る特別企画 今、必要な戦略的セキュリティとガバナンス リモートワークを成功させる方法 必須となるセキュリティをどう強化するか 必要な対策5つを紹介 年間5,000件の問い合わせに対応 疑問を解消したいユーザーも答える情シスも みんな幸せになるヘルプデスクの最適解 高い従業員満足度と安心・安全 新時代にむけた理想の業務環境こそ Anywhere Workspaceが目指す未来 エッジ市場の活性化へ 高まるIoTを中心としたエッジ分野への期待 OSS活用が新しい時代のビジネスを拓く データ活用は次のステージへ トラディショナル
【ハウツー】Webブラウザだけで動くマッシュアップエンジン「Afrous」を試す! (1) マッシュアップエンジン「Afrous」とは? | ネット | マイコミジャーナル
マッシュアップサービス&ソフトウェアが増加中 この3、4年の間に、様々なWebサービスがAPIを公開し、これらを組み合わせて利用するマッシュアップという動きが盛んになりました。当初はマッシュアップを実現するにはプログラムの知識を必要としましたが、1年ほど前に発表された「Yahoo! Pipes」は、Webサービスデータのリミックスをエンドユーザレベルでも可能な方向に加速させました。 そしてさらにこの1年あまりの間に、Webサービスデータのマッシュアップを実現するサービス/ソフトウェアがどんどん増えてきています。米Yahoo!のPipesに対抗してMicrosoftの「Popfly」もこれに追随しようとしていますし、その他大小さまざまなベンダーがマッシュアップサービスをASPとして提供し始めています。 米国のみならず、同様の動きは日本国内にもあり、近年では以下のようなものが発表されています。
アニメーションする2KBの軽量ツールチップJS:phpspot開発日誌
Fading JavaScript Tooltips 2kb - Web Development Blog This animated JavaScript tooltip script is very easy to use and lightweight at only 2kb. アニメーションする2KBの軽量ツールチップJS。 カーソルを合わせるとフェードアニメーションしながら浮き上がるツールチップの紹介。 デモページはこちら ソースコードがなかなか綺麗かつシンプルで、ウィジェット作成の参考にできるかも。 var tooltip=function(){ var id = 'tt'; var top = 3; ... } 関連エントリ 色んな種類のクールなツールチップを実装しよう「Prototip 2」 JavaScriptを使わずCSSのみでシンプルなツールチップ実装
【ハウツー】ゼロからはじめるLightWindow 2.0 - Flashムービーも表示できるAjaxライブラリ (1) ゼロからはじめるLightWindow 2.0 - ムービーやPDFも表示できる多機能ライブラリ | パソコン | マイコミジ�
LightWindow 2.0とは? LightWindow 2.0はAjax(非同期通信処理)を利用して画像を表示するライブラリです。同じ種類のライブラリとしてはLightBoxやThickBox、GreyBoxなどがあります。その中でLightWindowは最も高機能なライブラリに位置しています。ページや画像だけでなくQuickTimeムービーやFlashムービー、PDFや他のサイト表示など非常に多くのデータをページ内に表示させることが可能です。 LightWindow 2.0はこのURLにあるページからダウンロードすることができます。 LightWindow 2.0公式サイト ページの一番下の方にある「lightwindow.zip(v2.0)」と書かれた文字をクリックするとダウンロードが行われます。 lightwindow.zip(v2.0)をクリックする ダウンロードされたファイ
スクロール可能なテーブルを作成するJavaScriptライブラリ「ScrollableTable」:phpspot開発日誌
スクロール可能なテーブルを作成するJavaScriptライブラリ「ScrollableTable」 2007年03月16日- Scrollable HTML table This JavaScript code can be used to convert tables in ordinary HTML into scrollable ones. スクロール可能なテーブルを作成するJavaScriptライブラリ「ScrollableTable」。 次のようなスクロールしてもカラム名が消えず、小さいスペースで配置できるテーブルを作成できます。 （※↓は画像です） 知っておくと、レイアウトを崩さないでテーブルのようなＵＩ が必要な部分で使えそうですね。 設置方法は次の様に簡単 １．ライブラリを読み込み <script type="text/javascript" src="webtoolkit
max-width in IE
Internet ExplorerではCSSの各プロパティにexpressionというものを指定でき、その中にはJavaScriptがかなり自由に記述できます。それを使ってmax-widthなど、IEが非対応なプロパティを擬似的に実現しようという、max-width in Internet Explorerというページを見つけました。 実用性は高いかもしれません。特にCSSのみでレイアウトを制御している場合、max-widthもそうですが、min-widthも使いたいと思うことは多々あることなような。うちみたいに各エントリを矩形でくくっている場合、ブラウザの幅や内容物によって矩形の大きさが変化してしまうのは、なかなか避けることができないですしね。 ただ、expressionは美しくないというか、グロい感じが。いや、validatorとおらないからとかそういう理由ではなくて、それなら普通にJ
prototype.jsリファレンス - JavaScriptist
ユーティリティ関数 bookmark $ | $A | $F | $H | $R | ObjectRange | PeriodicalExecuter | Try.these prototype.jsで追加されたクラス bookmark Ajax bookmark Ajax.PeriodicalUpdater | Ajax.Request | Ajax.Updater Enumerable bookmark Enumerable.all | Enumerable.any | Enumerable.collect | Enumerable.detect | Enumerable.each | Enumerable.entries | Enumerable.find | Enumerable.findAll | Enumerable.grep | Enumerable.include | En
prototype.js逆引きサンプル集 - JavaScriptist
はじめに bookmark prototype.jsの概要 ユーティリティ関数 bookmark 指定idのエレメントを取得 - $ 指定idのエレメントのvalueを取得 - $F エレメントのリスト形式を配列形式に変換 - $A オブジェクトをHash形式に変換 - $H 指定した範囲のリストを返す - $R prototype.jsで追加された機能 bookmark Ajax Ajaxリクエストを行う - Ajax.Request Ajaxで指定エレメントの内容を書き換える - Ajax.Updater Ajaxで指定エレメントの内容を定期的に書き換える - Ajax.PeriodicalUpdater 定期的に指定の処理を行う - PeriodicalExecuter Enumerable リストに特定の関数で処理させる - Enumerable.each リストの全ての値を調べる
超絶クールなMacOS X風ドックメニュー「CSS Dock Menu」:phpspot開発日誌
CSS Dock Menu If you are a big Mac fan, you will love this CSS dock menu that I designed.超絶クールなMacOS X風ドックメニュー「CSS Dock Menu」。 動きが滑らかで画像の拡大縮小に伴う劣化が少ないのが特徴です。 jQueryベースのJavaScriptプログラムとなっていますが、サンプルを適当に変更することでJavaScriptの知識がなくともカスタマイズは可能でしょう。 サイト作成時の１ネタとして覚えておいて損はないサンプルでしょう。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://youmos.com/news/lightview