インストーラのようなウィザードをWEBで実現できる「jQuery Smart Wizard 4... 次の記事 ≫:WebGLを使った超リッチな背景イメージ描画「WebGL Scroll Spiral」
インストーラのようなウィザードをWEBで実現できる「jQuery Smart Wizard 4... 次の記事 ≫:WebGLを使った超リッチな背景イメージ描画「WebGL Scroll Spiral」
GitHub - atmist/snazzy-info-window: Customizable info windows using the Google Maps JavaScript API. GoogleMapでシャレオツなポップアップを表示させられる「snazzy-info-window」 次のようなリッチなポップアップを地図上に表示させられます。モダンなWEBサービスで使えそう 関連エントリ GoogleMap上での道案内をアニメーション表示することが出来るデモ GoogleMapを静止画の形でページにサクッと埋め込めるjQueryプラグイン「Static-google-Maps」
Transition Effect with CSS Masks | Codrops CSSマスクを使った次世代の画面切り替えエフェクト集 今まで見たことの無いようなページ変更のアニメーションエフェクトが豊富に収録されています。 もっとも全てのブラウザで対応しているわけではない実験的な物ですが、最近はブラウザの移り変わりも激しいのですぐに一般的なものになりそう 関連エントリ タイプライター風エフェクトを実現するJS「TYPEWRITING」 複数レイヤーから構成されるページの画面切り替えエフェクト集 壊れたテレビ風のグリッチエフェクトを全ての要素にかけられるjQueryプラグイン CSSホバーエフェクトの30のネタ帳
Icon Animations Powered by mo.js | Codrops mo.jsを使って、いいね!アイコンをクールにアニメーションさせるデモ。 いいね、以外のアイコンも様々にアニメーションする様が実装されています アプリ化の流れで、WEBでもこういったアニメーションはより重要になっていきそうです 関連エントリ オシャレなアニメーションで動作するスライドショー「Elastic Circle Slideshow」 SVGでクールにアニメーションするローディングボタン実装「Loading Buttons」 画像をボケた状態から鮮明にするアニメーション「Blurry-image-load」 CSSを使った3Dアニメーションライブラリ「voxel.css」
FaiblUG/jQuery-Lcn-Circle-Range-Select GitHub 円形で範囲選択の入力を可能にすることができる「jQuery-Lcn-Circle-Range-Select」。 時間の範囲、タイマー等、円形に適したケースでのinputに役立てることが出来そうです。 関連エントリ selectの複数選択のUIをサジェスト方式に変えるjQueryプラグイン「easySelect」 selectボックスをスマホネイティブ風にフルスクリーン化する「Bootstrap-fullscreen-select」 項目の多いselectをインクリメンタル検索形式に変換できるjQueryプラグイン「flexselect」 selectボックスを置換えてオシャレかつ使いやすくできるjQueryプラグイン「Selectable」
Bootstrap-fullscreen-select | Custom select element for Mobile interfaces. selectボックスをスマホネイティブ風にフルスクリーン化する「Bootstrap-fullscreen-select」 UIのテーマはAndroid,iOS,Mac風のテーマから選べるようです。タッチ系の端末では相性が良さそうです。 関連エントリ selectボックスにアイコンを付けて分かりやすくできるjQueryプラグイン「wSelect」 項目の多いselectをインクリメンタル検索形式に変換できるjQueryプラグイン「flexselect」 階層的なselectボックスを実装できる「folderselect.js」
Full-Screen Pushing Navigation in CSS and jQuery | CodyHouse フルスクリーンでタッチデバイスでも使いやすいナビゲーションメニュー実装。 PC時代はコンパクトにまとめるのがよかった気がしますが、タッチデバイス時代では画面上に大きく表示したほうがタッチもしやすくて使いやすいと言えそう。 こういう部分も自分含めた昔からWEBを作っている人は頭を切り替える必要がありますね 関連エントリ 美しいナビゲーションメニューを自動生成するjQueryプラグイン「MenuItems」 ページ自体のサムネイルを作ってナビゲーションにできる「Minimap」
michelson/Dante GitHub サイト内にMediumのテキスト編集ツールを組み込める「Dante」 テキスト選択時にのみツールバーが現れて文字修飾が可能。スマホでも比較的快適に使えます。 スマホファーストな流れの中で、従来型のPCに特化したWYSIWYGはスマホでは使いづらく、こうしたものにシフトしていく必要がありそう 関連エントリ Mediumが作ったデータビジュアライズツール「Charted」 Mediumのアバターズーム風エフェクトがかけられるJSライブラリ「Zoomerang.js」 Mediumスタイルのコメントシステムが実装できる「Side Comments」 Medium風のシンプルなLightBoxが実装できるjQueryプラグイン「Fluidbox」 MediumみたいなカッコいいWYSIWYGな編集ができる「jQuery Notebook」
入力値にエラーがある場合にツールチップを表示できる「jQuery-Validation... 次の記事 ≫:ページスクロールに応じて要素を様々にCSSアニメーションしつつ表示...
Lazy-loading Google Maps ? Osvaldas Valutis Googleマップを遅延ロードしてページ読込速度を上げてくれるjQueryプラグイン「Lazy-loading」 スクロールした際に読み込む、画像のLazyLoaderは一般的になりましたが、GoogleMapでこれを実現するためのjQueryプラグイン。 http://osvaldas.info/examples/lazy-loading-google-maps 関連エントリ クリッカブルマップもレスポンシブにするjQueryプラグイン「Responsive Image Maps」 ヒートマップが簡単に描画できるライブラリ「heatmap.js」
PhotoSwipe: JavaScript Image Gallery シンプルデザインだけど必要な機能がつまったフォトギャラリー作成jqueryプラグイン「PhotoSwipe」。 写真をクリックすると拡大されて即ギャラリーとして見られます。UIは必要最低限なデザインですがシンプルで使いやすそう。 レスポンシブでスワイプ等のタッチ端末にも対応。 関連エントリ 新Flickr風のギャラリーが作れるjQueryプラグイン「Justified Gallery」 レスポンシブでPinterest風レイアウトのギャラリーが作れるjQueryプラグイン「Galereya」 リアルなページめくり効果をもったギャラリーが作れるjQueryプラグイン「Onebook3d」 蜂の巣風の変わったギャラリーが作れる「jquery-hex-gallery」
Labelauty jQuery Plugin checkboxやradioをアイコン付きでよりオシャレにできるjQueryプラグイン「Labelauty」。 ボタンの横にアイコンを表示させてON/OFFでアイコンを変えたりすることが可能。 通常のデザインが分かりやすい時もあれば、そうでない時もあるかもしれないので、そういう場合の選択肢にこれを知っておいても良さそう 関連エントリ チェックするといい感じにアニメーションするcheck,radioが作れるjQueryプラグイン「checkBo」 押しやすいカスタムデザインのcheck/radioボックスを実現できる「jquery-asCheck」 radioボタンをかっちょいいスライダーにしてくれるjQueryプラグイン「radiosToSlider」
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く