Devices.css - Modern devices in pure CSS ピュアCSSで描かれたiPhoneX等のデバイス集「Devices.css」 最新の端末画像を画像ファイルでなくCSSで再現できます。 関連エントリ ピュアCSSで新しいローディングアニメーション
ToProgress.js ブラウザトップのプログレスバーを簡単実装できる「ToProgress.js」 バー表示に必要なAPIはそろっていて、シンプルですが便利に使えそうです 関連エントリ サイトのロゴ等をプログレスバーにすることができるjQueryプラグイン「LoadGo」 アニメーションするPOPなデザインのプログレスバー実装jQueryプラグイン「jQMeter」 フラットデザインでレスポンシブなプログレスバー作成「ProgressBar.js」 アニメーションするプログレスバーを実装できるjQueryプラグイン「barIndicator」 スクロール位置がヘッダのプログレスバーで分かるようにする「Scrolline.js」 パーセンテージをプログレスバーでビジュアライズできる「barIndicator」
CSS3でブロックで組み上げたような文字グラフィックをつくれる「ISO-BLO... 次の記事 ≫:AppStoreでのスクリーンショットを一括作成できるPSDファイル sitexw/FuckAdBlock GitHub iOS9のAdBlockerが話題となっていますが、FuckAdBlockを使うことでAdBlockerがインストールされているかどうかの検出が可能です。 iOS9のAdBlockが有効な場合にページの内容を無効にするサンプルを、非プログラマの方でもコピペで簡単に使えるように書いてみました。 現状、有料アプリで1位となっているため、サイトの利用者層によっては、これから売上等に影響が出てくるのかもしれません。 有効・無効によってUserAgent等が書き換わらないため、こういったライブラリはイタチごっことなるのかもしれませんが、便利に使えるようでした。 <script ty
iframeのサイズをコンテンツに応じて自動リサイズを出来るようにする「Iframe-resizer」 2015年09月09日- Iframe-resizer by davidjbradshaw デモ iframeのサイズをコンテンツに応じて自動リサイズを出来るようにする「Iframe-resizer」。 iframeってお手軽に使えるんですが、iframe内外のJSが連携するのは別ページであるので面倒であったり、更にクロスドメインが絡むのでややこしいんですよね。 iframe内のresizeイベントが取れるので、JSで動的にコンテンツのサイズが増えても、自動リサイズが出来たりするようです 関連エントリ iframeの高さを中身のコンテンツにあわせて切り替えられる「setIframeHeight」 image, iframeをlazyloadしてロード時の関数を指定可能な「Lazyload
jQuery Filestyle - jQuery Customization of input html file - Customization of upload フォームのfile入力部分のUIを綺麗に整形できる「jQuery Filestyle」。 ファイルアップロードの際にかならず使う<input type="file">ですが、ブラウザによってデザインがまちまちでダサいと、割と扱いにくいのですが、それを綺麗に整形するためのjQueryプラグインです CSSで自由に調整をかけるのも簡単そうです。 Bootstrapなサイトでも便利に使えそうです 関連エントリ 画像アップロード時にクライアント側で編集が可能になる「picEdit」
Formplate Plugin フォーム要素をフラットかつ全デバイスで統一させるjQueryプラグイン「Formplate」。 OSやブラウザによってフォームデザインが変わって、PCで見ていると綺麗だけど、Mac、iOS等で見ると統一感が無いといったことは、標準ではよくありますね。 単にフォームのUIのみを統一したいという場合はこちらも選択肢の1つになるかもしれません。 フォーム要素のデザインはフラットで汎用性が高い。 関連エントリ シンプルなフォームバリデート実装用jQueryプラグイン「guards.js」 複数画面にわたるステップ別のカッコいいフォームを実装できる「Ideal Forms 3」 入力抵抗を少なくできるかも、なミニマムなフォームインタフェースの一例 フォームでの洗練されたアイテムへのタグ付けUI実装jQueryプラグイン「taggingJS」
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く