タグ mootools
人気順 10 users 50 users 100 users 500 users 1000 usersjQueryの利用率はWebサイト全体の55%。使わないサイトの方が少数との調査結果。W3Techs - Publickey
Web上で使われているテクノロジーのシェアや種類を調査、報告しているWebサイト、W3Techsによると、2013年1月時点で、jQueryを利用しているWebサイトは全体の54.8%と過半数を示す一方、それ以外のJavaScriptライブラリは2位のMooToolsが4.9%、3位のPrototypeが3.7%と一桁台の利用率であるとのことです。 また、JavaScriptライブラリを利用してい... 続きを読む
[JS]並べて配置したパネルを滑らかなアニメーションで伸縮させるスクリプト -Kwicks for jQuery | コリス
水平・垂直に配置したパネルをイージングやバウンドなどの滑らかなアニメーションで伸縮させるjQueryのプラグインを紹介します。 Kwicks for jQuery Kwicksは元来、MooToolsのエフェクトでしたがjQuery用にし、アニメーションのスムーズさ、コントロール、イベントのインタラクションなどを改善するために今回ゼロからリライトされました。 Kwicksのデモ Kwicksの使い... 続きを読む
スマートフォン向けのHTML5製フレームワーク・Lungo.js - かちびと.net
今更ですけどLungo.jsを少し触って 見ました。Lungo.jsはHTML5+CSS3の スマートフォン向けフレームワーク です。jQueryやmootoolsなどを必要 としない非依存型のライブラリです ので覚えておいて損は無いかも。 スマフォ向けフレームワークです。GPLv3ライセンスでOSSとして公開されています。 Lungo.js スマフォ向けのフレームワークは相当出回っていますので珍... 続きを読む
Webベースのダイナミックでクールなプレゼンテーションを実装する為のJavaScriptフレームワーク・Mosho - かちびと.net
Web上でプレゼンする為のJavaScript フレームワーク、Moshoのご紹介です。 impress.jsライクなダイナミックな 動きのプレゼンテーションをHTMLで 実装する事が可能です。シンプルで 良かったのでお勧め。 この手のは色々出ていますので探せばいくらでも見つかると思いますが、MoshoはjQueryやmootoolsなどのライブラリに依存しないスクリプトですので覚えておいて損は無... 続きを読む
jQueryとも組み合わせて使える汎用的ユーティリティライブラリ「Pot.js」 - MOONGIFT|オープンソース・ソフトウェア紹介を軸としたITエンジニア、Webデザイナー向けブログ
JavaScriptを素のままで使うケースは減っています。jQueryやMootoolsをいったライブラリを使うケースが多いのですが、そうしたライブラリとも組み合わせて使える汎用的ユーティリティライブラリがPot.jsです。 0 そのコード。 Pot.jsは実に数多くの機能があります。まずforEach、filter、map、reduce、zip、repeat、someといったイテレートがあります... 続きを読む
ASCII.jp:CSSの記述が3倍速くなる「LESS」の使い方
最近のWebサイトは大規模傾向にあり、Webアプリケーションを構築する機会も増えてきました。jQueryやMooToolsなど、JavaScriptを手軽に利用できるようにするライブラリーが普及する一方、Webサイトの表示を担うCSSにも、「Blueprint」や「960 Grid System」に代表されるフレームワークが登場しています。 「LESS」や「Sass」のようなCSS拡張メタ言語は、... 続きを読む
iPhoneやAndroidなどスマートフォンのスワイプ操作で動かせるカルーセルを実装する非依存型スクリプト・SWIPEVIEW - かちびと.net
iPhoneやiPadなどのスワイプで動かせる カルーセルを実装する軽量なライブラリ・ SWIPEVIEWのご紹介。jQueryやmootoolsな どのライブラリにも依存しない、非依存型 の軽量スクリプトですので既存のサイト にも導入もしやすいかもしれません。 スワイプで動かせるカルーセルです。他ライブラリに依存しませんので使い勝手はなかなか良いかなと思いました。この手のはカクカクしがちですけど... 続きを読む
CSS3のベンダープレフィックスを自動で付けてくれる手軽で軽量なJavaScriptライブラリ・cssFx.js - かちびと.net
久しぶりにかなり便利そうな気がした ので備忘録。CSS3で各ブラウザに対応 させるために加えるプレフィックスを 自動で付けてくれるライブラリです。 将来的にCSS3のプレフィックスは付け る必要が無くなるのでそうなったら これを外せばいいだけですね。 使い方もすごく簡単で3.7KBと軽量です。cssが管理しにくくて困ってる方は検討してみてはいかがでしょう。また、jQueryやmootoolsのよう... 続きを読む
CSSでカーニング(文字詰め)等を可能にするJSライブラリ・kerning.js - かちびと.net
3連休も今日で最後ですねー。今日は ゆっくり過ごす方も多そうですね。 さて、休みですし、ちょっとネタ的 なライブラリをご紹介。カーニング をCSSで出来るようにしたJSライブラ リです。 jQueryやmootoolsなどにも依存していないようです。これだけ聞くとかなり使えそうなんですけど。でも個人的にこういうチャレンジは称えたいので敬意を示すつもりで記事にします。 kerning.js CSSで... 続きを読む
Webアプリケーションを開発する際に。Mootoolsを使ったUIキット「MochaUI」 - MOONGIFT|オープンソース・ソフトウェア紹介を軸としたITエンジニア、Webデザイナー向けブログ
今後どのようなソフトウェアがWebアプリケーション化するだろうか。もし自分の使っているソフトウェアをWeb化したいと思うならば、UIキットにMochaUIを採用してみてはいかがだろう。 0 MochaUIはMootoolsを使ったUIキットだ。Webブラウザ上ながら高度なUIを実現できる。階層に対応したメニュー、ツリー表示、カレンダー、グリッド、タブ、並び替えに対応したパネル、ウィンドウ単位のタス... 続きを読む
テーブルにソート、内容編集、行の削除等の機能を加えるjQueryプラグイン・TableGear - かちびと.net
なかなか多機能なライブラリだったので 備忘録。テーブルにソート、コンテンツの 編集や、Ajaxによる行の削除が可能な jQueryプラグイン・TableGearです。この 手のプラグインはいくつかありますが、 中でもかなり高機能な気がします。 jQueryだけでなくmootoolsも用意されてるみたいです。テーブル内でソートが可能で、セル内は編集できます。もちろん、編集後のソートもOK。行そのもの... 続きを読む
テーブル内の行やセルなどの要素をドラッグ&ドロップで自由に配置できるスクリプト・REDIPS.drag - かちびと.net
テーブル内で自由に要素を配置できる スクリプト・REDIPS.dragのご紹介です。 セル内のdiv要素をドラッグドロップで他 のセルに配置しなおしたり、行ごと順番 を変えることも出来ます。クロスブラウザ で動作します。 テーブル内でセルや行を移動させることが出来ます。jQueryやmootools等のライブラリに依存しないので覚えておいても損は無いかなと思います。 REDIPS.drag いろい... 続きを読む
jQueryをmootoolsなどの他のライブラリと干渉しないようにする方法まとめ :: 5509
ブログとかのプラグインでよく分からず使ってる人もいるみたいですし。結論は一番上のやつやってればいいんですけど、というか、プラグインソースは全部こうなってないとだめなんですけど、古いソースコードはそうなっていないものもあったりして(thickboxとか)、思いつく方法全部書き出します。 カプセル化する(これだけやればOKjQuery.noConflictを使う$をjQueryに置き換えるjQuery... 続きを読む
CSS3の擬似クラスをIE6-8でも使えるようにする「Selectivizr」:phpspot開発日誌
Selectivizr - CSS3 pseudo-class and attribute selectors for IE 6-8 CSS3の擬似クラスをIE6-8でも使えるようにする「Selectivizr」 便利なCSS3の擬似クラスがIEでも使えて効率的なスタイリングが可能になります。 jQuery, prototype, mootools等と同時に使うことができ、 使えるプロパティはライ... 続きを読む
[JS]一つの機能に特化したシンプルなJavaScriptのライブラリ集 | コリス
jQuery, Prototype, MooToolsのように多機能ではなく、一つの機能に特化したシンプルなJavaScirptのライブラリをSmashing Magazineからいくつか紹介します。 40 Usefu [...] 続きを読む
ウェブ制作に便利そうなチートシート16選 | IDEA*IDEA
ウェブ制作に便利そうなチートシート16選 November 6, 2008 5:02 AM written by Gen Taguchi 良くまとまっているのでメモ的にご紹介(既出のものも多いですが・・・)。jQueryやmootools、CSSやSEOなどのチートシートです。印刷しておけばいろいろと便利ですね。 では早速。自分に関係ありそうなものだけ取り上げてみます。 jQuery Cheat ... 続きを読む
Lightbox.js のような写真のスライドショーするライブラリ沢山:Goodpic
このブログでも使っている、写真の拡大表示をモーダルボックスでできるlightbox.js。似たようなライブラリって、結構あったよな〜と気軽に調べ始めたら、ものすごい量。利用しているjavascriptライブラリでは、prototype.js と mootools が2大勢力みたいですね。この二つのライブラリのユーザが、お互いにインスパイアされながら、どんどん発展していった風。そこにJQueryとY... 続きを読む
【レビュー】ドキュメントも充実「mootools 1.0」 - 軽量なAjax/JavaScriptライブラリ (1) mootoolsの概要と提供されているモジュール (MYCOMジャーナル)
mootools - 軽量なAjax/JavaScriptライブラリ ここでは、サイズの小さなAjax/JavaScriptライブラリである「mootools 1.0」(以下、mootools)の機能や使い方について解説する。mootoolsは、バージョン1.0がリリースされたばかりのライブラリで、ドキュメントが充実していることが特徴の一つである。 このmootoolsは、Valerio Proi... 続きを読む
【レポート】あのmoo.fxがバージョン2に - 滑らかで超軽量のエフェクトはこれ! (1) moo.fx2-mootoolsとは (MYCOMジャーナル)
The Mad4Milk teamは3日(米国時間)、moo.fxの最新版となるmoo.fx version 2.0(以降、moo.fx2)を公開した。moo.fx2は超軽量のJavaScriptエフェクトライブラリ。mootoolsの一環として開発されているが、prototypeとともに動作するようにも作成されている。prototypeは"Ajaxian.com 2006 Survey Resu... 続きを読む
MooTools - a compact javascript framework
mootools, a super lightweight web2.0 javascript frameworkMooTools is a compact, modular, Object-Oriented JavaScript framework designed for the intermediate to advanced JavaScript developer. It allows ... 続きを読む