このウェブサイトは販売用です! web-argument.com は、あなたがお探しの情報の全ての最新かつ最適なソースです。一般トピックからここから検索できる内容は、web-argument.comが全てとなります。あなたがお探しの内容が見つかることを願っています!
Webのテキストをもっと分かりやすく出来そうなラベル作成用jQueryプラグイン「jQLabel」。 2011年03月09日- jQLabel jQuery Plugin - Create Beautiful Labels Webのテキストをもっと分かりやすく出来そうなラベル作成用jQueryプラグイン「jQLabel」。 文字列を<span class="label">好きな文字</span>として囲えば次のように文字修飾できます。 ワードごとに色分けしてテキストを分かりやすくすることができそうです。 コードは次のように書きます。ワードと、その色を連想配列で定義してあげる感じです。 $(".label").jQLabel({"pointer":true, "labels":{ "awesome":"#FF9E00", "gmail":"#A65D03", "labels":"#A4977
[JS]シンプル!軽量!簡単!三拍子揃ったスライドショーのスクリプト -jQuery.TinySlider jQuery.TinySlider デモ [ad#ad-2] jQuery.TinySliderの実装 HTML スライドで表示されているイメージはdiv要素の背景画像です。 <div id="slider"> <div class="image" style="background-image: url(img/img1.jpg);">Simple</div> <div class="image" style="background-image: url(img/img2.jpg);">Light</div> <div class="image" style="background-image: url(img/img3.jpg);">Easy</div> </div> JavaS
スクロールしていくとフェードインで表示していくだけのプラグインです。本当にそれだけ。HTTPリクエスト減らすとか、ページロード早くなるとか一切ないです。スクロールしていったときにふわっと表示されるだけです。ちょっと注目ひきたいときに。 サンプル見てもらえば何となく伝わると思います 下記のエントリも併せてどうぞ(セットになってます) スクロールするまで画像を読み込まない(はずの)Lazy Loadについて ダウンロード ダウンロードはgithubから 使い方とかをざっくりと 対象にしたい画像に実行するだけです。 $("img").m5LazyDisplay(); 本当に ただのエフェクトだけなんで
HTML5の時代になってもJavaScriptは必須科目。 今日は、Jqueryの基礎を解説します。 こちらは、仕事などで使っているので特に勉強はしていませんが、今後のサンプルでJavaScriptが必須となるので、この記事を入れることにしました。 Jqueryの基礎の解説手順として、JavaScriptの基礎、Jqueryの順に解説したいと思います。 Step1 Jqueryとは何か、簡単にいうとJavaScriptのライブラリの1つです。 Step2 ライブラリとは何か、簡単にいうとJavaScriptの関数群です。 Step3 関数とは何か、中学生の頃に習った、f(x) = 2x これと基本的に同じです。 中学生の頃、f(x) = 2x と関数が定義されている時に、x=2ならばf(x)はいくつか? というような授業があったと思います。もちろん答えは4です。これがわかれば多分プログラム
Document has moved, if you aren't automatically redirected go here.
With Postcards Email Builder you can create and edit email templates online without any coding skills! Includes more than 100 components to help you create custom emails templates faster than ever before. Free Email BuilderFree Email Templates They are simple to use jQuery is not rocket science, nor does it require advanced coding skills. It is straightforward to understand and use. Web developers
Webパフォーマンスを考える上で重要なことのひとつにHTTPリクエストを減らすというのがありますが・・・ HTTPリクエストを減らすために、画像の遅延読み込みをすると噂のLazy Loadっていうプラグインがあって、結構色んなサイトで使われているのを見るので、一言言っとくか的な感じで書こうとしたらいつからかプラグインページに以下の注意書きが追加されてた。 Lazy Load is currently not usable. It does not work with the latest browsers as expected. I have currently no time updating the code myself. Patches are always welcome. If you find a solution just fork and send a pull req
当サイトではCookieを使用しています。引き続き当サイトを閲覧することにより、ポリシーを受け入れたものとみなされます。今後表示しない詳しく見る
おはようございます。コードリーディング第四回です。 jQueryには、特定のエレメントにイベントを割り当てるメソッドとしてbind,live,delegateが存在します。今回は、これらのメソッドの実装を追ってみたいと思います。 対象 jQuery 1.5.0 これまでのエントリ 配列、each 初期化、extend セレクタを渡した場合の処理 はじめに bind,live,delegateそれぞれの公式リファレンスは以下です。 http://api.jquery.com/bind/ http://api.jquery.com/live/ http://api.jquery.com/delegate/ また、それぞれのメソッドの違いを解説したエントリは以下です The Difference Between jQuery's .bind(), .live(), and .delegate()
jQuery Form Framework - jFormer ログイン/ユーザ登録といったフォーム実装用のフレームワーク「jFormer」。 JavaScript と PHP、CSSファイルが1つのセットになっており、このフレームワークを使って便利なフォームをPHPで簡単構築できるライブラリです。 例えば、ログイン用のフォームを見てみると、次のように、demoユーザの案内を出すことも出来ます。 デモページ上には、単にデモだけではなく、実現するためのPHPコードがデモページ上から確認でき、比較的容易に実現できるようになっています。 全てPHPのコードで記述出来てしまうところがこのフレームワークの特徴。PHPとJavaScriptの思考をいったりきたりする必要がなくて作り安いというわけです。 テキストのバリデーション機能なんかも入ってます。 ここら辺もPHPでrequiredに設定することで
前回のメニュースクロールを発展させて コンテンツの上下スクロールをつくってみました。 構造はCSSでコンテンツのはみ出る部分をoverflow:hiddenで隠して、それをposition:absoluteさせてtopプロパティでY座標を指定する方法です。 ただし、この構造では、JAVAをきった状態だと隠れたコンテンツを見ることが不可能になってしまいます。 そのため、overflow:autoにして手動でコンテンツをスクロールできるようにする必要があります。 しかし、ここで問題発生。 手動でコンテンツをスクロールさせると、leftのデフォルト座標がずれてしまうんですね。 座標がずれると、メニューボタンとコンテンツの位置が合わなくなってしまいます。 そのため、javaScriptをきったときだけ、overflowプロパティをautoにして、スクロールバーを表示させるようにしてあります。
twitter facebook hatena google pocket 思いつくままにアイディアを出し、概念を視覚的に整理したコンセプトマップ。 それをJavaScriptで作ってみましょう。 via:knv/jquery-conceptmap-plugin sponsors 使用方法 knv/jquery-conceptmap-plugin - GitHubからファイル一式をダウンロードします。 <link rel="stylesheet" href="style.css" /> <script src="jquery-1.4.4.min.js" type="text/javascript"></script> <script src="jquery-ui-1.8.js" type="text/javascript"></script> <script src="jquery.con
これはちょっと使いたいかも。Canvasを手軽に扱えるライブラリです。 iPhone,iPad,Androidで動くように最適化されているので、スマートフォン用のHTMLアプリを作る際に便利ですね。 コードは以下にご紹介。 var interval_1=0; function startShow() { var r = Math.floor(Math.random() * (254)); var g = Math.floor(Math.random() * (254)); var b = Math.floor(Math.random() * (254)); var x = Math.floor(Math.random() * (439)); var y = Math.floor(Math.random() * (554)); fillStyle = "rgba("+r+", "+g+",
この記事は年以上前に書かれたもので、内容が古かったり、セキュリティ上の問題等の理由でリンクが解除されている可能性があります。 コンテンツをユニークなアニメーション で入れ替える軽量なjQueryプラグイン MobilyNotesのご紹介です。IE6や7 でも問題なく動作してくれます。省ス ペースにコンテンツをまとめられるので なかなか使い勝手もいいのでは。 ファイルサイズもたった2KBと大変軽量です。 紙で見ているかのように表現されたエフェクトがなかなかユニークです。画像やdiv要素ごとも可能です。また、自動で切り替わる、ボタン式などの選択も出来ますよ。 使い方 jQueryとプラグインを読み込んで以下のような設定をします。 $(function(){ $('.notes_img').mobilynotes({ init: 'rotate', showList: false }); $('
d3.js データのビジュアリゼーションに使えるJSライブラリ「d3.js」 ユニークで様々なビジュアリゼーションが可能になっており、更にアニメーションしたりインタラクティブな要素を盛り込めるのも特徴 次のようなデータビジュアリゼーションをjavascriptのコードを使って描画でき、サンプルコードなんかも公開されています。 IEには対応していませんが、かなり色々なことができるので覚えておいてもよいかも。 関連エントリ 色々と使えそうなグラフや図が描けるビジュアリゼーションライブラリ集 データの様々なヴィジュアリゼーションが可能なFlexライブラリ「birdeye」
JavaScriptjQuery UI の Dialog 機能はダイアログをモーダル表示することができる。サンプルを見ると、背景がグレーアウトされて、手前のダイアログしか操作できないTab キーを動かしてもダイアログからフォーカスを移せないといった動作になっている。いままでいろんなライブラリの擬似モーダル実装を見てきたが、Tab キーを押したらこっそり裏側の部分にフォーカスを移せるものばかりだったので、Tab キーにちゃんと対処していたところに驚いた。どうやって実装してるんだろうと思って jquery.ui.dialog.js を見てみたら、次のように泥臭く実装していた。 // prevent tabbing out of modal dialogs if (options.modal) { uiDialog.bind('keypress.ui-dialog', function(even
Idn poker adalah salah satu agen poker terbesar di dunia, idn play bisa menjadi agen judi poker online terbesar di dunia karena, idn poker juda telah menjadi salah satu provider poker online yang menyediakan judi poker online terlengkap di dunia. Sehingga tidak heran lagi mengapa sangat banyak pemain poker online yang mendaftar di agen idn play ini. Idn play ini juga memiliki member yang setidakny
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く