さらばjQuery！アニメーションをサクサク処理できるVelocity.jsの使い方
「jQueryのアニメーションが遅い」「CSSアニメーションは使いにくい」。そこでアニメーション処理の定番ライブラリー「Velocity.js」の出番です。基本的な使い方を一通り紹介しましょう。 本記事ではJulian Shapiroにより開発された高速かつ強力なJavaScriptアニメーションエンジン、Velocity.js（以降、Velocity）を紹介します。記事のコードやデモすべてに目を通せば、Velocityを使って自分のアニメーションが作れるようになり、サイトはさらにインタラクティブで使いやすいものになるでしょう。jQueryには頼らず、すべて素のJavaScriptだけで作ります。 この記事は『CSSライクでデザイナーに優しい！anime.jsはDOMアニメーションの新定番だ！』『HTMLもSVGもテキストも自在！DOMアニメーションの決定版「KUTE.js」が登場』の続編
JSのCIで椅子を投げられないため方法
状況はかなり改善した 非同期、setTimeout, Ajax系はSinonJSで簡単に Swarm系のツールでDOMのテストも容易に 環境構築も非常に楽になった PhantomJSはバイナリもあるし、ビルドも簡単 Swarm系のツールならブラウザでURLへアクセスすればすぐテスト開始
JS charts – The free JavaScript chart generator
What is JS Charts? JS Charts is a JavaScript based chart generator that requires little or no coding. With JS Charts drawing charts is a simple and easy task, since you only have to use client-side scripting (i.e. performed by your web browser). No additional plugins or server modules are required. Just include our scripts, prepare your chart data in XML, JSON or JavaScript Array and your chart is
jQueryのコードを良くする5つのTIPS
jQueryのコードを良くする5つのTIPS 5 Tips for Better jQuery CodeでjQueryのコードを良くする5つのTIPSが紹介されています。 DOM中にデータを保存できるdataメソッドを使おう $('selector').attr('alt', 'this is the data that I am storing'); // then later getting that data with $('selector').attr('alt'); 「alt」などのHTMLにデータを保存しておくと後で取り出せなくなってしまうことがあるから良くない。 $('selector').data('meaningfllname', 'this is the data I am storing'); // then later getting the data with
[追記]JavaScriptには\uXXXXがあるんですよ / LiosK-free Blog
2008-01-14 カテゴリ: Client Side タグ: Tips JavaScript トラックバック [追記]404 Blog Not Found:javascript - \uXXXXを使わない理由を受けて追記 dankogaiさんはあまりJavaScriptのリテラルに詳しくないのかな？ 404 Blog Not Found:regexp - 全角英数字を半角に var fascii2ascii = (function(){ var cclass = '['+String.fromCharCode(0xff01)+'-'+String.fromCharCode(0xff5e)+']'; var re_fullwidth = new RegExp(cclass, 'g'); return function(s){ return s.replace(re_fullwidth,
Adobe - Flash Player Version Penetration
Adobe stopped supporting Flash Player beginning December 31, 2020 (“EOL Date”), as previously announced in July 2017. Open standards such as HTML5, WebGL, and WebAssembly have continually matured over the years and serve as viable alternatives for Flash content. Also, major browser vendors are integrating these open standards into their browsers and deprecating most other plug-ins (like Flash Play
sarissa
Overview Introduction Download Source Code Credits/Changelog Documentation Installation HOWTOs TODOs API (JSDoc) Troubleshooting Unit Tests (ECMAUnit) Project Documentation Project Information Project Reports Powered by Sourceforge services for Open Source projects Source Perspective by FishEye Powered by Apache Maven OpenAjax Alliance Member Overview Sarissa is an ECMAScript library acting as a c
Enterprise Software Development and Consulting | Exadel
Services Strategy & Technology Consulting AI & Data Management Digital Experience Digital Products & Platforms IT Managed Services End-to-End Digital Transformation Reach out to our experts to discuss how we can elevate your business. Industries Banking & Capital Markets and Asset Management Communication, Media, and Business Services E-Commerce and Retail High Growth Startups Software and High Te
プロトタイプベース・オブジェクト指向
prototype-based object oriented 。 オブジェクトがスロット（クラスのインスタンスならインスタンス変数やメソッドに相当）の追加をクラスに依存せずに自由にできることを前提としたオブジェクト指向。あるいはそうしたオブジェクトを用いたプログラミングや、それをサポートする機構。 「インスタンスベース」、「オブジェクトベース」とも。 これらへの言い換えは「プロトタイプベース」という言葉が持つ限定的なニュアンスを払拭するのにおおいに役立つ。しかし同時に、前者の「インスタンスベース」において特に、“プロトタイプベースにはクラスがない”あるいは“プロトタイプベースはクラスベースの対極にある（あるいはアンチテーゼである）”といったような教科書的記述に惑わされている人をひどく混乱させるらしく、極端な拒絶反応を示す人もいるので注意。また、後者においては、オブジェクトオリエンテッド＝
mizzy.org : タグの関連性の可視化 #2
タグの関連性の可視化 #2 Posted by Gosuke Miyashita Wed, 23 Nov 2005 09:32:33 GMT 前回のエントリに対して、Blog Room - タグのデザインで良いアイデアを頂きましたので、ちょいと実装してみました。(Blog Roomのdbさん、ありがとうございます！) タグの上にマウスオーバーすると、関連するタグだけを表示して、色の濃さで関連の強さを表現し、関連しないタグは非表示にする、といったことをJavascriptでやってます。 ちょっと動きがbuggyだったり、見せ方には工夫の余地がまだまだありますが、前回のポップアップ表示よりはるかに良さげな感じですね。 06/04 追記 Takaさんから頂いたご意見をもとに、関連のないタグは消すのではなく、白くするようにしてみました。 ajax alpha geeks blog bloglin
fladdict.net blog: イベント・ドリブンなJavaScriptのやり方
Flashでに学ぶ非同期通信のノウハウのって感じのお話。JavaScriptでオブザーバパターンを用いて、イベントドリブンなコード（addEventListener等）をバリバリ書く方法です。 というかFlashで言うところの、mx.events.EventDispatcherクラスの自分なりの移植なわけですけど。 このEventDispatcherクラスを使うと、W3CのDOM3にそれなりに対応した、イベントモデルを自作のJavaScriptのオブジェクトに実装できます。これで素晴らしきイベントドリブンの世界が楽しめます。 function EventDispatcher(){} /** EventDispatcher.initialize( obj ) オブジェクトobjに、W3C DOM3互換のイベント通知機能を追加します。 これによりobjは、onLoad等のイベントを発行すること
[javascript] nazono
ファイル resizegrip エレメントをマウスでリサイズできる透明グリップ resizegrip - エレメントをマウスでリサイズできる透明グリップ floatingWindow 浮遊するウィンドウを生成する floatingWindow - 浮遊するウィンドウクラス buttondrag エレメントをマウスでドラッグ＆ドロップ buttondrag - エレメントをマウスでドラッグ＆ドロップさせる floatingLayer レイヤを浮遊させる floatingLayer - 浮遊するレイヤクラス xbrowser いくつかのブラウザで共通して使える基礎関数 xdom - DOM操作系関数 isbrowser - ブラウザ判定 Point - x,y の構造体 json json方式のエンコードとデコード json - json方式のエンコードとデコード ajax 非同期通信 aja
fladdict.net blog: JavaScript から Flashを制御する（超クロスブラウジング編）
オケラとかサッパリとか言う名前の駄目ブラウザ達のせいで、イマイチ実用的でなかったJavaScript → Flash間通信（逆は一応動く）。 モダンブラウザを全てサポートして、無理やり可能なことが発覚。 さぁ、奥さん。これは買わなきゃ損ですよ！！ 用意するものは、swfファイル２つとhtmlファイル２つ。 ロジックは以下の通り。 １．htmlAにある、swfAに対して値を送りたい。 ２．JavaScriptでIFrameに、swfBを持つhtmlBをロードする。 ３．htmlBの生成時に swfBのobjectタグに、送信したい値をflashVarsで書き込む ４．値を受け取ったswfBはローカルコネクション(LC)を作成、LC経由でswfAに値の通知を行う。 ５．swfAは無事に値を取得！ まさに、Flash beyond the Ajax！！これなら変数どころか、関数だって呼びだせます
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JS-App : a JavaScript Application Framework for developing complete applications or embeddable widgets
NRG JavaScript Editor