「table」って実はここまでできるんです！jQuery tableプラグイン12選｜SeleQt【セレキュト】
＜table＞はHTMLで最も古い要素のひとつです。tableはかつてWebレイアウトに広く使われていました。しかし、tableを基盤としたレイアウトは廃れ（HTMLメールを除いて）、現在tableを使うのは、表データを見せるために使うときくらいでしょう。 HTMLスペックの古い部分は、一般的にモバイル中心のデザインに合っておらず、そしてbox要素の外では機能的な発展はありません。とはいえ、table機能の使い勝手がもっとよくなったらいいと思いませんか？ この記事では、jQueryで動く厳選したプラグインについてザっと説明し、tableの可能性が広がればいいなと思います。これからご紹介するプラグインは、簡単なデザイン修正から機能豊かな解決策にまで多岐に及びます。 jQueryで動くtableプラグイン12選 Dynatable Dynatableはフィルター、分類、ページ付けなどの機能をも
レスポンシブでスマホで便利に使えそうなアコーディオン実装「Responsive Accordion」:phpspot開発日誌
Responsive Accordion - jQuery Plugin レスポンシブでスマホで便利に使えそうなアコーディオン実装「Responsive Accordion」 アニメーション等もいい感じでなかなか使えそうです。 関連エントリ モバイルファーストでレスポンシブなアコーディオン実装「Bellows」
ページ内リンクはスムーズスクロールしなくても一瞬点滅すればいいんじゃないかという実験
スムーズスクロール以外の方法で、ページ内リンクによって画面が切り替わったことを利用者にわかりやすく伝える方法はないかということで、ページ内リンクでの移動時に画面を一瞬点滅させるスクリプトを jQuery で書いてみました。 タイトルが （謎） な感じですが...... ページ内リンクでページ上部に移動させたりするとき、最近は所謂スムーズスクロールってやつを実装するのが当たり前になっていますよね。パッと瞬時に画面が切り替わってしまうと、ページ内で移動したことがわかりにくいので、スクロール処理を入れることでわかりやすくしてあげましょうって言う、親切心から採用されるケースが多いと思います。 実装方法は JavaScript と CSS アニメーションの組み合わせや、JavaScript （というか jQuery） でというのが多いと思いますが、今回はそのスムーズスクロールの実装方法はどれが良いの
今っぽくなった！トレンドをおさえたjQuery プラグインまとめ
作成：2015/04/6 更新：2016/06/29 Web制作 > トレンドとなりつつある視覚効果や、細部にちょっとした動きを取り入れたいときに使えるjQuery プラグインをまとめました。ユーザーが使いやすくなるよう、ページにひと工夫したいときに。少し前のプラグインもありますが、今から使えそうなものもピックアップ。 エンジニア速報は Twitter の@commteで配信しています。 もくじ マイクロインタラクション １．粘性 ２．移動するプレースホルダー ３．滑らかにページ移動させる ４．パスワード強度を可視化 ５．オートコンプリート ６．テキスト入力 ７．Google Map（吹き出し・マーカー） ８．オートページャー ９．プログレス12パターン １０．ノーティフィケーション レタリング １１．１文字ごとに指定 フルスクリーン １２．モーダルウィンドウ（全画面） １３．フォーム（全
フルスクリーンスクロールを簡単に実装できる fullPage.js
1画面でコンテンツを見せ、縦にスクロールするとススッと画面が切り替わるデザインを簡単に実装できるのがfullPage.jsです。 よく使うカスタマイズが簡単にできるのもこのプラグインの特徴です。 背景に画像を使うことができます。 縦スクロールだけでなく、横スクロールのコンテンツを途中に入れることができます。 実装も簡単です。 <div class="section active">Contents1</div> <div class="section">Contents2</div> <div class="section">Contents3</div> <div class="section">Contents4</div> デモも数パターン用意されています。 右側に現在位置を表示するドットを表示 横スクロールに現在位置を表示するドットを表示 普通のスクロール ページごとにURLにアン
虎ノ門ヒルズ - Toranomon Hills
グローバルプレーヤーが求める都市機能を揃え、 東京と世界をつなぐ「グローバルビジネスセンター」虎ノ門ヒルズ。 様々な出会いを生み出していく結節点として。 領域を超えたイノベーティブな価値を発信する拠点として。 人間の創造性を引き出し、ビジネスを動かすエンジンとして。 東京という都市の可能性を大きく広げていきます。 グローバルプレーヤーが求める都市機能を揃え、東京と世界をつなぐ「グローバルビジネスセンター」虎ノ門ヒルズ。様々な出会いを生み出していく結節点として。領域を超えたイノベーティブな価値を発信する拠点として。人間の創造性を引き出し、ビジネスを動かすエンジンとして。東京という都市の可能性を大きく広げていきます。
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
このドメインは お名前.com から取得されました。 お名前.com は GMOインターネットグループ(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込です。 ※サービス品質維持のため、一時的に対象となる料金へ一定割合の「サービス維持調整費」を加算させていただきます。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 日本のドメイン登録業者(レジストラ)（「ICANNがレジストラとして認定した企業」一覧（InterNIC提供）内に「Japan」の記載があるもの）を対象。 レジストラ「GMO Internet Group, Inc. d/b/a Onamae.com」のシェア値を集計。 2023年10月時点の調査。
KENZO | Designer Clothing, Sneakers & Bags for Men, Women & Kids
WOMEN SELECTIONS SELECTIONS New in Most wanted Gifts READY TO WEAR READY TO WEAR Jackets and Coats T-shirts and Polos Sweatshirts and Hoodies Knitwear Shirts and Tops Dresses and Skirts Pants and Shorts Tailoring Denim See all BAGS BAGS Bags Small Leathergoods ACCESSORIES ACCESSORIES Caps And Hats Scarves Pins and Jewelry Belts Socks Ties Lifestyle iPhone Cases See all SHOES SHOES Sneakers Mules A
見た目を綺麗に整列する！ブロックレベル要素の高さを揃えるJS3選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
お疲れ様です、デザイナーのモモコです。 コーディング中にいざ本番の文言を入れたら、予想以上に長さがバラバラで見た目が揃わない…！なんてこと、ありますよね。今回はそんな時に活躍してくれるブロックレベル要素の高さを揃えるjsを3つご紹介します。 heightLine.js 配布ページ <script type="text/javascript" src="heightLine.js"></script> class名のつけ方によって高さを揃える要素をコントロールできるJavascriptです。 子要素の高さを統一できる「heightLineParent」が便利で良くお世話になっていました。 jQueryAutoHeight.js 配布ページ※このページは現在削除されています。 <script type="text/javascript" src="jquery.js"></script> <s
通知メッセージを実装する為のシンプルなjQueryプラグイン・notifIt!
シンプルで使いやすそうだったので備忘録。アニメーションしながら表示される通知メッセージを実装するシンプルなスクリプト・notifIt!です。jQueryに依存します。 シンプルな通知メッセージ実装スクリプトです。 普通のメッセージ実装スクリプトです。軽量で設定も簡単なので導入しやすそうですね。 notif({ msg: "<b>送信成功:</b> あなたのメッセージは送信されました", type: "success" });メッセージ等のセッティングはオプションで設定します。HHTMLタグも利用可能なのでスタイリングも楽ですね。 軽量なのでスマフォサイトでも気軽に使えるかも。覚えておいて損は無さそうです。 notifIt!
stickUp - a free jQuery Plugin
a jQuery plugin A simple plugin that "sticks" an element to the top of the browser window while scrolling past it, always keeping it in view. This plugin works on multi-page sites, but has additional features for one-pager layouts. Scroll down to see it in action. Visit GitHub Simple Integration stickUp is a jQuery plugin, which you can implement on any webpage alongside jQuery. You can easily mak
ゼゼヒヒ - インターネット国民投票
平素よりゼゼヒヒをご利用いただきありがとうございます。 開設以来多くの皆様にご利用いただきましたゼゼヒヒですが、スマートフォンに代表されるインターネット利用環境の変化に伴い、サービスの利用状況等を鑑みた結果、2020年10月30日をもちまして終了しました。 サービス終了に伴い、皆様にはご迷惑をおかけしますが、何卒ご理解賜りますようお願い申し上げます。 なお、ご利用の際にご登録いただいた個人情報につきましては、弊社が責任を持って消去させて頂きました。 最後になりますが、本サービスをご愛顧いただきました皆様には心より御礼申し上げます。 本件に関する問い合わせ先 zzhh@neo-logue.com
ナビゲーションをスクロールの途中でヘッダーに固定する方法 * R4 * Webサービスレビューサイト
最初からヘッダーに固定するタイプではなく、スクロールしていく途中で、ヘッダーが固定される方法の紹介です。ANTEPRIMAやIWCなど、多くのWebサイトで使われています。 <script src="jquery.js"></script> <script> $(function(){ hTop = $('#header').offset().top; }); $(window).scroll(function () { if($(window).scrollTop() > hTop - 0) { $('#header').css('position', 'fixed'); $('#header').css('top', '0px'); }else{ $('#header').css('position', 'static'); } }); </script> #header に固定したい
グリッドレイアウトを実装できるjQueryプラグイン総まとめ
パネルをタイル状に敷き詰めるプラグイン / Masonry / Grid-A-Licious他...全10件
jqueryを効率よく学ぶ方法は？ - プログラミング学習の窓口
jQueryを学ぼうと思ってネット検索をしても、色々な情報が出てきてどの情報を参考にすればいいか分からないという経験をした方はいるのではないでしょうか。 特に独学で学ぼうとすると、その壁によくぶつかります。ドットインストールのようなメジャーなサービスも使ったことがなければ、その価値は分かりません。 そこでおすすめなのがプログラミングスクールの活用です。最初に何から学ぶべきかといった説明はもちろんのこと、キャリアプランまで相談に乗ってくれるので、ただ単に学んで終わるということが減らせます。 The post jqueryを効率よく学ぶ方法は？ first appeared on プログラミング学習の窓口.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ユーザ入力をリアルタイムでバックアップしてフォーム内容を保持できる「Squirrel.js」:phpspot開発日誌
IDEA * IDEA
STALOGY – Stationery, Standard & Technology
http://wp-and.me/bxslider
ボックス要素を綺麗に整列出来るjQueryプラグイン・jQuery MasonryにInfinite Scroll（無限スクロール）機能を加えたサンプル - かちびと.net
