サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
Pixel 9
www.0ness.net
This blog is a blog for the study of hirou that aims at an independent web creator. The knowledge such as Flash actionscirpt3, CSS2, CSS3, Javascript, jQuery, microformats, and SEO is being studied evenly now. This blog is customized fast as a proving ground of the design. 各ブラウザベンダーで実装作業が進行している新API WebSocketですが、サーバーとの双方向通信が目的の技術になります。サーバーとの通信技術としてはすでにWebではAjaxが利用されていますが、実際にどこがどう違うのでしょうか。 ちょっとメモしてお
source code $(function(){ $(".box a.t_01").click(function(){$("p.t_01 span").load("../common/load/load.xml")}) $(".box a.t_02").click(function(){loading()}) $(".box a.t_03").click(function(){loading02()}) //xml内のタグを読み込む 01 function loading(){ $.ajax({url:"common/load/load.xml",dataType:"xml",success:function(data){ $("item",data).each(function(){ $("p.t_02 span").append("" +$("title",this).text()+
This blog is a blog for the study of hirou that aims at an independent web creator. The knowledge such as Flash actionscirpt3, CSS2, CSS3, Javascript, jQuery, microformats, and SEO is being studied evenly now. This blog is customized fast as a proving ground of the design. iPadが発売され、各分野で騒がれている現在、自社のアプリを制作しようとしている会社が増えてきています。実際にiPadなどのAppleデバイスのアプリを開発する為には、一般的にObjective-Cという言語を使います。ASよりは多少、習得難易度の高い
This blog is a blog for the study of hirou that aims at an independent web creator. The knowledge such as Flash actionscirpt3, CSS2, CSS3, Javascript, jQuery, microformats, and SEO is being studied evenly now. This blog is customized fast as a proving ground of the design. This blog is a blog for the study of hirou that aims at an independent web creator. The knowledge such as Flash actionscirpt3,
This blog is a blog for the study of hirou that aims at an independent web creator. The knowledge such as Flash actionscirpt3, CSS2, CSS3, Javascript, jQuery, microformats, and SEO is being studied evenly now. This blog is customized fast as a proving ground of the design. 案件で、スクロールに対応したインタラクションの実装が必要になったのでjQueryでの記述をメモしておきます。複雑そうな感じですが、jQueryにはscrolltopメソッドがあるので、それを利用すれば簡単に値を取得できるんですねぇ。scrollイベント
This blog is a blog for the study of hirou that aims at an independent web creator. The knowledge such as Flash actionscirpt3, CSS2, CSS3, Javascript, jQuery, microformats, and SEO is being studied evenly now. This blog is customized fast as a proving ground of the design. 次から次へと登場するJSのプラグインですが、中には今までのHTMLのデザインを大きく変えてくれるものもあります。今回はその中で特に試してみたい「nehan」を紹介します。 テキスト縦組レイアウトを実現する「nehan」 nehan nehanはテキ
This blog is a blog for the study of hirou that aims at an independent web creator. The knowledge such as Flash actionscirpt3, CSS2, CSS3, Javascript, jQuery, microformats, and SEO is being studied evenly now. This blog is customized fast as a proving ground of the design. iPadのSafariで実現出来そうなWebコンテンツを集めてみました。 実験的なコンテンツが多い中、機能的にiPadと親和性が高いものもあります。開発者サイドの視点からチョイスしたので、技術の内容は気にしないでもらって、 「こんな事が出来る」ぐらいの
source code $(function(){ var leng = 22,i,num,spd =300,del = 20; $("a.t_01").toggle(function(){ for(i=0; i<leng ;i++){ num =i*del; $(".t_01 span:eq("+i+")").delay(num).fadeTo(spd,0)} }, function(){ for(i=0; i<leng ;i++){ num =i*del; $(".t_01 span:eq("+i+")").delay(num).fadeTo(spd,1)} }) $("a.t_02").toggle(function(){ for(i=0; i<leng ;i++){ num =i*del; $(".t_02 span:eq("+i+")").delay(num).hide(spd)
This blog is a blog for the study of hirou that aims at an independent web creator. The knowledge such as Flash actionscirpt3, CSS2, CSS3, Javascript, jQuery, microformats, and SEO is being studied evenly now. This blog is customized fast as a proving ground of the design. 最近、小さなバグの話とかHTML関連の事しか書いてないですが、またここで一つ。 HTMLのサイトを制作していると、クラスを二つ以上指定して組む時があると思います。そのサイトをブラウジングチェックした際に、指定の仕方でIEの6と7は崩れてしまう事がありま
This blog is a blog for the study of hirou that aims at an independent web creator. The knowledge such as Flash actionscirpt3, CSS2, CSS3, Javascript, jQuery, microformats, and SEO is being studied evenly now. This blog is customized fast as a proving ground of the design. jQueryでツールチップを自作する時のためのメモです。 /*jQueryでマウス座標を取得し表示する*/ var lefts,tops,axis; function(){ $("html").mousemove(function(e){
This blog is a blog for the study of hirou that aims at an independent web creator. The knowledge such as Flash actionscirpt3, CSS2, CSS3, Javascript, jQuery, microformats, and SEO is being studied evenly now. This blog is customized fast as a proving ground of the design. 以前、jQuery1.4で楽しみなメソッドで書いたjQuery 1.4のdelayメソッドを少し触ってみました。 動きをより追求できるdelayメソッド要素のアクションに遅延効果を追加出来るのがdelayメソッドです。animateメソッドとの相性はも
This blog is a blog for the study of hirou that aims at an independent web creator. The knowledge such as Flash actionscirpt3, CSS2, CSS3, Javascript, jQuery, microformats, and SEO is being studied evenly now. This blog is customized fast as a proving ground of the design. ちょっと前に、jQueryでテキストの外部ファイルを読み込む記事をちょこっと書きました。情報を保存しておくファイル形式は、用途によって色々変わると思いますが、今回は万能なXMLの読み込みをしてみたいと思います。 前回と今回の記事は、to-R / 西畑一
This blog is a blog for the study of hirou that aims at an independent web creator. The knowledge such as Flash actionscirpt3, CSS2, CSS3, Javascript, jQuery, microformats, and SEO is being studied evenly now. This blog is customized fast as a proving ground of the design. jQueryで外部ファイルを読み込んだ後に、関数で見栄えをよくした状態に変更しなおしますが、その際に余計な文字を消しておきたい時があります。csvファイルのカンマやテキスト内の余白などですね、 そういった状況で役に立つのが、jQueryのreplace
This blog is a blog for the study of hirou that aims at an independent web creator. The knowledge such as Flash actionscirpt3, CSS2, CSS3, Javascript, jQuery, microformats, and SEO is being studied evenly now. This blog is customized fast as a proving ground of the design. jQueryのloadメソッド 企業・商用サイトの制作の際、公開情報をクライアント側で編集したいという要望あったりします。CMSでの構築やXML読み込みといった選択肢がありますが、新着情報やちょっとしたコメントなど小規模なコンテンツの場合、制作・勉強コ
Flashでは更新情報を表示させたりする時にスクロールバーをよく使われると思います。 ただ、内容が多くなればなるほどバーが縮小していきますが、これは元々のバーのデザインも変わってしまいますし、バー自体をドラッグしづらくなっていきます。 バー自体はデザインと同じままで、スクロールの移動距離を変化させるようにすれば、問題は解決です。 「trick7.com」さんの情報を参考にイージングを追加したスクロールバーを作りました。 //なめらかに止まるための抵抗。値が小さいほど減速大。 var friction:Number = 0.2; //スクロールバーの背景をクリックしたときの抵抗。 var coursorMove = 1; var backFriction:Number = 0.1; //スクロール可能かどうかの正否 var flag:Boolean = new Boolean; //頻繁に使
ここはWebの勉強した事や、お気に入りのサイトなどをメモ帳のように殴り書きしていく、超個人的ブログサイトです。 jsファイルの「swfforcesize.js」 Pixelbreakerというサイトで配布しているファイルで swfobject.jsで表示したFlashのサイズに合わせて、スクロールバーを表示させる便利なファイル しかしWindowsのブラウザで使用するには多少HTMLの記述を丁寧に行わなければいけない。 問題部分は結構多そうだが、決定的に感じたものは 最低限の宣言文は記述する必要があるFlashPlayerの対応バージョンは厳守するbodyタグにしっかりとmarginのコードを打つ最悪の場合jsファイルを訂正する→ここで書かれている 下記の記述はまだまだLINTでの点数もひどいが、表示は上手くいった <?xml version="1.0" encoding="UTF-8"?
このページを最初にブックマークしてみませんか?
『www.0ness.net』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く