主要ブラウザすべてに影響する「クリックジャッキング」攻撃とはWindows SQL Server 2005サポート終了の4月12日が迫る、報告済み脆弱性の深刻度も高く、早急な移行を
[JS]オルトを利用して、画像にキャプションをかっこよく表示するスクリプト -Captify
画像のオルトを利用して、画像の上にオーバーレイでキャプションを表示するスクリプト「Captify」を紹介します。 Captify demo デモでは、画像にマウスオーバーすると、下側からキャプションがスライドしてオーバーレイで表示されます。 オプションでは、キャプションの表示位置（上・下）、表示のスピード、不透明度、表示方法（フェード・スライド・常設）、クラス名などが変更できます。 キャプションはデザインを適用したものを表示することも可能で、下記のようにdiv要素を使用することもできます。
[JS]ブラウザのサイズに合わせて画像サイズを最適化するスクリプト
maxImage demo 上記のデモでは、右側の画像がブラウザのサイズに合わせて、はみでないようにリサイズされて表示されます。 デモは他にも多数あり、下記は背景画像をブラウザのサイズに合わせて最適化します。
JavaScript用のグラフ描画ライブラリ色々:phpspot開発日誌
10 Best Free JavaScript Charts Solutions | AjaxLine JavaScript用のグラフ描画ライブラリ色々。 JavaScriptでグラフ、といっても様々なライブラリが存在するようですね。 Flot グラフ描画用のjQueryプラグイン Flotr JavaScript Plotting Library Prototype.jsベースのグラフ描画プラグイン JS charts 棒グラフなどの様々なグラフを綺麗に描画できる(一番綺麗かも) HTML-Graphs グラフをHTMLで表現するタイプ 全部見る 個人的にはグラフを表示なら画像かFlashがいいなぁと思っていますが、JavaScriptであればプラグイン非依存かつクライアント描画ということでメリットはありますね。 関連エントリ JavaScriptで小さくて可愛いグラフを作れる「jQue
JavaScriptを活用した軽快なポータルを作るためのフレームワーク「jPolite」:phpspot開発日誌
Lightweight jQuery Portal JavaScriptを活用した軽快なポータルを作るためのフレームワーク「jPolite」. iGoogleみたいなポータルを作るようなjQueryベースのフレームワークです。 デモページ タブをクリックで画面が軽快にアニメーションでいい感じに切り替わります。 ページ内には小窓がコンポーネントとして登録できて中身に自由にHTMLが記述できます。 各ページは、１ページあたり１枚のHTMLモジュールとしてJavaScriptで定義できて、非常に簡単かつシンプルにポータルが作れるフレームワークになっています。 JSでモジュール定義の例 var _modules={ m101:{l:"m101.html", t:"Motivation", c:"red"}, m102:{l:"m102.html", t:"Philisophy", c:"yello
YUI最新版、CSSをオンザフライで変更するユーティリティ | エンタープライズ | マイコミジャーナル
YUI - Yahoo! User Interface Library The YUI development communityは18日(米国時間)、YUI (Yahoo! User Interface Library)の最新版となるYUI 2.7.0を公開した。YUIはYahoo!で開発されたAjax JavaScriptフレームワーク。さまざまなUIコンポーネントが用意されている。対応ブラウザチェックも充実しており、クロスブラウザ開発に活用できる。 YUI 2.7.0の主な特徴は次のとおり。 StyleSheet Utilityコンポーネントの導入 IE8サポートの改善 ベータ扱いから正式コンポーネントへ格上げ (Element、ProfilerViewer、Selector) コンポーネントの機能拡張 (Charts Enhancements、Dom Collection、Cont
CSSやJS、画像などを一括で読み込んで読み込んだ後にfunction実行できる「xLazyLoader」:phpspot開発日誌
CSSやJS、画像などを一括で読み込んで読み込んだ後にfunction実行できる「xLazyLoader」 2009年02月19日- xLazyLoader - ajaxsoft - Lightweight js, css and images loader - Google Code CSSやJS、画像などを一括で読み込んで読み込んだ後にfunction実行できる「xLazyLoader」が公開されました。 次のようにしてファイルを一括読込みの後、loadメソッドが実行できます。jQueryプラグインです。 $.xLazyLoader({ js: ['ui.core.js','ui.dialog.js'], css: ['ui.core.css', 'ui.dialog.css'], image: ['your_image.jpg', 'your_image1.jpg', 'your_i
RubyでJavaScriptのプロトタイプもどき - 素人がプログラミングを勉強していたブログ
prototype - 素人がプログラミングを勉強するブログの続き。RubyユーザがJavaScriptのオブジェクト指向を学ぶ時に使えるかもしれない。 =begin JavaScriptのようなオブジェクトの実装。 JSObject.newがJavaScriptのnew Object()相当であり、プロパティへの代入で値をセットする。 =end class JSObject < Object # Ruby1.9ならBasicObjectを継承すべき def initialize @object = {} end =begin JavaScriptのobject["key"]構文の実装。 objectのハッシュテーブルからキーで探し、無かったら"__proto__"プロパティから探し…と再帰的に動く。 "__proto__"がnilだったらnilを返す。 実体はprivate関数のref
anything from herejQueryの挙動を解析する（26） jQuery 定義コードの再解析 on Ver1.3.2──jQuery解読（38）
このエントリイは、jQuery() の挙動を解読する(24) jQuery 1.2.2 における jQuery 定義コードを分析する──jQuery解読(36) の続編です。続編と言うよりも改訂編と言うべきかもしれません。上記エントリイには未解明な問題もあり、改めてこのエントリイで詳述することにしました。 jQuery定義と酷似する構造の簡易なコードを作成して解析する jQuery の定義コードへの理解を深めるために、それに類似した短いコードを作成して解析してみました。 jQuery 定義コードを解読するための簡単な類似コード 1: (function(){ 2: // block-A 3: var R = window.R = function(a,b){ 4: return new R.prototype.init(a,b); 5: } 6: // block-B 7: R.proto
Canvasによる3Dテクスチャマッピングとパフォーマンスチューニング（仮題） - 最速チュパカブラ研究会
MAX 打ち上げのときに川崎さんに「英語の記事書いたら絶対ウケるから書くべきだよ」と言われていつ書こうかなーと思ってたら、そういえば11日は休日だったので、日本語の下書きだけでも一気に書いてみることにしました。 といっても、欲を出してあれもこれも書こうとして、結局まだ書ききれてませんけど。 タイトル案 Javascript と Canvas によるフルスクラッチ3Dプログラミング Javascript と Canvas 3Dプログラミング入門 ドキッ JSだらけの あと、今日（11日）は私の誕生日でもあります。25になりました。そろそろ鏡を見るのが怖くなってきますね。 以下、書きかけ Introduction Adobe MAX 2009 で Spark Project は、拡張現実（AR）のデモを展示し、来場者の注目を集めていた。Shibuya.JS のメンバーもこのデモに感激し、是非
ツールチップを作るのならこれかもという多機能jQueryプラグイン「Simpletip」:phpspot開発日誌
Simpletip - A simple jQuery tooltip plugin ツールチップを作るのならこれかもという多機能jQueryプラグイン「Simpletip」 色々なツールチップライブラリがありますが、Simpletipはカスタマイズ性に富んだツールチップライブラリとなっています。 基本 単純なツールチップ クリックで閉じるツールチップ ちょっとリンクが切れちゃってますが、画像なんかも埋めこみ可能。特定のHTMLを埋められるみたい。 ポジション マウスの左、右、上、下、に表示というポジショニングが可能。以下は左の例 他にもabsoluteで位置指定をしたりもできます。 エフェクト ツールチップの文字がアニメーションしつつズームイン フェードインなんかの機能もあるみたい。 関連エントリ JavaScriptを使わずCSSのみでシンプルなツールチップ実装 カスタマイズの自由度が
[JS]Firefox 2/3, Safariも判別する1行のスクリプト | コリス
昨日紹介した「わずか「12文字」でIEを判別するスクリプト」に続いて、Firefox 2/3, Safariを判別する1行のスクリプトをThe Spannerから紹介します。
ソースコードの色づけを行う·Google Code Prettify MOONGIFT
ブログや開発者向けのWebサービスなどで、ソースコードのハイライトを行うケースはよくある。言語があらかじめ決まっている場合は良いが、言語がよくわからない場合や、JavaScriptとHTMLのように埋め込みで複数の言語が重なる場合もある。 各種言語に対応したハイライター そのような、特定の言語に依らずにソースコードをハイライト化したい場合に便利なのがこのライブラリだ。 今回紹介するオープンソース・ソフトウェアはGoogle Code Prettify、JavaScriptによるソースコードハイライターだ。 Google Code Prettifyの使い方は簡単だ。prettify.jsとprettify.cssを読み込んで、<pre class="prettyprint">または<code class="prettyprint">タグの中にコードを書き込めば良い。後はprettyPrint
ファイルアップロードの際に便利なFlash/JavaScriptウィジェット集:phpspot開発日誌
10 Most Interesting Upload Widgets | AjaxLine ファイルアップロードの際に便利なFlash/JavaScriptウィジェット集。 通常のアップロード機能を実装すると使えないと言われないくらい、Flickrなどのアップローダなんかは便利になっていますよね。 実装すると便利になりそうなウィジェットが色々と紹介されていましたのでご紹介。 Flash Upload Widget Flashを使って、アップロードの進捗を表示してくれるウィジェット XUpload Perlで書かれたリアルタイムアップロードウィジェット Uber-Uploader Perl or PHP + JSで書かれた複数ファイルアップローダー。進捗表示つき jqUploader jQueryアップロード用プラグイン Ajax Style File Upload ASP.NET用リアルタ
画像ギャラリーを作る際に使えるFlashやJavaScriptを活用したライブラリ＆サンプル集:phpspot開発日誌
57 Free Image Gallery, Slideshow And Lightbox Solutions | 1stwebdesigner - Love In Design 画像ギャラリーを作る際に使えるFlashやJavaScriptを活用したライブラリ＆サンプル集が公開されていました。 3Dを使った物や、ＵＩ的に面白い物が色々あって、ちょっとしたサプライズを持った画像ギャラリーなんかを作るのに活用できそう。 3D Curve Wall スムーズかつ立体的に動作する感じで次世代を感じさせる Spiral Carrousel XML 使いにくいけど立体的で面白い動作をします Polaroid Gallery 机の上に置いた写真をマウスで移動できる面白いＵＩ TiltViewer マウスの動きによってギャラリーが傾くという面白いＵＩ。デザインや動きが秀逸。 Galleriffic Sl
[JS]これ最強かものツールチップスクリプト -BeautyTips
シンプルなツールチップも簡単に実装できるだけなく、デザインのカスタマイズが可能で、対応トリガーも豊富なツールチップのスクリプト「BeautyTips」を紹介します。 BeautyTips demo BeautyTipsは機能が豊富というだけでなく、テキストや画像、AJAXコンテンツの表示、ツールチップの表示位置の自動補正など基本性能もしっかりと抑えられており、フォームエレメントへの表示、ツールチップ元の変更なども可能です。 ツールチップはcanvasで描かれており、画像は必要ありません。 対応ブラウザはIE6.x+, Fx3.x, Op8+, Safari3.xとのことで、canvas非対応ブラウザにはExplorerCanvasが使用されています。また、IE6のz-indexへの対応にbgiframe、ホバー処理にhoverIntentが使用されています。 ※Chrome 1, Fx2で
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
リッチインターネットアプリケーションの実装時に検討したい30のUI
Google Code Archive - Long-term storage for Google Code Project Hosting.
[JS]わずか「12文字」でIEを判別するスクリプト | コリス
これは面白！PHPとjQueryでクリックした位置が分かるクリックマップ作成:phpspot開発日誌