リッチなタイポグラフィを実現するjQueryプラグイン10選
jQuery プラグインを使うことで、高度なアニメーションや、魅力的なデザインを簡単に実現することができます。今回は Web サイトの表現をよりリッチなものにするテキスト系の jQuery プラグインを紹介します。 FitText 親要素のサイズによってフォントサイズをフレキシブルに変更できるプラグインです。デモサイトでは、画面のサイズの拡大・縮小によってフォントサイズが変更されることが確認できます。オプションでテキストの最小・最大サイズなどを設定することも可能です。 DOWNLOAD / DEMO CircleType.js テキストをカーブさせたり、円形にしたりできるプラグインです。RAIDUS を設定することができ、ウィンドウサイズによって動的に RADIUS を変化させることもできます。CircleType.js のファイルサイズは 2KB しかないので、非常に軽量なプラグインです
jQuery Burn
jQuery Burn Some men just want to watch the text burn! jQuery Burn is a plugin which adds a flame-like effect to text using multiple text-shadows, animated by repeatedly changing their horizontal offsets. The effect can be somewhat CPU intensive (especially for older computers), so use it sparingly. It can be stopped and restarted dynamically, colored, stretched, offset, sped up and slowed down. T
You Don't Need jQuery - Qiita
注意とお願い この記事の内容はもはや古いです。ここに書いている方法では動かないものをいくつか見つけました。参考にする際は動作をよく確認してから使ってください。 ひとつお願いがあります。「あれ、動かないぞ」というコードを見つけたら是非コメントか編集リクエストで教えてください。解決方法までなくても結構です。「これはもう動かないよ」という印をつけたいのです。 この記事はYou Don't Need jQueryの日本語訳と同じ内容です。 先日ひょんなことからYou Don't Need jQueryの日本語訳をさせていただきました。著者のCam Songさんからも快諾をいただけたので1、Qiitaでも公開させていただきます。 なお、本家の英語の説明は継続的にメンテされているので、この記事の情報は古くなっている可能性があります。 追記 この記事は当初は「もうjQueryは必要ない」というタイトルで
Echo.js, simple JavaScript image lazy loading - Ultimate Courses
Learn JavaScript the right way. The most complete guide to learning JavaScript ever built. Trusted by 82,951 students. I’m currently working on a project for Intel’s HTML5 Hub in which I require some image lazy-loading for an HTML5 showcase piece that’s high in image content. After a quick Google search for an existing lazy-load solution there was yet another mass of outdated scripts or jQuery plu
Highcharts - Interactive Charting Library for Developers
Our core library. Includes all standard chart types and more.
Firefoxでスクロール位置がリセットされる現象に対応する: JavaScriptメモ
Firefoxでhtml要素にoverflow:hiddenを指定しているとscrollToメソッドなどでスクロール位置の制御ができない。 overflow:hiddenなどを指定しておいてscrollToメソッドなどでスクロール位置を変更することは可能だがその後html要素をoverflow:hiddenに変更すると初期値の戻ってしまう。 document.defaultViewで対応可能で、色々試したところクロスブラザを考えると次のようなコードになる window.scrollTo(0,0); $("html").css("overflow","hidden"); if(document.defaultView)document.defaultView.scrollTo(0,0); via:スクロール位置を維持しつつ web ページ全体のスクロールをできないようにする方法 (web ペ
Chardin.js
Chardin.js - Simple and beautiful overlay instructions for your apps.
チェックボックスの一括チェック（全選択）／一括解除（全解除）
チェックボックスの一括チェック（全選択）／一括解除（全解除） jQuery2010年12月22日 親のチェックボックスを選択→子供のチェックボックスを一括チェック・一括解除するスクリプトを作成しましたのでご紹介いたします。 jQueryはこちらからダウンロード 実際のサンプル よく不動産のサイトでみかけるやつですね。Home'sとかYahoo不動産とかで路線を選択する時とかもこの機能を実装しています。色々なところで紹介されていますが、よくある一括チェック・一括解除機能に加え下記も実装しています。 子供をひとつずつチェック→全部チェック→親も自動チェック 複数のグループが同ページ内で出てきても対応可能 inputにクラスつけるだけ といった機能をつけてみました。ソースは下記のようになります。 HTML <div class="parent"> <h3><label for="parent-0
Ajax - jQueryでjQueryを内観する : 404 Blog Not Found
2010年08月25日06:30 カテゴリLightweight Languages Ajax - jQueryでjQueryを内観する jQueryは使っても楽しいのですが、ソースを読むのはもっと楽しかったりします。 いっそjQuery自身にjQueryを読ませたら読むのも楽になるのでは? jQuery Source Browser というわけでこさえたのがこちらです。 Open in New Window select from the menu on the left こんなのがあっという魔に作れるところも、jQueryの魅力です。 で、実際にソースを見てみると、白魔術も黒魔術も使いまくりですね。 たとえばjQuery.isType()。toString.call(obj)とはね。 たとえばjQuery.globalEval()はeval()を全く使っていないし。 あとこれ書いて気づ
テーブル周りの素晴らしいjQueryプラグイン30 – creamu
jQuery Wisdomというサイトで、テーブル周りの素晴らしいjQueryプラグインが紹介されています。 ざっといくつかご紹介。 graphTable: graph data from HTML table using flot HTMLのテーブルデータからグラフを作ってくれる tableRowCheckboxToggle jQuery Plugin 行をクリックすることでチェックボックスのオンオフを切り替えられるようにするプラグイン UI Table Edit jQuery Plugin セルをクリックすることで編集可能にするプラグイン Colorize – jQuery Table Plugin マウスオーバーした列の背景をカラーリングしてくれる Animated Sortable Data Table jQuery plugin – jTPS テーブルにページネーションやソート機
手軽に導入しやすい特徴的な14のドロップダウンメニューサンプル
なかなか素敵なまとめ記事がありました。 大規模なサイトに最適なリンク案内として、ドロップダウンメニューの導入が使われる事がありますが、今回のエントリーは、こうしたメニューの導入を簡単にしてくれるものとなるでしょう。 CSS、jQuery、MooTools、JavaScript WEBサイトのメニューはシンプルであるべきと考えます。大規模なWEBサイトでは、ドロップダウンメニューを設置することで、ユーザーが容易に移動できるようになる。時にそれらの設置が難しい時は以下を開いてみると良い。 14 Easy to Implement Drop Down Menu Solutions | Web Design Ledger 14ある中で今回触った感触としてお勧めが5つ。 現れ方がカッコいいドロップダウンメニュー ClarkLab ? Animated Drop Down Menu with jQue
グラフチャートでスタイリッシュな画像を作成する16のJavaScript【記事紹介】
ただのクリップ記事です。 あとで色々いじってみようと思った記事があったのでご紹介。 簡単にグラフを作成したりするJavaScriptです。 JavaScriptでグラフ生成 16 JavaScript Graph Resources For Creating Stylish Chart こちらの記事。 jQueryを使ったものも混ざってますが、WEBサイト上で、動的にグラフを出力できるようにする為に便利。あとで使えそうなので記事として残しておきます。 個人的に気になったのが2個。 Raphaël―JavaScript Library SVGとVMLを利用する軽量なベクターイメージオペレーティングライブラリ。 画像の回転や反射効果付与、作成まで出来る代物。 jQuery Sparklines 数字を入れるとCanvasでグラフを書いてくれる。デモページのコードを見ればわかりますが、サイト上に
jQuery + Canvas ≠ Flash？·Primer MOONGIFT
Flashは多彩な表現を実現したり、クライアント環境に左右されたい機能を実現したりするのに便利な技術だ。最近では動画の再生はほぼFlashが独占している状態だ。だがデザインとプログラミングが融合している感があり、技術者にはあまり使われない技術でもある。 文字と図形を重ね合わせて表示 しかし表現の自由度は求めたい、そんな方はJavaScriptでできるFlashライクな技術を紹介しよう。それがPrimerだ。 今回紹介するフリーウェアはPrimer、jQueryとCanvasで実装するFlashライクな機能を実現するライブラリだ。ソースコードは公開されているが、ライセンスは明記されていなかったのでご注意いただきたい。 PrimerはjQueryとCanvasを組み合わせて図形や文字を描くことが出来る。初期の頃のFlashのような、簡単な図形を描き出すことが可能だ。APIもFlashライクに作
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
No Vacancy
jQueryサンプル集 | DesignWalker
はじめてのjQuery
IDEA * IDEA
Site Under Maintenance
Site Under Maintenance
Site Under Maintenance
