Bootstrap 4向けのモダンで軽量なUIキット・「Shards」 | かちびと.net

2017/11/09 11 users モーダルウインドウ Bootstrap バッチ UIキット

Shards ShardsはBootstrap 4用のモダンで軽量なUIキットです。ナビゲーションやツールチップ、フォーム周り、モーダルウィンドウやバッヂ、アラート、ボタン、カードなどのコンポーネントが揃えられています。これらのUIの為のCSSは圧縮版で12KBほどと軽量ではありますが、Bootstrapベースなので軽量と言えるかは判断が分かれそうです。Bootstrapらしい綺麗なスタイルで良い... 続きを読む

動画やGoogleマップにも対応した軽量なモーダルウィンドウを実装するjQueryプラグイン・Pop Easy - かちびと.net

2013/06/06 52 users モーダルウインドウ Trigger modal jQuery

使いやすそうなモーダルウィンドウのスクリプトがあったので備忘録。VimeoやGoogleマップにも対応しており、ファイル自体も圧縮版で2KB程度と軽量なのも嬉しいですね。 モーダルウィンドウ実装用のスクリプトです。jQueryに依存します。 Pop Easy 使いやすそうなモーダルウィンドウです。 スタイルもカスタマイズしやすそう。 $('.modalLink').modal({ trigger:... 続きを読む

jQuery 1.9 のソースマップ対応で圧縮版でもデバッグが簡単になった話 - てっく煮ブログ

2013/01/28 304 users デバッグ デバッガー スタックトレース jQuery jQu

jQuery 1.9 がリリースされました。1.9 の新機能の中ではあまり注目されていませんが、ソースマップに対応したのが地味に便利そうです。 というのも、圧縮版の jquery.min.js を使っていると 何か問題が起きたときにスタックトレースを眺めても jQuery の部分が意味不明 デバッガーで jQuery のソースにステップインしても意味不明 といった理由で、開発中には非圧縮の jqu... 続きを読む

table要素内をキーワードでフィルタリングする軽量なjQueryプラグイン・jquery.table_filter.js - かちびと.net

2012/10/25 40 users フィルタリング スクリプト jQueryプラグイン 需要 用途

table要素内をキーワードで フィルタリングできる、と いうプラグイン。シンプル な用途ですが、割と需要が あるのと、軽量なので一応 メモ。 キーワードを入力するとマッチしない行がテーブルから非表示される、というもの。圧縮版で0.9KBと結構軽量で済みます。 jquery.table_filter.js たまに見かけるタイプのスクリプトですが、フィルタリングのみというのはなかなか無いので助かりま... 続きを読む

画面サイズに応じて任意のCSSファイルをロードするJavaScriptライブラリ・sizeit.js - かちびと.net

2012/07/14 123 users CSSファイル JavaScriptライブラリ net 単体

画面のサイズを指定して、その サイズに応じて任意のCSSファイル をロードするスクリプトのご紹介。 Media Queries等によってCSSが 肥大化してしまった場合は使って あげると軽量化できるかもですね。 指定したブレークポイントに合わせて、ロードするCSSファイルを指定出来る、というスクリプト。非依存型なので単体で利用可能、サイズも圧縮版で1.7kbほどと軽量です。 Sample Medi... 続きを読む

li要素で作ったナビゲーションリンクを、Media Queriesで設定したブレークポイントでselect要素にする軽量ライブラリ・TinyNav.js - かちびと.net

2012/04/03 44 users ナビゲーションリンク ブレークポイント ウインドウサイズ

シンプルで使いやすそうだったので 備忘録。Media Queriesと併用して、 ナビゲーションリンクをselect要素 に変換するjQueryのプラグインです。 圧縮版だと300kbほどと、超軽量で、 様々なブラウザにも対応できるので 覚えておこうと思います。 ウィンドウサイズが設定したブレークポイントに達するとli要素で作ったナビゲーションがselect要素に変わってくれるので、スマフォのよう... 続きを読む

背景いっぱいに画像を表示、スライドショー化にも対応した軽量なjQueryプラグイン・BACKSTRETCH - かちびと.net

2012/03/11 172 users net 背景 スライドショー化 画像 okok

okok同じようなの沢山あるのですが、 軽量って言葉に弱い。背景一杯 に画像を表示、スライドショー 化も可能なjQueryプラグインで す。圧縮版なら2KBほどですの で導入しやすいですね。 背景一杯に表示出来るやつでスライドショーにも対応で軽量です。圧縮して2KBくらい。しないで5KBくらいです。 BACKSTRETCH 似たようなのは一杯あるので他にも探してみてください。個人的にはこれはカスタ... 続きを読む

Media Queriesのように、モニターサイズに応じてスタイルを変更可能にする非依存型で1KBの軽量jsライブラリ・syze - かちびと. net

2012/01/16 56 users ブレークポイント Media Queries 備忘録 net

シンプルで良さそうだったので一応備忘録。 Media Queriesライクにブレークポイントに 応じてスタイルを変更できるライブラリです。 非依存型で1KBと、超軽量スクリプトなので 簡単なキャンペーンサイトとかならこれでも いいかもしれないですね。 Media Queriesのようにデバイスを限定しないクロスブラウザ対応で、他のライブラリに依存せず利用出来る、圧縮版は1KBと軽量、というのが特徴... 続きを読む

ポイントを絞った小さなフレームワークが色々ある「Microjs」:phpspot開発日誌

2011/05/09 24 users microjs フレームワーク phpspot開発日誌 機能

Microjs: Fantastic Micro-Frameworks and Micro-Libraries for Fun and Profit! ポイントを絞った小さなフレームワークが色々ある「Microjs」。 jQuery等のJavaScriptフレームワークは便利ですが、全く使っていない機能もインクルードしてしまっていたりします。 圧縮すれば大したサイズじゃないよという場合(圧縮版で3... 続きを読む