PHP、Perl、Ruby、C、C++等40以上の言語をブラウザで実行できるようになるjQueryプラグイン「Run This」 2010年03月11日- Run This! PHP、Perl、Ruby、C、C++等40以上の言語をブラウザで実行できるようになるjQueryプラグイン「Run This」。 ブラウザ内の<pre>コードで記述した部分を、その場でそのまま動かすことができ、うまくサイトに組み込めばより訪問者にとってわかりやすいページを作ることが出来そうです。 例えば、PHPの入門サイトなんかでは挙動を一瞬で確認できてしまいます。 具体的には以下の言語に対応しています。 Ada, Assembler, AWK, Bash, bc, Brainf**k, C, C#, C++, CLIPS, Clojure, COBOL, Common Lisp, D, Erlang, Forth
ストリートファイターみたいなゲームを作れるようになったjQuery用ゲームフレームワーク「gameQuery」 2010年03月11日- gameQuery - a javascript game engine with jQuery 結構前に紹介した、jQueryでゲームを作れるフレームワーク「gameQuery」がパワーアップしてるようです。 ストリートファイターならぬ、JavaScript Fighter 2 というタイトルでデモが公開されていて、一見の価値ありです。 次がJavaScript Fighter 2 の画面。動きます。 他にも多数デモゲームが公開されています。 JavaScript でゲーム作成にチャレンジする際には参考にしてみましょう。 関連エントリ JavaScriptで書かれたテトリスゲーム JavaScriptでリズムゲーム「JavaScript Rock St
GreasemonkeyスクリプトのAutoPagerizeやFirefox add-onのAutoPagerのように、スクロールするだけで自動ページングできるjQueryプラグインを作ってみました。 ※10/22 全面的に書き直したv1.0.0をリリースしました。 詳しくはhttp://lagoscript.org/jquery/autopagerを参照してください。 サンプル $.autopager({ nextLink : '#nav a:last', // 次ページリンクのセレクタ pageElement: '#res' // ページコンテンツ部分のセレクタ }); jQuery.autopager(options) サイトに次ページの自動読み込み機能を付け加えます。 options nextLink: 次ページのリンクを持つ要素へのセレクタ pageElement: ページコンテ
新着記事一覧 がまかつ、同社鮎竿の頂点に立つ「エクセルシオ・マスターマインド」発売 [17:52 3/30] ドゥカティ、ネイキッドバイク「ストリートファイター」を6月に発売 [17:39 3/30] 今年の桜の元気度は? - 桜の健康診断「花数調査」開始、ウェザーニューズ [17:33 3/30] 【レビュー】パイ型メニューを表示してマウスだけで簡単操作 - Firefoxアドオン「easyGestures」 [17:30 3/30] フォルクスワーゲン、「ティグアン」に追加グレード「スポーツ&スタイル」 [17:24 3/30] Cypress、非同期SRAMなど3製品を発表 - 64Mビットまでポートフォリオを拡張 [17:20 3/30] G-Tune、「FEZ」大型アップデートに対応した推奨デスクトップ3製品 [17:18 3/30] 名古屋鉄道、7000系と100
jQuery Cycle Plugin を使ってみました 少し前にSBMなんかでよく見かけたjQuery Cycle Plugin、かっちょいいからいつか使いたいなーと思ってたんですが、タイミングよく機会があったので使ってみました。 jQuery Cycle Plugin って何? jsライブラリ「jQuery」のプラグインで、これを使うといろんな種類のエフェクトを使って画像のギャラリーが簡単に作れるという物です。エフェクトというと、なんとなく「script.aculo.us」を連想したりもするんですが、とりあえずサイトでjQuery使ってるし、その流れでjQuery Cycle Pluginを使ってみようということになりました。いろんな動きがあるので、まだ見たことない方は一度jQuery Cycle Pluginでデモを見たらいいかも、です。 設置方法も簡単だった で、さっそく準備。jQ
PHP、JavaScript、CSS、Webページ埋め込みによる音声・動画配信方法など、実用的なプログラミング・テクニックを解説jQuery + Adobe Flash integration plugin 〔jQuery+Adobe Flash統合プラグイン〕 jQuery Flash Plugin〔Flashムービーの埋め込み〕 jQuery Media Plugin〔様々なメディアファイルの埋め込みタグに変換する〕 jQuery SWFObject Plugin 〔jQuery版SWFObjectプラグイン〕 jQueryを使用した、WebページにFlashオブジェクトを埋め込むためのJavaScriptツール。 flashembed('myContainer', 'myflash.swf')のように記述するだけで、WebページにFlashオブジェクトを簡単に埋め込むことが
ABOUT The s3Slider jQuery plugin is made by example of jd`s smooth slide show script. I needed something like that for jQuery (for my web site kruskica.net). Since i didnt find it after a small research i decided to build it by my self. Demonstration HOW TO USE It is very easy. First include the jQuery library then include the s3Slider javascript in the head of the page(s) where you want to use s3
連載:改造WebアプリケーションUIビフォー/アフター 第2回 Webアプリ改造の前に「速習! jQuery/jQuery UI」 葛西秋雄 2010/03/05 はじめに 前回では、ASP.NETのデータ・コントロールを利用した3階層のWebアプリケーションである「ITブック」を紹介しました。今回は第3回の準備編として、jQueryのAPIとjQuery UIのプラグインの使い方をざっくり理解していただきます。 jQueryのHello World jQueryは、米国のJohn Resig氏が中心となって開発したJavaScriptのライブラリです。わずか数行のコードを記述するだけでアニメーションなどのエフェクトをWebアプリケーションに組み込むことができます。 jQueryはDOM(Document Object Model)の要素を検索したり、属性を書き換えたりするためのAPIを豊
IE PNG Fix 2.0 Alpha 4 This script adds near-native PNG support with alpha opacity to IE 5.5 and 6. Now you can have full translucency and no more ugly grey borders! Full CSS background positioning and repeat are supporting (including CSS sprites). It requires only one line in your CSS file, and no changes to your website HTML. <IMG> tags and background images are both supported. Script License Ag
WordPress Black Friday 2019 is here! Yes, it’s that time of the year again. Black Friday is the first Friday after Thanksgiving in the USA. Thanks to some creative thinking, you can have a lovely and animated drop down menu done in CSS – no JavaScript required. Great color can be a key part of your next design project. Selecting a color palette can be an almost overwhelming decision. What colors t
One method that I’ve been wanting for quite a while now was a simple way to format old JavaScript dates in a “pretty” way. For example “2008-01-28T20:24:17Z” becomes “2 hours ago”. Here’s some more examples: prettyDate("2008-01-28T20:24:17Z") // => "2 hours ago" prettyDate("2008-01-27T22:24:17Z") // => "Yesterday" prettyDate("2008-01-26T22:24:17Z") // => "2 days ago" prettyDate("2008-01-14T22:24:1
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
jQueryにはたくさんのプラグインがあるので、気づけばjsフォルダがものすごいファイル数になっていたりします。今回はプラグインを使わなくても簡単に実装できる機能を「26 cool and useful jQuery tips, tricks & solutions」というエントリーから紹介します。 詳しくは以下 1.右クリックを無効にする方法 右クリックを禁止したい場合などに。コンテキストメニューが非表示になります。 $(document).ready(function(){ $(document).bind("contextmenu",function(e){ return false; }); }); 2.フォームの初期値を消す方法 検索フィールドなどに。 $(document).ready(function() { $("input.text1").val("Enter your
JavaScriptやjQueryでCSSを操作することをよくするのですが、jQueryなどで実行しようと思うと、DOMの読み込みを待ってから適用させることがほとんどなので、場合によっては、display:none;にして見せたくないところもチラっと見えてしまうなんてことがあったりしませんか? それが嫌な場合はあらかじめCSSでdisplay:none;をあらかじめ指定しておくなどの必要があるのですが、JavaScriptがオフの環境でもそれが適用されてしまうことになるので、見せるためのコードが使えないなんて状況になったり。 チラッとも見せたくないし、OFFの環境の人にも見せたい・・・そんな時のために、JavaScriptに影響を受ける箇所のCSSをJavaScriptで追加し、且つ、DOMの完了を待たずに実行するような仕組みにしてみたらどうかと考えたので、それを実現させるコードをjQue
これは面白い!jQueryでバーコードを描けるプラグイン「jQuery BARCODE」 2010年02月24日- BARCODE : JQUERY PLUGIN TO CREATE BARCODE ONLINE jQueryでバーコードを描けるプラグイン「jQuery BARCODE」というものがあるみたいです。 普通画像を描画というとサーバサイドという発想が出ますが、jQueryを使ってJSでバーコードが描画出来ます 試しに携帯で読み取ってみたらちゃんと読めました。 実装も次のようにとっても簡単で、第一引数にデータと、第二引数にバーコードのタイプを埋め込めばいいみたい。 <div id="bcTarget"></div> $("#bcTarget").barcode("1234567890128", "ean13"); ean8, ean13, code11, code39, code
「その場編集」を実装 前回はツールチップの実装方法をご紹介しました。 今回「Edit In Place」や「その場編集」と呼ばれる、テキストをクリックすると、その場で編集できるようにする仕組みを実装してみます。 今回の仕組みを考える この「その場編集」の仕組みを考えてみましょう。今回の要件は以下の通りにします。 最初はただのテキスト クリックをすると、テキストがinput要素に置き換わり編集可能に。 input要素からフォーカスが外れたら、input要素が編集後の文字に置き換わる。 フォーカス外れた時、valueの値が空なら最初の値に戻す。 本来であれば、上記の仕組みの4の後に、PHPなどでデータベースに編集後の情報を送信し、保存するという仕組みになるのですが、今回はその前のところまでの実装方法のご紹介とします。 まずは完成サンプルとソースコードを見てみましょう。 完成ソースコード jQu
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く