ColorBox - ポップアップ内を自由に設定できる活かしたjQuery
View Demos 1 2 3 4 5 Released under the MIT License, source on Github (changelog) Download Install via NPM npm install jquery-colorbox Compatible with: jQuery 1.3.2+ in Firefox, Safari, Chrome, Opera, Internet Explorer 7+ Supports photos, grouping, slideshow, ajax, inline, and iframed content. Lightweight: 10KB of JavaScript (less than 5KBs gzipped). Appearance is controlled through CSS so it can
Raphael.JS でテトリスみたいなゲームを作ろう！
四角を書いてみよう <!DOCTYPE html> <html> <head> <meta charset=utf-8> <title>Sample</title> </head> <body> <script src="raphael.js"></script> <script> var paper = Raphael(0, 0, 500, 500); paper.rect(0, 0, 20, 20); </script> </body> </html> サンプル 四角に色を付けてみよう <!DOCTYPE html> <html> <head> <meta charset=utf-8> <title>Sample</title> </head> <body> <script src="raphael.js"></script> <script> var paper = Raphael(
ScriptXでWebページ印刷設定 | くじらシステム開発
今回、あるWebページをA4横で印刷しないといけなくなりました。 Webページの印刷設定は、クライアントのプリンタの設定に依存します。 印刷時の用紙方向指定は、javascriptで可能なのか？と調査したところjavascriptでは無理と判明。 で、引き続き調査してみると「ScriptX」なるものを発見。 IE用のActiveXコントロールで、印刷時の設定が可能になります。 ScriptX本家: http://www.meadroid.com/scriptx/ 上記サイトの「Dowonload」から「smsx.cab」をダウンロードし、Webサーバーの公開領域に配置します。 あとは、必要なページに以下のコードを挿入。 <!-- MeadCo ScriptX --> <object id=factory style="display:none" classid="clsid:1663ed6
JavaScriptパフォーマンス改善（2） document.getElementById()も遅い！ - sarapapaブログ
JavaScriptパフォーマンス改善（2） document.getElementById(要素ID)も、でら遅いじゃん！ 【調査対象】 ブラウザ： IE，Firefox 遅いJavaScriptコード： document.getElementById(id) 改善速度： IEは数百倍（200〜2000倍以上)，Firefoxは8倍程度 改善方法： 最初にすべての要素をキャッシュしておき、キャッシュから要素を取得する。 【Sample Code】 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head>
Web ブラウザに表示されている画面を直接編集する方法
これはすごい。Web ブラウザのアドレスバーに以下を入力し Enter すると、 今表示されている内容を直接編集できる。Firefox 3.0.14 と IE8 で出来 ることを確認した。 javascript:document.body.contentEditable='true'; document.designMode='on'; void 0 WEBブラウザーに表示されている画面を直接編集する方法 - sanonosa システム管理コラム集 追記(2009-10-04): 戻す方法はないものかなあ。‘false’ と ‘off’ では出来なかった。 追記(2009-10-17): 「戻す方法」というのは、「編集モードから閲覧モードに戻す方法」のこ とです。端折った書き方ですみませんでした。もう少し楽な方法が見つかっ たので、以下に追記します。 IE では、以下を入力し Enter
Zudolab -
The Search for a Trusted 메이저사이트: A World of Thrills, Security, and Immersive GamingdErsPOId - December 1, 2023In the dynamic world of online entertainment, the quest for finding a trustworthy 메이저사이트, or major site, is akin to navigating through a labyrinthine digital jungle. Much like the adventurers of old scouring for hidden treasures, modern-day netizens are on the lookout for that one platform
jQuery時代に生きるクロスブラウザ対応の知恵 8選 : tech.kayac.com - KAYAC engineers' blog
Auto Copyが移植されたらchromeへの移行を検討します。agoです。 jQueryを使用するようになってクロスブラウザを意識することは少なくなりましたが、それでもjQueryではカバーしきれない差異はそれなりにあります。 そこでjQueryを使っていてもはまる可能性の高いクロスブラウザのtipsをご紹介したいと思います。 1 Objectリテラル内の末尾カンマ { 'key' : 'val', } 上記のコードはIE6でエラーが出ます。 o = { ‘key’ : ‘val’, }; この動作はjavascriptの仕様からするとIE6の動作が正しく、本来であれば末尾のカンマは記述できません。 これは他言語でJSONを扱う場合でもエラーになるので注意してください。 また、Arrayの場合、Fxは上記と同じく要素が存在しないものと認識しますが、IE6は未定義値が定義されていると解釈
jQuery的なarray like objectの作り方 - KAYAC Engineers' Blog
twitterはじめました。 agoです。 前回の記事（jQueryを読むために知っておきたい6つの知識）で「jQueryのthisはArray」と書いたところ、「正しくはArray likeではないか？」とのご指摘を頂きその点調査したのでご紹介したいと思います。 まず、通常javascriptのobjectはkey（property名）に文字列以外設定できず、それ以外の変数（object）を指定した場合、.toString()を呼び出して文字列化した結果で保存されます。 （ただし、{'key':'val'}といったobjectリテラルの場合、key（property名）に記述された内容はそのまま文字列と解釈されます） function huga () {} var hoge = {}; hoge[huga] = 1; for (var i in hoge) { console.log(t
FAQ形式によるJavaScriptの本質がわかる超入門 - 風と宇宙とプログラム
はじめに JavaScriptは簡単な言語のようでいて、実は奥が深く、初心者にとってなかなかその本質がわかりにくい言語です。ここでは、JavaScriptの言語的エッセンスを理解できるようなものをFAQ形式で書いてみました。ご意見や誤り等を指摘してもらえたら嬉しいです。 なお、JavaScriptの標準化であるECMAScriptは、今年末にEdition 5 がリリースされる予定です。このFAQは、現在のバージョンであるEdition 3をベースにしています。 ECMAScriptって何ですか？ ECMAはEuropean Computer Manufacturer Association(欧州電子計算機工業会)の略で、標準化団体です。NetscapeのJavaScriptとMicrosoftのJScriptをベースに、純粋なプログラム言語部分を抽出したものをECMAで標準化したスクリプ
jQuery用プラグイン「Autocomplete」を使って入力補完機能を実装してみる
こんにちは、中川です。 アシアルブログの検索でも利用している、suggest(入力補完)機能、便利ですよね。 以前「jQuery用プラグイン「jquery.suggest」を使って入力補完機能を実装してみる」という記事で松田がライブラリ紹介しています。 しかし、「jquery.suggest」ですが、表示が味気なかったり、カスタマイズ面で、若干モノ足りない部分が出てきました。。。 で、補完機能を実装する為のJavaScriptですが、いろいろ探せば結構たくさんでてきまして、その中でも使いやすく、機能も豊富でカスタマイズもしやすいjQueryプラグインの「Autocomplete」というものを見つけましたので紹介したいと思います。 ■ダウンロード先 http://plugins.jquery.com/project/autocompletex ■デモ ※適当にアルファベットを2文字くらい入力
IE、Opera、Safariでも使える「FireBugLite」 | RontanBlog
Warning: Use of undefined constant user_level - assumed 'user_level' (this will throw an Error in a future version of PHP) in /home/rontan/www/wp-content/plugins/ultimate_ga_1.6.0.php on line 524 JavaScriptのデバッグツールとして、FireBugを使っている人は多いかと思います。 しかし、FireFox以外のブラウザでは有力なデバッグツールがなく困っている人も多いと思いますが、実はFireBugはFireFox以外のブラウザでも使用することができるんです。 「FireBugLite」 http://getfirebug.com/lite.html 機能としては最新のFireBugからは劣り
Ext Japan - Ext JS / Ext GWTのライセンス・サポート・研修・コンサルティング
JavaScriptやCSSの基礎からカスタムコンポーネントやCSSテーマの作成まで、Ext Japanのメンバーによる実践的なトレーニングで、開発チームが革新的なウェブUIを作成するための方法を一斉に習得できます。(2008年10月サービス開始予定) Ext JS 2.2 Ext JSはリッチインターネットアプリケーション開発のためのクロスブラウザ対応JavaScriptライブラリです。 高性能でカスタマイズ可能なユーザーインターフェイス 優れた設計、文書が豊富、拡張性の高いコンポーネントモデル 商用ランセンスとオープンソースライセンスが利用できます The Ajax Experience 2008でExt JSが紹介されます (英文) July 23, 2008 Jack Slocumと私は、2人の開発者による注目のセッションに参加します。今月末に開催されるThe Aja
codeなにがしのソース表示ウィジェット制作ノウハウ - WebOS Goodies
個人的にいろいろと立て込んでいて時間が経ってしまいましたが、 5 月にcodeなにがしがリニューアルしました。実は私も少しお手伝いさせていただきまして、ソースコード・ノウハウッ！のソースコード表示部分の JavaScript ウィジェットを制作しました。そこで、本日は新版codeなにがしのご紹介とともに、ソースコード表示ウィジェットの制作ノウハウなどを公開します。まあ、高度なことをやっているわけではありませんが、実例として多少は世の中の役には立つかな、と思っています（＾＾ゞ なお、これらの情報は OpenType 様の許可をいただいて掲載しています。情報公開を快諾してくださった OpenType 様に感謝いたします。 codeなにがしについてご存じない方もおられると思いますので、簡単にご紹介を。codeなにがしはソフトウェア技術者向けのノウハウ共有サービスで、主にユーザー間の FAQ コー
スライダーを極める為のテクニック集「25+ Awesome Slider Techniques」
現在WEBサイトで良く見かけるテクニックの一つスライダー。少ないスペースで様々なコンテンツを見せられるのが魅力ですが、今日はそんなスライダーのテクニックを集めたエントリー「25+ Awesome Slider Techniques」を紹介したいと思います。 Scrollable よく見るスライダーから、動きが特殊なものやインターフェイスが優れているもの様々なスライダーのテクニックが紹介されています。今日はその中からいくつか気になったものを紹介したいと思います。 詳しくは以下 ■jQuery.ScrollTo 様々な方向にスライドさせる事ができるスライダー応用次第では面白いものが作れるかもしれません。 ■Slider Gallery Macライクなスライドショー。シンプルに綺麗に見せたいときは良いですね。切り抜き写真とは相性が良さそうです。 ■Sliding Boxes and Captio
グラフチャートでスタイリッシュな画像を作成する16のJavaScript【記事紹介】
ただのクリップ記事です。 あとで色々いじってみようと思った記事があったのでご紹介。 簡単にグラフを作成したりするJavaScriptです。 JavaScriptでグラフ生成 16 JavaScript Graph Resources For Creating Stylish Chart こちらの記事。 jQueryを使ったものも混ざってますが、WEBサイト上で、動的にグラフを出力できるようにする為に便利。あとで使えそうなので記事として残しておきます。 個人的に気になったのが2個。 Raphaël―JavaScript Library SVGとVMLを利用する軽量なベクターイメージオペレーティングライブラリ。 画像の回転や反射効果付与、作成まで出来る代物。 jQuery Sparklines 数字を入れるとCanvasでグラフを書いてくれる。デモページのコードを見ればわかりますが、サイト上に
HTML5 Web Database向けのO/R Mapper「AlexRecord」を書いてみました。 - IT-Walker on hatena
詳しいドキュメントとダウンロードはこちらから。 オンラインデモはこちらから（要WebDatabase・・・つまりSafari4で見てください） AlexRecordってプロダクトをリリースしました。 HTML5 Web DatabaseをベースとしたO/R Mappingフレームワークです。 コーディングに要した作業時間は1.5日くらいなんで、テストは甘甘で、ソースは汚いです。。 が、一応いろいろできるようにはしてあります。 テーブルの作成／削除 レコードの保存／削除 ActiveRecordパターンの実現 参照先テーブルもプロパティとして取得できる（現在のところ、one-to-many関連や遅延フェッチには対応してません） クエリの抽象化と流れるようなインターフェース イベントハンドリング AlexRecordを用いると、文字列操作をガリガリ行ってSQLを組み立てる手間が必要なくなり、オ
jQueryで見栄えのいいグラフが描ける「jqPlot」 (1/3)
証券会社のサイトの株式相場グラフ、ショッピングサイトの価格変動グラフなど、Webサイト上に変動するデータをもとに、動的にグラフを表示したいことがあります。従来は、Flashを使うことが多かったですが、最近はAjax/JavaScript人気もあって、「JavaScriptでグラフも作成したい」というニーズも強くなっています。 以前、本誌では、HTML5のCanvasを使った図形のサンプルとして、グラフの描画方法を紹介しましたが（関連記事）、今回はグラフ描画に特化した専用ライブラリ「jqPlot」を使って、もっと簡単に見栄えのいいグラフを作成する手順を紹介します。 グラフに特化したjQueryプラグイン「jqPlot」 「jqPlot」はクリス・レオネロ氏が開発しているJavaScriptライブラリで、jQueryのプラグインとして動作します。HTML5のCanvasを応用してグラフを描く仕
JavaScriptでCSSを変更する際の互換表 - ウダ2 Blog
document.getElementById("test").style.backgroundColor = "#008800"; の様な感じで使う。 CSS JavaScript 背景
iPhoneライクにスクロールさせるJavaScript「OverScroll」
twitter facebook hatena google pocket iPhoneのスムーズなスクロールをJavaScriptライブラリ「jQuery」で実現しました。 via：OverScroll sponsors 使用方法 OverScrollからjquery.overscroll.jsをjQueryからjquery.jsをダウンロードします。 <script type="text/javascript" src="jquery-1.3.2.js"></script> <script type="text/javascript" src="jquery.overscroll.js"></script> <script type="text/javascript"> $(document).ready(function() { $("#id名").overscroll(); });
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IBM Developer
