The web's scaffolding tool for modern webapps | Yeoman
Get started and then find a generator for your webapp. Generators are available for Angular, Backbone, React, Polymer and over 5600+ other projects. One-line install using npm: npm install -g yo What's Yeoman?Yeoman helps you to kickstart new projects, prescribing best practices and tools to help you stay productive. To do so, we provide a generator ecosystem. A generator is basically a plugin tha
Slashdot
An anonymous reader writes "I have been working on an HTML5 app for Panasonic VIERA TVs, specifically a client for the Plex Media Server. After paying $129 for the developer program, version 1.0 was submitted for inclusion in their VIERA Connect marketplace several weeks ago. After a few requested tweaks, they inquired about how the client communicated with the Plex Server. As many/most web develo
jQuery:ボタンの有効・無効設定 - クウネル戦隊ガキュオーン備忘録
ボタンをクリック時にボタンを無効にする必要があったので ついでにメモ〆('-'*) attr()でdisabledを設定することで ボタンの有効・無効を切り替えることができます。 2012.01.25 修正 /* jquery1.7.1 で確認 */ /* ボタンの無効化 */ $('#input_button').attr('disabled', true); /* ボタンの有効化 */ $('#input_button').attr('disabled', false); $('#input_button').removeAttr('disabled'); ↑まちゃ様よりご指摘頂きました。 ありがとうございます。 以前の情報（バージョンが不明です。。。） /* ボタンの無効化 */ $('#input_button').attr('disabled', 'disabled'); /*
【jquery】jQuery's jquery-.min.map が見つからない（404エラー） - せかいや
自分のサイトをデバックしながら見ていたら、こんなエラーが。 ここのサイトをみていると、 このmapファイルはjqueryをデバックしたいときに 変数や関数名をマッピングしてくれるファイルのよう。 特に必要ないので行ごと削除。 --- a/com/js/jquery-2.0.3.min.js +++ b/com/js/jquery-2.0.3.min.js @@ -1,5 +1,4 @@ /*! jQuery v2.0.3 | (c) 2005, 2013 jQuery Foundation, Inc. | jquery -//@ sourceMappingURL=jquery-2.0.3.min.map */ エラーが消えた。 よかった。
jQueryでフォームをAjax送信する際の基本パターンのチュートリアル。二重送信の防御とか。 | Ginpen.com
仕事の進みがちょいとアレなので、現実逃避もとい気分転換に。 フォームの入力内容を、jQuery.ajax()を使ってサーバーへ送信したいって時のパターンです。 基本的な流れ フォームのsubmitを拾う 通常の送信はキャンセル 送信ボタンを無効化 送信先URLやフォームの入力値を取得 送信 受信後、送信ボタンを戻す 入力値をどう得るか、というのがポイントかと思います。 送信ボタンを無効化するってのはやらなくても良いんだけど、誤操作防止のためにも是非やって頂きたいと思います。あと送信ボタンの制御以外にも応用がききます。 デモ なんかお問い合わせフォーム的なものを用意しました。 まー実際にお問い合わせフォームをAjaxで送信する場面なんてないような気もするんですが、基本パターンという事で。
jQuery を使ってHTMLタグをエスケープする
Javascript ネタです。 ユーザーがテキストボックスに入力した文字を、そのままその画面上に表示するような処理を、Javascriptで作成する際に、エスケープする処理が必要な場合があります。 AJAX でサーバー側から取得した値を表示する場合もそうですね。 今回は、そんなときのエスケープする処理を jQuery を使ってプラグイン形式で紹介したいと思います。 そもそもなぜエスケープする必要があるのか？ 知ってる人は知ってると思いますが、そもそもなぜエスケープする必要があるのか？というところから説明します。 PHPやPerlなどのプログラムを勉強された方はよく知ってると思いますが、ユーザーがテキストボックスに入力した文字をそのまま表示する場合、もしその中にHTMLタグが入っていたとします。 そうすると、（あたりまえですが）ブラウザはその文字をちゃんとしたHTMLタグだと認識してしまう
greasemonkey内でjQueryを使う - $shibayu36->blog;
久々にuserscript書こうと思って、greasemonkey辺りを触ってた。最近chromeではjsshellとか言うのがあるらしいけど、firefoxだったら今もgreasemonkeyで書いたらいいんだろうか。いまいちよくわかってない。 それはともかくuserscript内でjQueryとjQuery UIを使いたかったのでいろいろ調べた。 基本 userscriptでは最初の部分にいろいろ書くと、どんなURLで読み込むかとか設定できる。そこで@requireを使っておけばとりあえず、jQueryを読み込んで使うことができる。 // ==UserScript== // @name Script Name // @description Script Description // @namespace http://saficion.com/ // @include http://
jquery.diamonds.js demo
<link href="diamonds.css" /> <script src="jquery.diamonds.js"></script> <script> $("#flickrItems").diamonds({ size : , gap : , hideIncompleteRow : , // default: false autoRedraw : , // default: true itemSelector : ".item" }); // Check out your browser's console for methods and events that are called. // If autoRedraw is true, try resizing your browser window. </script> Photos from Flickr via. publ
jQuery で発生した IE6 限定のコメントに関する意味不明なバグについてのまとめ。
@kbysbtmup jQueryにて：いくつかのHTML要素を1つの変数にまとめてappend()したら、IE6だけ何も表示されなかった。でも変数の値をalertで見たらちゃんと入ってた。で、変数にまとめずに直接append()の中でまとめるようにしたらちゃんと表示された。何なんだろう。 2011-04-15 17:31:17
jQuery.ajax(options) - jQuery 日本語リファレンス
HTTP通信でページを読み込みます。 この関数はjQueryにおけるAJAX通信の基本部分で、実際には$.getや$.postといった関数を使った方が、容易に実装できます。 但し、これらの抽象化された関数は実装の容易さと引き換えに、エラー時のコールバックなどの複雑な機能を失っています。そのような処理を実装したい場合は、やはり基幹であるこの関数を用いる必要があります。 $.ajax関数は、戻り値として XMLHttpRequestオブジェクトを返します。殆どの場合、このオブジェクトを直接操作することは無いと思われますが、例えば投げてしまったリクエストを中断する場合など、必要であれば利用して下さい。 この関数は引数をひとつだけとりますが、実際にはハッシュで、キーと値の組み合わせにより多くのオプションを受け取ります。 以下にその一覧を載せますので、参考にして下さい。 async / boolea
[JS]ページ内アンカーをidだけでなくclassや要素にも指定できるスクリプト -Arbitrary anchors
通常のハッシュリンクと違い、#のすぐ後に「.」があります。これは、そのclassをもった最初の要素にリンクしています。 また、右端の「#.hello｜5000」はスクロールの速度を設定しています。 リンクのパターンはさまざまなものがあり、各所に利用されています。 Arbitrary anchorsの使い方 実装は簡単で、classのリンクやスピード調整だけでなく、通常のハッシュリンクでもアニメーションでスクロールさせることができます。 Step 1: 外部ファイル head内に、jquery.jsと当スクリプトを外部ファイルとして記述します。 <head> ... <script type="text/javascript" src="//code.jquery.com/jquery-2.0.3.min.js"></script> <script type="text/javascript
jQuery で容量の大きい JSON を配列に代入するときは注意！
jQuery で容量の大きい JSON を配列に代入するときは注意！ 2010/4/20 20:36 2018/10/23 20:19 0 Web制作 jQueryajaxJSON 当記事はアフィリエイト広告を掲載しています。 サーバーとクライアント（ブラウザ）のデータの受け渡しに、 JSON データを使うことにした。データが軽いし、 PHP 側でも JSON エンコードするだけだし、ブラウザ側の JavaScript のオブジェクトそのままだから扱いやすい。 でも、 jQuery の $.getJSON を使って JSON データを読み込もうとしてちょっとばかりはまったので、メモ的に残しておく。 → StackTrace ： $.getJSON(url, [data], [callback]) jQuery の $.getJSON は非常に簡単に扱いやすい関数なんだけれど、 JSON デ
Element: localName プロパティ - Web API | MDN
Document Object ModelElementインスタンスプロパティariaAtomicariaAutoCompleteariaBrailleLabel (en-US)ariaBrailleRoleDescription (en-US)ariaBusyariaCheckedariaColCountariaColIndexariaColIndexText (en-US) Experimental ariaColSpanariaCurrentariaDescriptionariaDisabledariaExpandedariaHasPopupariaHiddenariaKeyShortcutsariaLabelariaLevelariaLiveariaModalariaMultiLineariaMultiSelectableariaOrientationariaPlaceholder
複数のclassからどれか1つだけclass名を判定する方法 - by shigemk2
BGS-WORKS Blog » [Cording] 初めてのJQuery — class名で判定してCSSを指定する方法 class名の判定はこのようにすればいいと思いますが、 if( $(“body”).attr(“class”) !== 'hoge' ) { $('div.hoge').css('color', 'red'); } たとえばbodyのclassが複数あったら、もうこの方法は使えません。 というわけで、この方法を使います。 文字列に指定の文字列が含まれているか調べる関数 - おもしろWEBサービス開発日記 if($('body').attr('class').search(/interview-list/)) { $('div.hoge').css('color', 'red'); } 追記 .hasClassを使えばいいです。 .hasClass() | jQuery
jQuery親要素、子要素、兄弟要素取得のまとめ
※各メソッドにかいてある[条件]ってのは、タグ名やid、クラス名を指定するってことです。 条件を入れると、条件にあったものだけが取得されるようになります。 例：$(elem).parent("div.class-name, #id"); 通常のJavaScriptでの要素取得方法は→[JavaScript] 親要素・子要素・兄弟要素の取得方法 ■親要素の取得 □parent([条件]) 親要素の取得。 すぐ上の親要素のみ。さらに上の先祖要素にはさかのぼらない。 $(elem).parent("div"); 親要素がdivだったら親要素が取得できる。divじゃなければ空。 □parents([条件]) parent()と違い親より上の先祖要素までさかのぼる。 $(elem).parents(".class-name"); class-nameというクラス名がついた先祖要素のみ取得 □clos
jQuery の on() と off() を理解する - tacamy--blog
初心者向けの本とかだと、イベントを jQuery オブジェクトの後に直接指定する、 $('.foo').click(); のような書き方で説明されている場合が多いけど、少し複雑なことをしようとするとそれだと困ることが出てきます。そんなときに便利なのが on() を使ったイベント設定です。 on() ひとつで bind() live() delegate() を表せる jQuery 1.7 で、bind() live() delegate() がすべて on() に統合されたそうです。 つまり on() の書き方によって、3 パターンの使い方ができるということです。 .foo という要素をクリックしたら何かするという例で、イベントの設定と削除の方法をそれぞれ書いてみます。 bind() $('.foo').bind('click', function(){...}); は $('.foo')
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CSSレイアウトジェネレータ
HugeDomains.com
http://daily.d3js.info/?p=296
CSS Load.net - Loading CSS spinners and bars generator for AJAX & JQuery