[JS]Flashでもない、HTML5でもない、タイムラインベースの複雑なアニメーションを作成できるスクリプト -Mashi | コリス
ぱっと見た瞬間「Flashだな」と思ってしまったくらいの、Flashで実装したような複雑なアニメーションやムービーを作成できるスクリプトを紹介します。 使用するのはHTML, CSS, JavaScriptで、こういったものにありがちなHTML5, Canvas, CSS3には頼っていません。jQueryなど他のスクリプトにも依存していません。 ※CSS3のエフェクトなどオプションとして利用が可能です。 Mashiの主な特徴 スタンダードなHTML, CSS, JavaScriptでFlashのようなムービー、アニメーションを作成できます。(X)HTMLコンテンツに設置が簡単にできます。 41KB/13KB(CDN+GZip)と非常に軽量で、オブジェクト指向、モジュール式です。 基本的な利用では、追加のプラグインは必要ありません。 IE6をはじめ、すべての主要なブラウザをサポートしています
javascriptがrubyを駆逐する - Scene Research Station
rubyに限らず同系統のLLはjavascriptに滅ぼされるんじゃないかと先輩が言ってたので、流石にそりゃないでしょうと言ったところ、以下の反論をされた。 サーバも同じ言語で書けるメリットは大きい最近のjsは速くなった。他のLLよりもずっと速い 速度については、幾つかのベンチマークを組み合わせて評価している Which programming language is fastest? によると、確かにjs(というよりv8)が他のスクリプト言語をちぎっている *0 。v8はただのフィボナッチだとCに迫る速度だ。恐ろしい。crankshaftでさらに1.5倍ほど高速化するらしいし、ブラウザの開発競争が続く限りjsの速度的な優位は他のLLと比べてますます大きくなるであろう状況にある。 さて、速度的にも優位だしクライアントとの親和性も抜群とくれば、もはやnode.jsを使わない理由は無く、他のL
クロスブラウザでクリップボードを扱えコールバック等で便利に使えるjQueryプラグイン「zClip」:phpspot開発日誌
クロスブラウザでクリップボードを扱えコールバック等で便利に使えるjQueryプラグイン「zClip」 2011年02月04日- zClip :: jQuery ZeroClipboard クロスブラウザでクリップボードを扱えコールバック等で便利に使えるjQueryプラグイン「zClip」 IE, Firefox, Chrome 等で問題なく動作するクリップボード用プラグインのご紹介です。Flashを内部的に使って、クロスブラウザを実現しています。 コピーしたいテキストはjQueryベースということで $(element) で指定することが出来るので超便利なのと、コピー前/後のコールバック関数を指定できることで、コピーが完了した際にメッセージを出したり、要素の色を変えたりすることが出来ます。 コードは次のようにシンプルに記述できます。Flashのパスなんかもここで指定できます。 jQuery
Google Calendar風に使えるカレンダー実装jQueryプラグイン「jquery-frontier-calendar」:phpspot開発日誌
jquery-frontier-calendar - Project Hosting on Google Code Google Calendar風に使えるカレンダー実装jQueryプラグイン「jquery-frontier-calendar」がGoogle Codeにて公開されています。 広がるカレンダーをクリックで簡単に予定を追加し、次のように表示できます。ラインをクリックすれば予定が分かったり、ラインをドラッグ＆ドロップして予定をずらせたりすることが可能。 背景画像を指定したりすることも出来ます。 他にも同様のライブラリはありますが、仕様によって使い分けるとよさそうですね。 関連エントリ これで自前でGoogleカレンダーを持てる！jQuery＆PHPで実現されたプログラム GoogleカレンダーみたいなカレンダーをjQueryで一瞬で作成できる「jquery-week-calend
prototype.jsとjQueryの最低限知っておくべき違い - (ﾟ∀ﾟ)o彡 sasata299's blog
2010年12月06日12:52 JavaScript prototype.jsとjQueryの最低限知っておくべき違い Rails を使っていると、デフォルトで prototype.js が組み込まれています。ですが、やっぱり jQuery を使いたくなることもあって結局両方組み合わせて使う、みたいなことになったりしたりします（よね？）。あ、どうもささたつです。 ということで今回は両方使うときの話です。 ちなみに両方を使いたい場合は $() がコンフリクトするのでこのようにして jQuery 側の $() を置き換えることで解決できますー。どちらも $() ですが、prototype.js の場合はあくまで document.getElementByID の単なるショートカットでDOMオブジェクトを返すのに対し、jQuery の場合は独自のオブジェクト（jQueryオブジェクト）を返しま
[JS]jQueryのプラグイン33+1選 -2010年11・12月
当サイトではCookieを使用しています。引き続き当サイトを閲覧することにより、ポリシーを受け入れたものとみなされます。今後表示しない詳しく見る
jQuery 1.4.3 Offline Learning Kit
Welcome To AddyOsmani.com ” Hey guys. My name is Addy and I'm a passionate Web Developer. On my site you can find useful tutorials on jQuery, JavaScript and User Interface design. Who Am I? I'm a passionate 24 year old Irish Web Designer & Developer and (currently) a Project Manager who loves creating exciting new user interfaces and writing about topics that can help other web designers out there
TwitterやFacebookのURLには、なぜ#!が含まれるのか (SEOとAjaxのおいしい関係) - kazuhoのメモ置き場
Ajaxを使うためにはページ内リンク (hash fragment=URLの#以降) を使うのが一般的*1 hash fragmentはサーバに送信されないから、JavaScript非対応のブラウザだと動作しない 特にサーチエンジンのクローラ等で問題になる*2 そこで Google は、#! が含まれる URL を hash を含まないものに読み替える仕組みを提唱している。例えば「www.example.com/ajax.html#!key=value」のサーチエンジン用URLは「www.example.com/ajax.html?_escaped_fragment_=key=value」になる。 TwitterやFacebookはこの仕様に従うことで、Ajax な UI と SEO を同時に実現している、というわけ。ということを調べたなう。 参照: Getting Started |
uupaa.js と jQuery を機能を中心にざっくりと比較 - latest log
Classの継承についてサンプルを追記しました。 jQuery の特徴的な構文を uupaa.js で表現する方法を追記しました。 デバッグ支援機能について追記しました。 特徴 uupaa.js jQuery 初版 version 0.1 (2008-06-07) version 1.0 (2006-10-27) 最新版 version 0.8 (2010年末を予定) version 1.4.2 (2010-02-19) ライブラリの目標 WebOSのフロントエンド 不明 本来の用途 WebOS / WebApp DOMの操作とサイトの装飾 使われ方 導入実績なし 小〜中規模サイト / ポータルサイト等 想定されるコアユーザ層 エンジニア デザイナー / コーダー / エンジニア 名前空間 uu (1つ) jQuery と $ (2つ) ライブラリによる識別子プリフィクスの予約 uu また
JavaScriptが遅い4つの原因とは？
1つ前の記事「JavaScriptをいかに高速化するか、IE9、Firefoxの取り組み」では、IE9とFirefoxにおけるJavaScriptの高速化について紹介しましたが、そもそもJavaScriptの実行速度はなぜ遅いのでしょう？ その理由について、Mozilla Japanテクニカルマーケティング担当の浅井智也氏が、スライド「Trace Monkey」でポイントをまとめています（このスライドはタイトルから分かるとおり、Firefoxの当時の新しいJavaScriptエンジン「Trace Monkey」を紹介するために1年以上前に作成されたスライドですが、1つ前の記事を見ると、ここで示された課題はいまも変わっていないようです）。 全67枚のスライドの20枚目から24枚目の5枚を以下に紹介します。 JavaScriptが遅い原因は、以下の4点にまとめられています。 インタープリタ型言
Text Escaping and Unescaping in JavaScript(Unicode の文字列をエスケープする JavaScript)
Notes No data is sent to the server (i.e. everything is done in JavaScript). Conversion from Unicode to other encodings such as Shift_JIS can be slow first time as it needs to initialize internal conversion tables. Surrogate pairs in UTF-16 are supported. Try inserting \uD840\uDC0B in the second form. Three-byte characters in EUC-JP are not supported. Links JavaScript Unicode Charts Try GNU Libidn
jQuery、プラグイン、jQuery UI、Web経由のCDNとは
jQuery、プラグイン、jQuery UI、Web経由のCDNとは：CSSの書き方も分かるjQueryプラグイン実践活用法（1）（1/3 ページ） CSSの書き方も分かる、jQueryプラグイン紹介連載 本連載は、jQueryと、そのプラグインの使い方を、UI効果（エフェクト）のテーマごとに紹介する連載です。jQuery/JavaScriptコードやHTMLコードだけではなく、CSSの書き方も解説することで、より実践的にjQueryプラグインを使うための参考ドキュメントになることを目指しています。 第1回目は、基本／おさらいとしてjQueryとプラグイン、jQuery UIについて簡単に触れ、Web経由でjQueryを使うCDN（Content Delivery Network）について解説します。 これぐらい知ってますよね？ 「jQuery」基礎講座 jQueryは、米国のJohn R
色々な画像の見せ方を演出できる画像ギャラリー集:phpspot開発日誌
17 Best Javascript Image Galleries 色々な画像の見せ方を演出できる画像ギャラリー集。 特に目を引く物をピックアップしました。 Spacegallery ３Ｄ空間で画像を次々閲覧できる Galleriffic なかなかＵＩが洗練されていて適度なフェードアニメーションが心地よい Image gallery by James 自動スライドショーや、ページ番号がついたLightBox。かなり滑らか。 Cycle plugin 画像のページ送りを、シャッフルやズームなど色々なエフェクトで切り替え可能なライブラリ (E)2 Photo Gallery 一見Flashかと思うようなＵＩとアニメーション Protoflow iTunesのカバーフロー風に動作する画像ギャラリー。少し重いかも。 全部見る 単に画像ギャラリーといっても色々な見せ方があって感心しました。 関連エ
WEB制作者が一度は触ってみておくべきオープンソース『Ext』*ホームページを作る人のネタ帳
（2007.7.20 記事更新） 誰かがそろそろExtについて詳しい事を書いてくれるのではとか、甘い期待をしていたけど、ぜんぜん出てこないって事は人気がないって事なんでしょうか。 でもこれ、相当すごいものだと思うんです。 例えば、このページ（hello worldをクリック）だけをとっても良い動きをしてくれるのが確認できると思います。 なので今回はJavaスプリクト＋Ajaxなオープンソース『Ext』をご紹介しておきます。 概要 非常に簡単なコードで、高度な動作を要求することが出来る。 それがJavaScriptフレームワーク『Ext』です。 フレームワークについてはウィキ等で見てもらえればわかると思いますが、私の絵心のない簡略図でよければ、以下のようなイメージがフレームワークですね。 基本的に商用は有料。 個人利用や、企業内でも、閉鎖されたネットワークでの使用はOKだそうです。 ライセン
select ボックスを超便利にしてくれユーザビリティ向上に使える「jQselectable」:phpspot開発日誌
select ボックスを超便利にしてくれユーザビリティ向上に使える「jQselectable」がGoogle Codeに公開されています。 jQというだけあって当然ながらjQueryプラグインの形式です。 適用前の普通のSelect ボックスが便利に変化します 都道府県の縦に長かったものが横方向に超分かりやすく表示 日付も次のように超分かりやすいセレクトに。縦に長いのとはもうオサラバできそうです。 更に、コールバック関数によってクリックした後の動作も定義できるっぽいです。 はじめから日本対象という点でも使いやすいですね。 実装も、jQueryプラグインなので超使いやすいです。 次のように初期化するだけのようです。 $(".simpleBox").jQselectable({ set: "fadeIn", setDuration: "fast", opacity: .9 }); 以下のエント
JavaScript によるオーディオ＆ビジュアルプログラミング - Radium Software
僕は JavaScript が好きだ。できるだけ多くのことを JavaScript で済ませてしまいたいと考えている。 以前は JavaScript では絵や音を扱うことができないという点がボトルネックになって，応用の幅を狭めていた。これが最近になると， Canvas 要素のおかげで絵を扱うことができるようになったり， Flash を代行役にすることによって音を出せるようになったりと，いろいろ状況が変わってきている。 そこで今回は，以前から機会があれば触ってみたいと思っていた Processing.js と SoundManager 2 を使って， JavaScript によるオーディオ＆ビジュアルプログラミングに挑戦してみた。 Processing.js とは Processing.js は，ビジュアルデザイン向けプログラミング言語 Processing を模して作られた JavaScr
グーグル、JavaScriptプログラミングツールをリリース
Googleは米国時間11月5日、「Closure Tools」と呼ばれるプロジェクトをリリースし、同社のウェブサイトおよびウェブアプリケーション作成レベルに達することを望む開発者をサポートしていく方針を明らかにした。 Googleは、ウェブ中心のビジョンの一環で、JavaScriptを用いたウェブベースのプログラム記述を強く推進している。確かにGoogleは、「Gmail」や「Google Docs」などのサービスを通じて、JavaScriptを最大限に活用しており、より高速にJavaScriptプログラムを実行できるようにする目的もあって、「Chrome」ブラウザの開発に努めてきた。 しかしながら、JavaScriptプログラムは時に異なるブラウザ上では異なった動作をするなどの理由から、高機能なJavaScriptの記述、デバッグ、最適化は困難なものともなってきた。Googleがオープ
jqueryでウェブサイトをリッチにするプラグインまとめ « vanillate
jqueryのプラグインのまとめです。jqueryはjavascriptベースのライブラリのようなもの。画像やメニューに動的な操作を与えたりすることが可能です。また、HTMLソースも複雑になりにくく、デザインをCSSで操作可能なものが多く、ウェブデザインをより魅力的にすることができます。 フェードしながらスライドするjQueryプラグイン デモ jQuery ListMenu Plugin デモ 大量のアイテムもすっきりとリストにできます。 Sliding login panel with jQuery デモ ログインフォームもおしゃれに。常に表示しておく必要はないですよね。アニメーション付きでぶらさがってくるこんなプラグインはいかがですか。 create a better jQuery stylesheet switcher デモ スタイルシートをjqueryで切り替えるプ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
application that uses OAuth and javascript
Cappuccino Web Framework