Adobe Spryがすばらしい 5つの理由 - 無限責任社員の日記 ver.2
Ajaxのフレームワークは、Prototype.jsをはじめとして数多くあります。 私も、これまで「Protptype.js」「jQuery」「Motchkit」「Yahoo! UI Library(YUI)」と使ってみて、今は web creatorsの連載でもYUIを勧めています。 しかし、つい先日発売された「Adobe Creative Suite3（CS3）」が発売され、Dreamweaver CS3を触っているうちに、Adobe Spryがあまりにもすばらしい仕上がりになっていたので、思わず乗り換えてしまいました。 というわけで、これからは Spryにします宣言とともに、なにが良い点なのか、流行のブログタイトルで5の理由を挙げてみます。 1.重すぎない Spryはダウンロードファイルが 3.5MB程度、必要な.jsファイルや素材（Widget）は 700KB程度で収まります。Y
実際にスクロールするまで画像を読み込ませない「Lazy Load Plugin for jQuery」 - GIGAZINE
AJAXを簡単に使用でき、しかもいろいろな効果を追加できるJavaScriptライブラリ「jQuery」の機能をさらに拡張できるプラグインとして開発されており、実際にブラウザでページをスクロールダウンするまでは画像の読み込みを行わないようにできます。つまり、転送量や負荷を抑えてサーバにやさしい仕組みが実現できるというわけ。特に1ページに大量かつ大容量の画像をばしばしページに貼り付けまくっている場合には効果が絶大です。 詳細や実際の効果を体感できるデモページは以下から。 以下がデモページ。スクロールダウンするまで画像は読み込まれません。ON/OFFも可能。 Lazy Load Enabled プラグインは以下のサイトからダウンロードできます。 Lazy Load Plugin for jQuery Safariではうまく動いてくれないようですが、それ以外のブラウザでは順調に動いてくれるようで
JavaScript - 3ping.org
Bazookaほったらかして何をしてるかというと、ドーンとスキルアップを狙って、JavaScriptの参考書と関連サイトを読み漁っています。 なぜJavaScriptなのかというと、HTMLとCSSでおもろいことやろうと思ったらJavaScriptがでてきた。次にXMLとXSLTを勉強してて、おもろいことやろうと思ったら、またJavaScriptが出てきた。なーんだよもぉって思ってたら、Ajaxなんてものをよく目にするようになった。FLASHのActionScriptもガシガシ書いてみたい。 じゃあ・・・・ JavaScriptをやるっきゃない！ということで、猛烈に勉強しているんですが、すんげぇえ面白くなってきた。今まではオブジェクトだのインスタンスだのメソッドだのプロパティーだのクラスだのコンストラクタだのの単語が頭の中にゴッチャリ並列に並んでいたのが、少しずつ階層ができて整頓されてきた
Blogサイトで見かける変なHTML - 3ping.org
というキャッチーな見出しを付けてみたけれど、(X)HTML(以下HTML)なんてのは自由に書いて、伝えたい人たちに思っている事が伝わるならば、それでいーんです。と、最初に言っておくよ。 自分の作ったWEBページのメンテナンス性を上げたいと考える人や、ソースコードを簡潔にしてダイエットしたいと思う人も中にはいるでしょう。複雑なBlogツールのテンプレートソースに四苦八苦してる人、単にW3Cの仕様に準拠させたページを作りたいと思ってる人も多いかもしれない(それは素晴らしいことだよ！)。 コンテンツの利用価値を高めたいと思っている人達、そういった方へ向けて、僕がよく見かける「もっといい方法があるよ」と思えるHTMLの記述を、代替ソースとセットで書いていきます。 項目をa要素やbrを使って整形する リストをリンクのためのA要素でマークアップして並べるという、ブログのメニュー部分などでよく見られる
[JS]jQuery 1.2リリース&変更点など
jQuery 1.1.4を先日公開となったばかりですが、jQuery 1.2がリリースされました。 Release:jQuery 1.2 追記： jQueryのブログも更新されました。 jQuery 1.2: jQuery.extend(”Awesome”) jQuery 1.2の変更点やアップグレードの仕方を下記にピックアップしました。 jQuery 1.2のアップデート内容 jQuery 1.2へのアップデートの仕方 jQuery 1.2用のプラグイン jQuery 1.2で削除されたもの jQuery 1.2のアップデート内容 Selectors :has(selector) :header :animated XPath Selector Plugin Attributes .val() Overhaul Traversing .map() .prevAll() / .nextAl
![[JS]jQuery 1.2リリース&変更点など](https://cdn-ak-scissors.b.st-hatena.com/image/square/bc54860ba06deaa45382cf2bddc929515def0354/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fshared%2Flogo-2014050501-en.png)
マークアップエンジニアのための DOM Scripting + jQuery
マークアップエンジニアのための DOM Scripting + jQuery 株式会社ロクナナ 中村 享介 自己紹介 中村 享介（Kyosuke.jp） 株式会社ロクナナ／ディレクター ROKUNANA WORKSHOP OF MEDIA DESIGN 講師 Web検定 プロジェクトメンバー mixiコミュニティ 【優雅な】Web制作者の会 自己紹介 : 著書 『WebクリエイティブのためのDOM Scripting』 （毎日コミュニケーションズ） 自己紹介 : 著書 > 監修 『DOM Scripting 標準ガイドブック ～やさしく学ぶ、JavaScriptとDOMによるWebデザイン～』 （監修、毎日コミュニケーションズ） 自己紹介 : 著書 > 共著 『Dreamweaverプロフェッショナル・スタイル』 （共著、毎日コミュニケーションズ） 『ウェブの仕事力が上がる
++Flashプログラミング++ » Javascript：JQuery IDの指定
fladdict.netさんのブログで紹介されていたとっても便利なJavascriptのフレームワーク”JQuery”。さっそく試したが要素をまとめて指定する方法は載っていたがIDを直接指定する方法が載ってなかったのであれこれ試しました。結果はこの通り。 ソース <p id="main">かわるかな？</p> <p>DOMの操作もお手の物</p> <ｐ>簡単便利なJQuery</p> <script> $("p#main").html("かわるのさ"); </script> 実行結果 かわるのさ DOMの操作もお手の物 かんたん便利なJQuery →Javascript関連本ランキング＠Amazon
jQueryでブロック要素の高さを揃えてみる - 徒書
ブロックレベル要素の高さを揃えるheightLine.js[to-R]を見て不満に思ったのは、高さを揃える要素を取得するために固定のclass名を使っていることでした。これだと既存のHTML文書に適用するためには、script要素を加えるだけでなく、それ用のclass名も書き加えなければなりません。どうせJavaScriptを使うのであれば、既存のHTMLの構造を生かしつつスクリプト側で目的の要素を取得できたほうがいいのではと思いました。 というわけでまたも自分なりに書き換えてみるシリーズなのですが、今回は要素取得の柔軟さに着目してjQueryを使ってみることにしました。 できたものは以下です。 jquery.flatheights.js 動作サンプル jQueryの$関数ではCSSセレクタの書式で要素を取得できるので、例えば「"box1"というclass名を持つ要素」を集めるのであれば
jQuery 内容を書き換える
jQueryではhtml()メソッドで指定されたタグの内容を書き換えることが出来ます。html()の名前のとおりパラメータにはHTMLタグを含む文字列を指定することができます。以下のサンプルはボタンがクリックされるとpタグ内の文字を書き換えます。（サンプルを実行する） <html> <head> <meta http-equiv="content-type" content="text/html;charset=utf-8"> <title>サンプル</title> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"><!-- $(document).ready(function(){ $("#btn").click(function(){ $("p").html("
ウノウラボ Unoh Labs: 「サーバサイドCSS」という選択
miyakeです。突然ですが、CSSって書くの面倒ですよね。何らかのプログラミング言語を知っている人間から見ると、CSSというのは言語としてはかなり貧弱です。 もちろんCSSはプログラミング言語では無いので、それを貧弱だと言われてもCSSもいい迷惑かも知れません。でも、 div#content { ～ } div#content div.entry { ～ } div#content div.entry p { ～ } div#content div.entry ul { ～ } こういう大したことをしていないのに、コードがどんどん長くなっていくのを見ると、もう少し何とかならないものかと思ってしまいます。 コピペするにしても、 コピー元にカーソルを移動 範囲選択してコピー コピー先にカーソルを移動 ペースト という操作が必要になります。数が増えてくるとコピペのミスも発生しかねませんし、id
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
WordPress › Error
http://bizcaz.com/archives/2007/07/29-052631.php
jqueryでタグを追加するTips < 2inc.org