jExcel ページ内にお手軽にExcelスプレッドシート風UIを入れられる「jExcel」 JSONデータやCSVを元にして次のような綺麗なExcelスプレッドシート風のデータを表示させられます データのソートや変更ができるシンプルなものとなっているようです 関連エントリ Excelそっくりな表計算モジュールを実装可能なオープンソースモジュール「Gelsheet」 WEBページにExcel風スプレッドシートを設置できるウィジェットライブラリ「dhtmlxSpreadsheet」
GitHub - asmsuechan/jquery_push_notification: This library allows us to use html5 NotificationAPI in jquery. ブラウザプッシュ通知を簡単に使えるようにするjQueryプラグイン「jquery_push_notification」 HTML5のNotificationAPIをjQueryベースで簡単に書けます デモ クリック時のアクション設定や、閉じた際のイベントハンドラ設定なども出来て柔軟に使えそうです 関連エントリ メッセージボックスや通知ダイアログ表示コンポーネントが多数詰まった「Lobianijs」 複数カラーで綺麗なツールチップや通知を実装できる「NTip」
Flat Apple Devices Mockup Apple製品のフラットで美しい端末モックアップセット。 UIがフラットに移行しているなか、スクリーンショット内のモックアップだけリアルなのもいいですが、フラットだとより馴染みそうです。 アプリの紹介画像などに使えそう。iPadやmac、watchのモックもあります 関連エントリ 195のフラットデザインの国旗アイコンセット 40種類のカラーリングされたフラットアイコンセット。有料で2000のアイコンも使える シンプル&フラットデザインHTML5メディアプレイヤー「Plyr」 フラットなクールデザインのselectを実装できる「Select or Die」
Ocrad.js - Optical Character Recognition in Javascript JSでCanvasに描いた文字等をOCRできる「Ocrad.js」。 次のようにphpと文字を描いてみると認識される他、画像から文字を取得する事も可能。 ブラウザ上でしかもプラグインなしでも実現できるのは凄いですね 使い方も超簡単。 関連エントリ リンク先を先読みしてページの速度をあげるJSライブラリ「InstantClick」 モダンなプログレスバーを表示できるJSライブラリ「nanobar.js」 単体1KB以下で動作する遅延ローダーライブラリ「Echo.js」
Responsive and Mobile-Friendly Tooltip ? Osvaldas Valutis レスポンシブでモバイルフレンドリなツールチップ実装ライブラリ「Mobile-Friendly Tooltip」 ツールチップというと、どうしてもPC用でマウスオーバー表示というものが多かったのですが、レスポンシブでデザインも美しいツールチップが実装可能です。 タップすると次のように綺麗なツールチップが表示されます。 関連エントリ フラットデザインが美しいシンプルかつスモールなツールチップjQueryプラグイン「Tipr」 フラットでシンプルさがいい感じのツールチップライブラリ「Simptip」
Flat Apple Devices MockUp | GraphicBurger フラットデザインのiOS端末モックアップ。 次のようなフラットなApple端末のモックアップがダウンロード可能。 アプリもフラットですが、アプリ紹介サイトなんかもフラットにする場合はこれまでのリアルなモックからこれに変えるとより馴染みそうですね。 端末種類も豊富で様々な角度から写したモックは便利に使えそう 関連エントリ プログレスバーにもなるフラットなボタン実装デモ フラットな大量のコンポーネントが詰まったフラットなモバイルUIキット「Flatastic Mobile UI Kit」 フリーで使えるフラットでハンサムなBootstrapテンプレ集「Black Tie」 フラットデザインでCSSベースの読込アニメーションいろいろ「SpinKit」
favico.js - Make a use of your favicon faviconにアニメーション付きのバッジをつけられる「favico.js」 faviconに通知等の件数を付与し、単に付与するだけではなく、アニメーションをつけられるJS。 タブがバックグラウンドにある時に、分かりやすいですね。 このライブラリを利用して簡単に実現できるので通知等があるサイトの場合は実装しておくとよいかもですね 関連エントリ faviconを円グラフにしてアニメーションできる「Piecon」
Brick Mozillaが作ったスマホフレンドリなUI作成HTML5フレームワーク「Brick」 <x-calendar></x-calendar> と書いて初期化すればカレンダーが描画出来るなど、便利なHTML5フレームワークがMozillaから公開。 主にスマホをターゲットとしたかのようなUIコンポーネント群が実装できます。 タイトルバー カレンダー ギャラリー 独自タグだとやっぱりシンプルでわかりやすいですね。 ちょっとデザインがかっこわるい気がしますが、今後の発展に期待。 関連エントリ Yahooが作ったピュアCSSのUIライブラリ「Pure」 FlatなUIが美しいWEBサイト25 FlatなUIが美しいJSレスなUIライブラリ「TopCoat」 フルスクリーンでページめくりをするUI実装デモ これは超使いやすいページネーションの次世代UI
Emmet LiveStyle ? live bi-directional CSS edit of new generation CSS開発を爆速化する「Emmet LiveStyle」。 ブラウザのDOMインスペクタの方でCSSを修正するとSublimeTextに反映され、またSublimeTextを編集するとブラウザに即反映されるというプラグインです。 ブラウザで編集しちゃえば簡単にカスタマイズはできるけど、テキストエディタにコピーが必要で、逆にテキストエディタで書くのもブラウザのリロードが必要といった具合に手間がかかりますが、その手間がなくなります 更に、複数のブラウザウィンドウに即座に反映されるため、横幅を小さくしたブラウザ、通常のブラウザを開けば、レスポンシブデザインのプレビューが同時に終わります。 片方のブラウザのDOMインスペクタでCSSをカスタマイズしてももう一方のブラウザ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く