seekAttention 注目箇所だけハイライトのアニメーションで強調。 スクロール・ドラッグなど操作関連のjQueryのプラグイン
jQueryのプラグイン100選 -2008年総集編 | コリス
seekAttention 注目箇所だけハイライトのアニメーションで強調。 スクロール・ドラッグなど操作関連のjQueryのプラグイン
エディタで編集するだけでhtmlファイルをリロードするJavaScriptライブラリ - 素人がプログラミングを勉強していたブログ
追記：最速インターフェース研究会 :: Firefoxでの開発を高速化する自動リロードスクリプトで既出でした。 デモを 2008-11-03_1209 - javascripter's library に置いた。 ライブラリ本体は javascripter's gist: 21788 — Gist にある。 (function () { var last = null; (function request() { with (new XMLHttpRequest()) { open('get', location.href, true); send(null); onload = function () { if (!last || last == this.responseText) { last = this.responseText; setTimeout(request, 500)
IE8での変化点一覧 + 備忘録 - latest log
IE8 ではかなりの数のメソッドやプロパティが増えているようです。書き残します。 element.getAttribute について追記しました。 window.toStaticHTML window.toStaticHTML は、XDomainRequest や postMessage で受け取った文字列(HTML)をサニタイズ(消毒)するメソッド。 XHRやJsonで受け取った文字列のサニタイズにもシーンを選べば使えるのだろうか。 onclick等のイベントハンドラ系を潰す。 <div onclick="alert('hoge')">hoge</div> ↓ <div>hoge</div> scriptタグを潰す。 <script>alert("hoge")</script> ↓ 無かったことになる CSS::expressionを潰す img { expression(uuClass
Using jQuery for Background Image Animations
After reading Dave Shea's article on CSS Sprites using jQuery to produce animation effects, I felt like playing around with things to see what could be done but accomplish it with a simpler HTML structure (no need for adding superfluous tags) and simpler code, too. Changing the position of the background image felt to be the best approach to creating the type of effect we're looking for (and I'm n
CSS Sprites2 – It’s JavaScript Time
A sense of movement is often the differentiator between Flash-heavy web sites and standards-based sites. Flash interfaces have always seemed more alive—responding to the user’s interactions in a dynamic way that standards-based web sites haven’t been able to replicate. Lately that’s been changing, of course, with a resurgence in dynamic interface effects, helped along by JavaScript libraries that
jsmap - JavaScriptによる都道府県入力補助
Q - なぜ、全国地図にしないのですか? 4つほど理由があります。 ポップアップが場所をとりすぎるから 現在、地図部分は185x120pxにおさめていますが、標準的なモニタ解像度ではこの辺が限界です。 キーボード操作時の押下回数を減らすため jsmapがフォーカスするのはSugarCRMなどのWEBアプリです。使い切りのWEBフォームと違い、慣れによるスピードアップが望めるUIである必要があります。 多言語対応のため 日本は47都道府県なので、かろうじて可能だと思う方もいるかもしれませんが、これがイギリス(現在製作中)とかでは100を超えます。 認知的限界のため これも重要。ぱっと見て探せる数というのは、15や20がせいぜいです。 ただ、上記の話とは別に、地方選択用の全国図はあってもいいと考えていますので、それは将来のバージョンで。 Q - 地図はもっと詳細化/単純化しないのですか? 詳細
Google人気JavaScriptライブラリ配布開始、ネット全体でキャッシュ効果 | エンタープライズ | マイコミジャーナル
GoogleからGoogle AJAX APIを拡張する新しいサービス「The AJAX Libraries API」が公開された。The AJAX Libraries APIはGoogleのサイトで人気のある有益なJavaScriptライブラリを提供しようというもの。これまでYUIであればYahoo!、DojoであればAOLなどが同類のサービスを提供していたが、特定のJavaScriptライブラリに限定することなく有益であれば配布に追加するというポリシーをもっている点が新しい。 JavaScriptライブラリを活用するタイプのWebアプリケーションは数多くある。結果として、何度も似たようなJavaScriptライブラリをダウンロードしていることになり、このままいけば今後ライブラリ自体のサイズの巨大化や多くのサービスの登場でライブラリダウンロード総量は増加することになる。 The AJAX
window.onload と <body onLoad> の違い
JavaScript 使いじゃないので，何が違うのかよく分かってなかったのでちょっと調べたメモ． そもそも window と document.body が別の世界の存在だと考えたほうがよさげ． window はブラウザのウインドウそのもので，JavaScript の処理系が生きてる限り存在する (たぶん)． 一方，document.body は html から生成された DOM のオブジェクト． 以上 2 点からも，ページの遷移とかのブラウザの制御のようなことは window.onload に， ページ内に表示する何かは document.body.onload に，という使い分けがあるのだと思われます． body.onload と window.onload を同じように説明しちゃってるところはモグリ，ということで納得しました． 以下，参考になった情報源です． How
本気でやるならonclick属性は避けてライブラリを活用すべき - id:HolyGrailとid:HoryGrailの区別がつかない日記
第1回 そろそろ本気で学びませんか？ | Think IT これ、今この記事書いてる時点で650以上ものブクマがされているんだけれども、あまり内容がよろしくない。 というのも、解説はとても丁寧ですごくよい内容なのだけど、サンプルコードの書き方がどうも古くさい。 onclick属性とか、今時のフロントエンドエンジニアはそんな書き方はしない（と思う）。 なぜonclickをあまり推奨しないのか やっぱり、エンジニアとデザイナーorマークアッパーとの分業の点でHTMLの属性にスクリプトを書いちゃうのはあんまりよろしくない。 たとえばの話だけど関数の名前を変えたかったり、だとか、HTMLを変更したり、っていうときにミスが起こりやすくなってしまう。 これは分業していなくてもどちらにしろ発生してしまうことだと思う。 他にも前に書いたのだけど、aタグとかでonclickしちゃうとhrefにreturn
JavaScript 1.6-1.9はECMAScript 4へ至るコード名だって? | エンタープライズ | マイコミジャーナル
Mozilla Foundation, JavaScript Evangelist, John Resig氏は22日(米国時間)、JavaScriptやそれを取り巻くバージョンについて説明に混乱があったとし、Webブラウザとそれが実装しているECMAScript/JavaScriptのバージョンについてまとめている。同氏は同月16日(米国時間)、 Planning JavaScript 1.9においてすでにFirefox 3に搭載する機能は決定されており、今後は以後のバージョンでどこまでJavaScriptの機能を実装していくか検討する段階にきたという説明をしているが、この辺りの説明をさしてバージョンとその意味するところを明確にしたい狙いがあるとみられる。 同氏の説明によるとWebブラウザとその実装しているECMAScript/JavaScriptのバージョンは次のとおり。 IE6-7:
DIVコンテンツの表示トグルをPHPでカバーする - MID [Serendipity Weblog]
あるコンテンツの表示をJavascriptでトグルする方法がいろいろありますが、別にエフェクトではったりを使う必要も無く、タブ切り替えの形で実装するにあたって最も洗練されているのははてなじゃないかと思っています。 ただ、最上部のこの部分についてはアクセシビリティも考慮されていて、Javascript=offの時でも動くのですが、 その際は別ページに移動されてしまうので若干スマートさに欠けています。 中央部あたりのこの部分はJavascript=off では動きません。 同じような実装二つで動きが違うのは謎ですが。 そこで、はてなの実装を参考にしつつ（パクリとも言いますが）、PHPでそこらへんをカバーしたいと思います。 ところで、このはてなの表示トグルが非常に洗練されていると思う点ですが、 Javascriptで切り替えているのはCSSの一箇所だけというところです。 以
The Lightbox Clones Matrix « planetOzh
This tool lists a number of javascript scripts designed to embed various objects in HTML pages, such as images, flash animations, movies and iframes. Comparison of various scripts that display images and other objects in somehow cool CSS popups
JavaScriptを理解する
java script を理解する。。。 愛用本 詳解 HTML & JavaScript 辞典 IE でしか動かない物が多いと思いますので Using the W3C DOM もチェックして修正してください。 算術演算子 演算 演算子 加算 + 減算 - 乗算 * 除算 / 剰余算 % 代入演算子 演算子 意味 = 代入 += 足して代入 -= 引いて代入 *= 掛けて代入 /= 割って代入 %= 割った余りを代入 単項演算子 演算子 意味 ++ １足す -- １引く - 符号の反転 関係演算子 演算子 意味 > 大きい時 >= 以上 < 小さい時 <= 以下 == 等しい時 != 等しくない時 真と偽 真は true 偽は false 論理演算子 演算子 意味 && (and) 比較対象が真ならば真、それ以外ならば偽 || (or) 比較対象のどちらかが真ならば真、それ以外は偽 ! (
あのサイトのAjax、Javascriptを実装するための方法60選『60 More AJAX- and Javascript Solutions For Professional Coding』 – creamu
DiaryTechnology あのサイトのAjax、Javascriptを実装するための方法60選『60 More AJAX- and Javascript Solutions For Professional Coding』 あのかっこいいサイトのAjaxを取り入れたい。 そんなあなたにおすすめなのが、『60 More AJAX- and Javascript Solutions For Professional Coding』。あのサイトのAjax、Javascriptを実装するための方法60選だ。 ↑はCoda Popup Bubbles。 クールなポップアップメッセージが表示される。 » iCarousel carouselを作るためのオープンソース（フリー）Javascript » Product Slider スライダーで商品を選択できるインターフェース » Oversize
masuidrive on rails - ブログにはてブのコメントを表示するhatana_bookmark_anywhere.js
Photo by puddles for snails ブログを書いていると、はてなブックマークにいいコメントが付くことがあって、これが多くの人に見てもらえないのは、勿体ないなぁーと思うことがたまにあります。 本当はブログのコメント欄に残してもらえるとうれしいのですが、敷居が高いのかなかなか書いてもらえません。 それなら、ブログにはてなブックマークのコメントを表示すればいい！と思って作ってみました。 どこでもはてなブックマークのコメントを表示するスクリプト、「hatana_bookmark_anywhere.js ver 0.1」をリリースします。 実際の設置例はこのページの下の方を見てください。 設置方法は超簡単。https://raw.github.com/masuidrive/hatena-bookmark-anywhere/master/hatena-bookmark-anywhe
javascriptのオススメ本 | Takazudo Clipping*
javascript会社でいることになるかも知んないから、なんかあったらオススメ本教えてと友人に言われて、返した返答。自分は、むずかしーjavascriptがバリバリ書けてラムダ関数がうんぬんでブラウザがアップデートされるたびに何ができるのか気になっちゃうぜ！という人ではなくて、まー、フツーのサイトでよくつかわれるようなやつは、1日2日くれれば大体できますし、ライブラリとして配布されてるような奴を、思い通りにカスタマイズしてあげちゃうぐらいのことは大体できますよ程度。 -- 自分は、いちばんjsを覚えるきっかけになったのは、jQueryっていう、jsのフレームワークをいじってから。 それまでは、会社でほかの人が作ったのを流用したりぐらいだったけれど、jQueryいじりだしてからかなりいろいろ出来るようになったし、そこから素で一から書くjsの方に立ち返った感じ。jQueryの何がいいかって
文字列のバイト数をカウントする | JavaScript Tips
文字数ではなく、バイト数を数える処理です。 文字列を１文字ずつ確認し、１バイト文字の場合は１を足し、２バイト文字の場合は２を足した合計を返します。 /**************************************************************** * バイト数を数える * * 引数 ： str 文字列 * 戻り値： バイト数 * ****************************************************************/ function CountLength(str) { var r = 0; for (var i = 0; i < str.length; i++) { var c = str.charCodeAt(i); // Shift_JIS: 0x0 ～ 0x80, 0xa0 , 0xa1 ～ 0xdf ,
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Michael Leigeber
http://ntt.cc/2008/04/08/over-21-beautiful-javascript-and-ajax-based-solutions-to-our-gallery-requirements.html