Kraigo/glanceyear GitHub 年間のイベントを一覧表示できるウィジェット実装jQuery「glanceyear」。 カレンダーといえば、月ごと表示が一般的ですが次のように一括で年間の情報頻度を表すのに便利なウィジェットが実装できます。 年間を通して、どの月が最もデータが更新されたか、などといったビジュアリゼーション目的に使えそう デモページ 関連エントリ スクロールが使いやすいカレンダーピッカー実装jQueryプラグイン「continuous-calendar」
「jQuery 2.x→jQuery 3.0」「jQuery 1.x→jQuery Compat 3.0」に。jQueryが新名称と新バージョンへ JavaScriptのライブラリとして人気のあるjQueryは現在、モダンブラウザのみサポートすることで、より小さく速く安定したjQuery 2.x系と、古いバージョンのWebブラウザを含む幅広いWebブラウザをサポートするjQuery 1.x系の2つが存在しています。 この2つのバージョン表記を、次のリリースから変更することが、jQueryのブログにポストされた記事「jQuery 3.0: The Next Generations」で発表されました。 バージョンは3.0に統一 現在のjQuery 1.9系とjQuery 2.0系は、前述のようにサポートするブラウザが異なるだけで、APIは基本的に互換性があります。 そこで、次のリリースからこの
Content of HTML table cells can be dragged to another cell or another table. It isn’t difficult to define onMouseMove handler and change top / left element styles to move the object. In case with tables, you will have to determine somehow target cell. Attaching onMouseOver handler on TD elements will not work, because browser doesn’t fire events to the elements below the dragged object. Anyway, af
1. jQuery 2.x vs 1.x 2. イベントハンドリングには on() を使うべし 3. AJAXには done(), fail() を使うべし 4. ajax()だけじゃなくショートカット・メソッドも活用すべし 5. find() を使って絞り込むべし 6. カスタムイベントを定義する 7. 属性を指定してDOMエレメントを生成できる 8. form送信時は serialize() を使って値をまとめて取得すべし 参考 本記事はjQuery Advent Calendar 2013の23日目の記事となります。今回はjQuery使いとして覚えておきたいテクニックを個人的に8つピックアップしてみました。 日本との時差の関係で更新が24日になっているでしょうが気にせずいきましょう。 1. jQuery 2.x vs 1.x 1つ目はテクニックというよりTipsになります。jQuer
O L M O D Z A B C D O I J K L M O M G H I J K L M E Y Z A B C D E T L M N O P Q R S T E V W X Y Z A B C D E R G H I J K L M O P Q R How To Use Add the js and a theme file to your page: <link rel="stylesheet" href="odometer-theme-car.css" /> <script src="odometer.js"></script> Any element with class name "odometer" will automatically be made into an Odometer! When you want to update the value, simp
A jQuery plugin that sets a div or span to show a countdown to a given time. The current version is 2.1.0 and is available under the MIT licence. For more detail see the documentation reference page. Or see a minimal page that you could use as a basis for your own investigations. Download now Defaults Formats 1 Formats 2 Layouts Significant Count Up Relative Pause/Lap Time Zones Callbacks Localisa
LetterFx jQuery Plugin A jQuery plugin to apply animated visual effects to text - letters, words & custom patterns. LetterFx works by temporarily injecting markup into the text of an $("element") and sequentially adding & removing transition-based CSS classes. Please use responsibly. demo: 1 2 3 4 5 6 7
PRESS RELEASE You might of seen my work around the web. When My Direct Blinds contacted me back in late 2015 with an irresistible offer to help build out their digital assets and join the company with an ownership stake, it was an offer I could not refuse. Web design, interior design and window furnishings shared a common ground and something I could get behind. Thus, the decision was made to end
jQueryで親フレームと子フレーム間で関数の実行や要素の参照・設定を行うメモ。 本来はフレームなんか使わないでdiv要素なんかをゴッソリ変えるほうがスマートなんだけど 業務用しかも内容がたっぷりある場合はファイル自体が膨大になるし重くなる。 メンテも大変だしねw 当然PHPと非同期しまくりで内容によってはガリガリ動かすよりもフレームで切り替えたほうがヌルッと動く。 セキュリティや他の事情によりPHP側で出力を分けたいってときもある。 そんな時のために。(いいわけはこれぐらいでw) 子のnameやidで参照できるが、Firefoxではnameを設定していないと動作しない。 以下では子(インラインフレーム)のIDをchildframeとする。 jQuery1.4.4821145.1.712OKOKOKOKOK parent.html 親 <html> <script src="jquery-
本連載では、JavaScriptライブラリとして利用頻度の高いjQueryとそのプラグインに着目して、その利用例を紹介します。今回はWebページのスクロールに応じて画像を遅延読込させるLazy Loadプラグインを用いて、多数の画像を含むWebページで効率よく画像を読み込む方法を紹介します。 はじめに 一般に画像を含むWebページをWebブラウザで表示する場合、画像が表示されるかどうかに関わらず、すべての画像がWebサーバーからダウンロードされます。そのため、縦に長いWebページに多数の画像が配置されている場合、スクロールしなければ表示されない多くの画像を読み込むために多くのロード時間を費やすことになります。この事象は特に、端末の処理能力が相対的に低く、ネットワーク状況も不安定になりがちなスマートフォンにおいて、より深刻な問題です。 そこで本記事では、Lazy Loadプラグインを用いて画
pace Include pace.js and the theme css of your choice on your page (as early as is possible), and you're done! Pace will automatically monitor your ajax requests, event loop lag, document ready state, and elements on your page to decide the progress. On ajax navigation it will begin again! If you use AMD or Browserify, require in pace.js and call pace.start() as early in the loading process as is
Ideal Forms 3 - Documentation 複数画面にわたるステップ別のカッコいいフォームを実装できる「Ideal Forms 3」。 1画面数の要素数を減らして入力の負荷を減らせるステップ別フォーム。 単なるステップ別フォームを作るだけじゃなくて、フォームデザインもクールにし、Validation・ヒント機能なんかもついてます。 こうした形のフォームを作る際に参考に出来そうです。 関連エントリ フラットデザインでレスポンシブな超カッコいいフォームを実装できる「Grid Forms」 フォーム要素にフォーカスした際のヒント表示を簡単に実装できるjQueryプラグイン「FormHelp」 スマホでのフォーム入力をシンプルに分かりやすくできる「Leader.js」 画像をクリックで選択してフォーム送信できるようにするjQueryプラグイン「Image Picker」 マークアッ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く