Free Chat UI kit for Photoshop and Sketch | InVision チャット等のUI実装に活用できそうなUIキットPSD、Sketchテンプレ「Free Chat UI kit」 チャットに限らない60種類のUIテンプレートと80のUIエレメントが収録されており、アプリ制作等に役立てられそうです。 関連エントリ AppStoreでのスクリーンショットを一括作成できるPSDファイル
CSS3でブロックで組み上げたような文字グラフィックをつくれる「ISO-BLO... 次の記事 ≫:AppStoreでのスクリーンショットを一括作成できるPSDファイル sitexw/FuckAdBlock GitHub iOS9のAdBlockerが話題となっていますが、FuckAdBlockを使うことでAdBlockerがインストールされているかどうかの検出が可能です。 iOS9のAdBlockが有効な場合にページの内容を無効にするサンプルを、非プログラマの方でもコピペで簡単に使えるように書いてみました。 現状、有料アプリで1位となっているため、サイトの利用者層によっては、これから売上等に影響が出てくるのかもしれません。 有効・無効によってUserAgent等が書き換わらないため、こういったライブラリはイタチごっことなるのかもしれませんが、便利に使えるようでした。 <script ty
Clusterize.js ブラウザ内で50万件のテーブルもサクサクで表示できるようにする「Clusterize.js」 ブラウザ内のDOMに50万件を読むといくら高速なブラウザでもハングしたりしそうですが、こちらを使えば問題なく50万件のデータも読み込んで表示が出来ます DOM構造を50万件作るのではなく、スクロールに応じてDOM内を書き換えているのがその仕組のようです。 大量のデータをブラウザ上で一気に表示したい場合に便利そうです 関連エントリ 高機能&高速なテーブル実装jQueryプラグイン「WATable」 テーブルをGoogle Chartsを使って多様なグラフに変換することが出来る「Chartinator」 HTMLテーブルを JSON、XML、PNG、CSV、PDFなどあらゆる形式に変換できる「HTML table Export」 レスポンシブに要素を消さずに変形するテーブル
Jquery.exlink by YupItsZac 外部サイトへの移動やファイルを開く際に警告を簡単に出せる「Jquery.exlink」 他のサイトに移動する際やファイルを開く際に「他のサイトに移動します」などといったワンクッションページを用意するのではなく、ダイアログで実施できるプラグイン。 ダイアログのデザイン等はオプションでカスタマイズ可能。 関連エントリ textareaを入力値によってリサイズできるシンプルなjQueryプラグイン「autoresize-textarea」 画像のズーム&360度回転でプロダクト等をWEB上で可能な限り分かりやすくできるjQueryプラグイン 高機能&高速なテーブル実装jQueryプラグイン「WATable」 画像を並べて動画プレイヤーで動画っぽく表示できる「Jquery image player」 1つのテキストに複数のハイパーリンクを付与で
Bootstrap-checkbox ON/OFF形式のiOSっぽいチェックボックスが実装できるBootstrapプラグイン。 スマホサイトでも使いやすそうですし、スマホに慣れたユーザの人にはこのUIの方が一般的な時代なのかも 関連エントリ Bootstrapなサイトで使えそうなカラーピッカー「jQuery MiniColors」 Bootstrap用の星型レーティング実装「Bootstrap Star Rating」 BootstrapのDropdownを使うなら必ず知っておきたい「Bootstrap Enhancement Dropdowns」 Bootstrapのポップアップを強化する「WebUI Popover」 Bootstrapのように多数のコンポーネントが詰まったUIツールキット「Titon Toolkit」 Bootstrap標準のModalを進化させた「Bootstrap
jQuery-Validation-Bootstrap-tooltip Demo 入力値にエラーがある場合にツールチップを表示できる「jQuery-Validation-Bootstrap-tooltip」。 入力値をリアルタイムにバリデートしてエラーがある場合にツールチップを表示するというUIが実装可能です 関連エントリ Bootstrap標準のModalを進化させた「Bootstrap-modal」 Bootstrap用、横スライド式メニュー等の追加コンポーネントが使える「Jasny Bootstrap」 移動、拡縮、最小化、最大化が可能なBootstrap用モーダルダイアログ実装jQueryプラグイン「jsPanel」 Bootstrapなサイトで使えそうなカラーピッカー「jQuery MiniColors」 Bootstrap用の星型レーティング実装「Bootstrap Star
Curved Cut ブロック要素の下部をスクロールに応じ曲げてカッコよくするサンプル「Curved Cut」。 スクロールするとカーブがが緩まっていきます。 関連エントリ 手放しで自動画面スクロールを可能にするjQueryプラグイン「hungryscroller」 スクロール位置調整を細かく出来るjQueryプラグイン「ScrollAdvance」 スクロールを上に移動でバー表示ができるjQueryプラグイン「scroll-up-bar」 完璧なスクロールバーを実現できるjQueryプラグイン「perfect-scrollbar」 OS Xのトラックパッドスクロール実装jQueryプラグイン「TrackpadScrollEmulator」
jBox by Stephan Wagner ツールチップ、モーダル、通知等を一手に扱えるjQueryプラグイン「jBox」 これ1つでかなり多機能。ツールチップやモーダル、通知、それぞれに色々なデザインバリエーションがあってデザイン・アニメーション自体もカッコいい Bootstrapを使うまでもないけど、こうした機能だけ使いたいという場合にいいかも 関連エントリ レスポンシブでモバイルフレンドリなツールチップ実装ライブラリ「Mobile-Friendly Tooltip」 黒ベースでクールにアニメーションするツールチップ実装jQueryプラグイン「DarkTooltip」 ツールチップなどを表示した際に画面からはみ出さないようにしてくれる「offscreen.js」 フラットデザインが美しいシンプルかつスモールなツールチップjQueryプラグイン「Tipr」
もっと読む、を簡単に実装できるjQueryプラグイン「Readmore.js」 2013年07月22日- Readmore.js: jQuery plugin for long blocks of text もっと読む、を簡単に実装できるjQueryプラグイン「Readmore.js」。 ブログ等でよくある、「ReadMore」。クリックすることで全文が見れるような物ですが、サーバサイドでやるとリロードが必要。 jQueryで$(element).readmore() ってやればすぐにテキストを短くしてくれるところが便利そうです。 クリック時のアニメーションなんかもできます。地味だけど便利ですね 関連エントリ selectをカッコよくしてくれるjQueryプラグイン「Minimalect」 タブ切り替え時のエフェクトがクールなタブUI実装jQueryプラグイン「Tabulous.js」 サ
Postman あらゆるRESTのテストが出来るWEB開発者用Chromeアプリ「Postman」。 通常のHTTP、Basic認証、ダイジェスト認証、OAuth等のテスト用クライアントとして活用できます。 HTTPであればGET、POST等のメソッドを選んで、任意のデータを送信することが可能。 返却値はHTMLでもJSONでもハイライトして見やすく表示してくれます。レスポンスBodyだけではなくヘッダーなんかも表示することができます。 Chromeアプリなのでとりあえず追加しておくだけでもしておくといいかも デザインがBootstrapベースでカッコよく使いやすいのも特徴 関連エントリ POSTやファイルアップロード等がPHPから簡単に行えるHTTPライブラリ「Unirest」
Fuel UX Twitter BootStrap に追加できる5つのコンポーネントパック「FuelUX」 コンボボックス、データグリッド、ピルボックス、検索、スピナー等のコンポーネントがセットになって配布されています。 どのコンポーネントも元がいいだけにかなりクールなデザインになっています。 ますますサイト作りがリッチに、そして楽しくなりそうです 関連エントリ Twitter Bootstrapでカッコいいカルーセルを実装するサンプルとチュートリアル Twitter Bootstrapじゃなくfacebook Bootstrap?「Fbootstrapp」 Twitter Bootstrap で使えるカラーピッカー&日付ピッカー TwitterBootstrapベースのテーマやテンプレートが入手できる「WrapBootstrap」 綺麗なUIのサイトがサクサク組めるTwitter Boo
Candy ? a JavaScript-based multi-user chat client JavaScriptベースのIRCっぽいチャットプログラム「Candy」 複数ルームの作成、ログイン、emoticon等、基本的なチャット機能がブラウザ上から使えます。 デモチャットもあるので実際に試して見ることが可能です。 チャットサービスや社内チャットなんかに活用できそうです 関連エントリ 今風のWEBベースチャットを作れるオープンソースソフト「kandan」 node.jsで超カッコいいリアルタイムチャット「Balloons.IO」 スマホ・PCでオンラインライブチャットによる顧客サポートを簡単提供「GrooveHQ」
FnordMetric | Framework for building beautiful real-time dashboards どんなデータもリアルタイムなグラフにできるフレームワーク「FnordMetric」。 どんなデータも次のような美しいUIを持つリアルタイムなグラフにできます。 サイトの会員数、ユニークアクセス数、データ投稿件数等、リアルタイムにデータを見たいような場合に使えそう。 muninなどでもグラフ化できますが、ここまでのUIの美しさとリアルタイム性は備えていないので、リアルタイムに欲しい情報はこれでダッシュボードにして監視すると便利でかっこ良さげ。 Ruby+Redisで書かれていますが、データの表示にはHTML5/JavaScriptのAPIが使えるようです 関連エントリ 世界地図でデータをビジュアライズする際に使えるJSライブラリ「DataMaps」 リアルタ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く