[B! jQuery][tutorial] Cherenkovのブックマーク

Cherenkov id:Cherenkov

jQueryとtutorialに関するCherenkovのブックマーク (17)

innerHTMLで挿入するhtmlにもjqueryを実行させたい。…
innerHTMLで挿入するhtmlにもjqueryを実行させたい。あらかじめJavaScriptのソースに、 $(function() { $('#divHoge').hoge(); }); を記述しておき、JavaScriptのinnerHTMLで <div id="divHoge"></div> を挿入した時にhoge()を実行させたいのですが、innerHTMLで普通に挿入すると実行されないようです。実行する方法はあるでしょうか？
Cherenkov 2012/04/21
innerHTMLで動的に追加される要素自体にも、追加時にDOMNodeInsertedが発火する

dom

event

javascript

jQuery

live

on

tutorial

cherenkov
リンク
無料で読めるJavaScriptの電子ブック7選 - memo.yomukaku.net
無料で公開されているJavaScriptに関する電子書籍を4冊紹介します。 JavaScriptに触れることが初めてで、JavaScriptを学びながらjQueryも使いたい方にはjQuery Fundamentalsがお薦めの1冊。mastering node.js http://visionmedia.github.com/masteringnode/ expressやjadeの開発者としてnode界で著名なTJ Holowaychukさんが書かれたnode.js本。 nodeのインストール方法から始まり、各APIの解説が書かれています。 StreamのAPIの解説のところ以降は、目下のところ書きかけになっています。 pdf、epub、mobi、htmlの4つのフォーマットで公開されています。 githubにソースも置かれています。 jQuery Fundamentals http:/
Cherenkov 2012/01/10
javascript

jQuery

node.js

ebook

book

programming

tutorial
リンク
Codrops | Useful resources and inspiration for creative minds
Codrops Demos Hub Discover our curated collection of 500+ free animations, interaction concepts, UI designs, web templates & more. Stay in the loop: Get your dose of frontend twice a week 👾 Hey! Looking for the latest in frontend? Twice a week, we'll deliver the freshest frontend news, website inspo, cool code demos, videos and UI animations right to your inbox. Zero fluff, all quality, to make y
Cherenkov 2012/01/08
コンテンツの充実度がハンパない

webdesign

tutorial

jQuery

plugin

sample

blog
リンク
「Webデザイナーのための jQuery入門」という本を書きました
programming notes. mainly about JavaScript / jQuery. [@Takazudo] [takazudo@gmail.com] Hint: alt + / 2011年12月7日発売です。もう本屋に並び始めたみたい。 Webデザイナーのための jQuery入門これは、Webデザイナーとか、HTML+CSSを普段書いてるような人でJavaScriptをほとんど知らないという人がターゲットで、そういった人らがjQuery使ってちょっとしたものを自分で作れるようになれるようになったらええんじゃないかという感じで書かれた本です。ちょっとしたモノっていうのは、この本で解説している、以下のような機能です。画像のロールオーバー入力フォームのガイドテキスト︵﹁検索ワードを入力してください﹂みたいやつ︶アコーディオン外部ファイルを読み込んで表作成スライドショータブ
Cherenkov 2011/12/12
jQuery

javascript

book

tutorial
リンク
CSSは分かるけど jQuery は苦手 … という人が jQuery に親しんでくれるといいなーと思って書きました
Webデザインをしていると、HTML と CSS だけではできない表現ってありますよね。そんな時によく使うのが jQuery。今回は jQuery っていまいちよく分からない ... っていう人が、jQuery に少しでも親しんでもらえたらいいなーと思って、知ってる事をまとめてみました。なので jQuery 初心者さん向けの記事です。とっても当たり前なんですけど、Web サイトは基本的に HTML で書かれていて、デザインは CSS で装飾されていますよね。最近では CSS3の登場で、簡単なアニメーションも CSS で作れるようになりました。でもクライアントワークでは、まだまだ CSS3を使える部分が限られているし、Webデザインに少し動きなどをつけたい時などは、まだまだ jQuery を活用する事も多いです。私は Javascript が苦手で、jQuery もどちらかというと苦
Cherenkov 2011/10/12
$(window).load(function(){は画像読み込み後なのか $(document).ready

jQuery

tutorial
リンク
BucketList App: Getting the Data (part 1) | appendTo
Overcome complex cloud challenges and build cloud talent from within
Cherenkov 2011/07/09
video podcast

jquery

javascript

tutorial
リンク
jsFiddleをとことん楽しむために知っておくと良い15の事 | ゆっくりと…
﹁fiddle﹂には、﹁いじくる, もて遊ぶ﹂とか﹁暇・時間をつぶす﹂などの意味があるようです。﹁jsFiddle﹂はご存知の通り、HTML + CSS + Mootools、jQuery、Prototype、Dojo などの各種 JavaScript フレームワークで、遊んでみようというサイトです。日本には、﹁jsdo.it﹂という、楽しいサイトもあるのですが、jsFiddle はまだαバージョン。次のβバージョンでは機能追加が数多く予定されており、個人的には期待大なのです。また jsdo.it にはない機能もありますので、必要に応じて使い分けるのが吉だと思います。今回はそんな魅力が伝えられるよう、まとめてみたいと思います。 1.Firebug Liteの組み込みクロス・ブラウザのチェックも含めて、console 系のデバッグ出力を使いたい場合、Firebug Lite
Cherenkov 2011/06/21
jsFiddle

JavaScript

jquery

WebService

tutorial
リンク
【Webサイト制作】独学素人がjQueryで、ドラクエ画面を作ってみた
こんなサイトを作ってみました　オッス、オラ日曜ネット大工。1年に1回くらい趣味でwebサイトを作ったりする独学素人ノンプログラマーです。仕事はＩＴ系にかすりもしないけど、たまにサイトが作りたくなるんです。 htmlもCSSも知識不足ですが、作成ソフトに頼ればなんとかなります。そんなレベルで無謀にも﹁JavaScriptも使いたいな﹂とか思ったりするわけですよ。で、たまに﹁簡単にわかるJavaScript入門﹂なんてサイトや記事がありますよね。ああいうのを書いてくださる人に、ちょっと言いたい。あの、独学素人ノンプログラマーの俺をなめてませんか？あなた方の想像を絶するほどに、俺のＩＴ系理解能力はゴミクズですよ！﹁簡単に分かる入門﹂にさえ入門できません助けて先生！と、鼻水をたらしながら泣き出すような底辺レベルのスキルしかないザコであります自分は。ですが、jQueryと出会い、
Cherenkov 2011/05/16
jQuery

javascript

tutorial

webdesign
リンク
node.jsとjQueryでスクレイピングするウェブアプリの作り方
やっぱ jQuery 便利ですよ(*´・ω・)(・ω・｀*)ネーセレクタ使って jQuery でダカダカやってると、DOM とか正規表現でネチネチやるのがバカらしくなっちゃいます。と日頃から思ってたりしてまして、サーバサイド JavaScript がメインストリームになって、jQuery でウェブアプリをコーディングできれば超ラクできるかもと期待しています。で、先日サーバサイドJavaScriptとjQueryでスクレイピングという記事をうpったところ、やっぱ Rhino じゃなくて node.js がえーんよ(´・ω・｀)というコメントを頂きましたので、node.js と jQuery でサーバサイド JavaScript スクレイピングしてみることにしました。今回は node.js ですので、単にスクレイピングする︵コマンドラインから実行する︶スクリプトだけじゃなくて、スクレイ
Cherenkov 2011/04/12
node.js

jQuery

jsdom

tutorial
リンク
jQueryMobileを使ってのスマートフォンサイトの構築メモ at HouseTect, JavaScriptな情報をあなたに
Captcha security check hisasann.com is for sale Please prove you're not a robot View Price Processing
Cherenkov 2011/04/11
iPhone

ios

sdk

javascript

jQuery

mobile

Android

tutorial
リンク
最近気になってきたjQueryについて色々調べてみました - もとまか日記
最近、﹁jQuery﹂というキーワードをよく見かけます。これって何だろ？と思ったので調べてみたら、JavaScriptのライブラリのようで。てことで、最近ちょっと気になってたJQueryについて調べてみました。 jQueryの概要まずは難しいことは抜きにして、以下を読んでみると分かりやすいです。はじめてのjQuery jQuery仕様関連一応ですが、仕様について。 jQuery 日本語リファレンス必要に応じてみればいいかな？と思ってるので、まだ細かくは見てません。初心者向けの基礎知識、基礎講座最初は初心者向けの記事を読んでみると良さそうです。 ASCII.jp‥40分で覚える！jQuery速習講座一晩で覚えるjQueryの逆引き基礎サンプル7つjQuery事始め・コピペに頼らず、基礎知識を理解して実際に動かしてみるjQuery 開発者向けメモサンプル、プラグイン調べてて
Cherenkov 2011/04/11
jQuery

tutorial
リンク
Let's jQuery - ひとりでできるもん - あと味
先週土曜日に、WCAFのイベントでセッションを担当しました。ターゲットはWebデザイナーとマークアップエンジニアなので、比較的簡単な内容です。セッション内容をそのまま加筆して記事にすることにします。では、以下、その内容。 jQueryの流行 jQueryは2005年に登場後、瞬く間に広まった、JavaScriptライブラリの雄です。ひとつ、統計情報を見つけたので紹介します。 403 - Forbidden: Access is denied. この記事の上にある折れ線グラフをご覧ください。グラフにポイントし、右端に移動すると、緑色の線上に37.71%という吹き出しが表示されます。このグラフはTop10,000サイト中、jQueryを採用しているサイトの割合を表していて、Top10,000サイト中、40%近くがjQueryを採用しているということになります。︵統計結果が信用できるかど
Cherenkov 2010/10/23
「GoogleのCDN経由でjQueryをダウンロードすると、1年間はキャッシュ」mouseover,mouseoutはhover()に。addClass,removeClassはtoggleClass()にしてもいいですね。

jQuery

javascript

tutorial
リンク
バリデーション、読み込み中表示、通知メッセージ機能を備えたAjaxフォームの実装 - GeekFactory
Webアプリでは、フォームに入力された値をチェックしてAjaxでサーバに送信するパターンがよく使われます。ここでは、下記のプラグインを組み合わせてAjaxフォームを実装する方法を紹介します。 jQuery Form Plugin - Ajaxフォーム jQuery Validation Plugin - 入力チェック jQuery Loading Plugin - 読み込み中表示 jGrowl Plugin - 通知メッセージ表示まず、Webページにフォームを用意します。 <head> <script type="text/javascript" src="http://ajax.google apis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script type="text/javascript" src="http:/
Cherenkov 2010/10/15
入力チェック読み込み中表示通知メッセージ表示 jgrowl loading

jQuery

ajax

plugin

javascript

tutorial

UI

form
リンク
14のjQueryベストプラクティス[to-R]
14のjQueryベストプラクティス原文:14 Helpful jQuery Tricks, Notes, and Best Practices 良かったので翻訳してみました。かなりの意訳で、上手に訳せてない箇所も多いので詳しくは原文を参照してください。 1.メソッドはjQueryオブジェクトを返すほとんどのメソッドがjQueryオブジェクトを返すのが重要です。これにより次のようなメソッドチェーンが可能になっています。 $someDiv .attr('class', 'someClass') .hide() .html('new stuff'); jQueryオブジェクトを返すのがわかっていれば次のように分割して書くことも出来ます。 var someDiv = $('#someDiv'); someDiv.hide(); 次のように一行で書くことも出来ます。 var someDiv
Cherenkov 2010/09/14
「jQuery1.4から$()メソッドの第2引数で属性を設定できるようになった」Sizzle発動するのは対応してないブラウザの時か、なるほどなぁ。

jQuery

tutorial

tips
リンク
jQuery - プラグインの作り方 - komagataのブログ
jquery.unk.jsプラグイン。 (function($){ $.fn.unk = function() { $(this).text('unk') return $(this) // 一応Chain出来るようにしとく } })(jQuery) <html> <head> <title>jQuery Plugin Sample</title> <script src="http://ajax.google apis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script> <script src="jquery.unk.js" type="text/javascript"></script> <script type="text/javascript"> $(function(){ $('bod
Cherenkov 2010/07/21
jQuery

tutorial

plugin
リンク
Best jQuery Tutorial Websites - SaveDelete
jQuery is a JavaScript library which works on cross-browser ( multi -browser ) to beautify and simplify user experience in web designing. Developed in Jan 2006 at NYC by John Resig it is now the most popular JavaScript library which is being used today in web design arena. Its so popular status is due to its free, open source culture which has made it possible to create awesome animations, handlin
Cherenkov 2010/07/18
jQuery

tutorial

plugin

webdesign
リンク
【YQL 速攻レビュー】米 Yahoo! が SQL っぽく色んなデータを取ってこれるAPIを出した - てっく煮ブログ
米 Yahoo! が Yahoo! Pipes みたいに自由度が高くて、またちょっと毛色が違うサービスが出てきた。題して、Yahoo! Query Language。YQL と呼ぶようだ。SQL 風の言語を REST で投げて、結果を XML や JSON で受け取ることができる。具体的にやってみないと分かりにくいので、とりあえず試してみた。RSS からデータ取得YQL を使って RSS から最新のタイトル10個を取ってきてみる。こんな YQL になるらしい。 select title from rss where url='http://d.hatena.ne.jp/nitoyon/rss' rss テーブルに対して select を発行している。実際にこの YQL を試すには YQL 用の console を利用するとよい。︵※要ログイン︶console の左上に YQL を入力して
Cherenkov 2010/06/23
スクレイピング

yql

JSON

webservice

javascript

SQL

yahoo

jQuery

mashup

tutorial
リンク
1