斜めグリッドに配置するjQueryプラグイン – jQuery.nnmGrid | JLINE.create();
斜めグリッドに配置するjQueryプラグイン – jQuery.nnmGrid ボタンなどを上のイメージのように斜めのグリッドでレイアウトした時、ただ単に並べただけでは要素同士が重なり合い、ホバーやクリックがうまく処理できません。ので、そのあたりを適当にやってくれるjQueryプラグインを作ってみました。 対応ブラウザはFirefox, Chrome, Safariの各最新版, IEは6以上で確認済みです。 デモ / ダウンロード 使い方 HTML 斜めグリッドに配置するアイテムとなる要素をコンテナとなる要素の中に記述します。リンクが不要の場合はaの変わりにspanを使うなどしてください。 便宜上「ul > li > a(span) > img」としていますが、階層構造が違わなければ「div > p > a(span) > img」とかでも構いません。 <ul id="container
Tocify by Greg Franko
The project is hosted on Github, and the annotated source code is available. Tocify is available for use under the MIT software license. You can report bugs and discuss features on the GitHub issues page, or send tweets to @gregfranko. Fork on Github » Requirements jQuery 1.7.2+ (It is always recommended to use the latest version of jQuery) jQueryUI Widget Factory 1.8.21+ (It is always recommended
node.js+jQueryでxmlパースすると、とっても楽チンな件 « かみぴーぶろぐ
ちょっとnode.jsに興味しんしんだったのでnode.js+jQueryでパースするべく環境構築とパースサンプル作ってみました。 node.jsの環境構築 僕の場合はさくらVPSのCentOS5.5に環境を構築しました。下記のサイトを参考にしたらうまくいった気がします（説明放棄） node.jsとMySQLで割と普通のデータベースウェブアプリを作ってみるチュートリアル サンプルとしてGoogleのAPIを使って住所から経度・緯度を取得してみました こんなxmlのcoordinatesの中身をパースします。(直リンだと謎のエラーなので下記URLをコピペしてみてください) http://maps.google.com/maps/geo?q=%E6%9D%B1%E4%BA%AC%E9%83%BD&output=xml&key=ABQIAAAAGC9D4CFb4VMVrQD1e1-4fRTXtU
ScaleOut | Supership
2024年4月1日より、Supership株式会社は親会社であるSupershipホールディングス株式会社に吸収合併されました。 合併に伴い、存続会社であるSupershipホールディングスは社名をSupershipに変更し、新たな経営体制を発足しました。本件に関する詳細は、プレスリリースをご確認ください。 2024年4月1日より、Supership株式会社は親会社であるSupershipホールディングス株式会社に吸収合併されました。 合併に伴い、存続会社であるSupershipホールディングスは社名をSupershipに変更し、新たな経営体制を発足しました。 本件に関する詳細は、プレスリリースをご確認ください。
フォームの入力をもっと快適にする·jq-idealforms MOONGIFT
jq-idealformsはjQuery/JavaScript製、GPL/MIT Licenseのオープンソース・ソフトウェアです。 Webサイトでフォーム入力を行う機会はとても多いです。だからこそ変な作りのフォームでは入力途中で嫌になってしまって閲覧者が逃げてしまいます。そんな勿体ない取りこぼしのようにできるフォームがjq-idealformsです。 レスポンシブWebデザインなフォームです。入力時にリアルタイムチェックしてくれます。 OKだと青くなります。 カレンダーは選択式です。 チェックボックスなどのデザインがカスタマイズされています。 ドロップダウンも色がついています。 jq-idealformsではステップごとに表示を分けたり、キーボードの入力をリアルタイムにサポートしていたりと便利な機能がたくさんついています。ブラウザはIE8以降の他メジャーなブラウザに対応し、Android
PCではマウスホバー、スマフォではタップで動作するレスポンシブなドロップダウンメニューを実装するjQueryプラグイン・FlexNav
レスポンシブWebデザイン対応サイト向けのドロップダウンメニューを実装する為のスクリプト・FlexNavのご紹介です。なかなか使い勝手も良さそうな印象でした。 PCサイトではマウスホバーによるドロップダウン、スマフォではタップで降りるコンパクトなメニューに切り替わります。 ネストされたメニューにも対応していますのでこのまま利用しても大丈夫・・かな。（まだ詳しく見てないです） <ul class="flexnav" data-breakpoint="800"> <li>Menu01</li> <li>Menu02</li> </ul>カスタムデータ属性でブレークポイントを設定します。em単位でもセッティングできるみたい。 $(".foo").flexNav({ 'transitionSpeed' : '0.4s', 'itemHeight': 50 });降りてくるスピードなどはオプションで
jQueryで地震分布図を作成しよう
地理情報を含むデータを表現する場合、地図上で表すことで視覚的にその情報を認知しやすくなります。例えば、車のナビや道路標識などでは、単純に方向や座標だけを示すのではなく、地図上に表現することで、見た人が直感的に認知できるようにしています。本稿では、jQuery対応コントロール集である「Ignite UI 2013 Volume 1」のigMapというコントロールを用いて、地震分布図を作成していきます。 対象読者 JavaScriptの経験者、地図アプリに興味のある方。 必要環境 IDEは特に必要がなく、コード編集用のエディタと動作確認用のブラウザがあれば良いです。 今回使用するigMapコントロールは、jQuery UIウィジェットの一つであり、jQueryライブラリとjQuery UIライブラリに依存します。そのため、対応ブラウザについてもjQuery UIに依存します。 プログラム実行時
[JS]ぷるぷるっとかわいいアニメーションでレイアウトを変更するレスポンシブ用のスクリプト -DyLay
ダイナミックなかわいいアニメーションでパネルのレイアウトを変更する、レスポンシブ用のレイアウトを生成するjQueryのプラグインを紹介します。 デモページ DyLayの使い方 Step 1: 外部ファイル 「jquery.js」と「easing.js」と当スクリプトを外部ファイルとして</bpdy>の上に記述します。 <script src="http://code.jquery.com/jquery.js"></script> <script src="js/jquery.easing.1.3.js"></script> <script src="js/dylay.js"></script> Step 2: HTML 各パネルはリスト要素で配置し、フィルタやソート用のデータをclassやdata属性に仕込んでおきます。 <ul id="dylay"> <li style="width:
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[JS] カーソル進入位置に合わせて変わるアニメーション – nbnote blog
Transit - CSS transitions and transformations for jQuery
[JS]チェックしておきたいjQueryのプラグインのまとめ -2013年3・4月