SlackのようなチャットスペースをWEB上に作れるOSS「Rocket.Chat」:phpspot開発日誌

2015/06/11 105 users チャットスペース Meteor Slack OSS WEB上

Rocket.Chat SlackのようなチャットスペースをWEB上に作れるOSS「Rocket.Chat」 Meteorで実装されています... 続きを読む

ブラウザ内で50万件のテーブルもサクサクで表示できるようにする「Clusterize.js」:phpspot開発日誌

2015/05/07 262 users テーブル DOM ブラウザ内 50万件 ブラウザ

ブラウザ内で50万件のテーブルもサクサクで表示できるようにする「Clusterize.js」 2015年05月07日- Clusterize.js ブラウザ内で50万件のテーブルもサクサクで表示できるようにする「Clusterize.js」 ブラウザ内のDOMに５０万件を読むといくら高速なブラウザでもハングしたりしそうですが、こちらを使えば問題なく50万件のデータも読み込んで表示が出来ます DOM... 続きを読む

HTMLテーブルを JSON、XML、PNG、CSV、PDFなどあらゆる形式に変換できる「HTML table Export」:phpspot開発日誌

2014/06/30 144 users JSON txt CSV XML PNG

HTMLテーブルを JSON、XML、PNG、CSV、PDFなどあらゆる形式に変換できる「HTML table Export」 2014年06月30日- HTML table Export HTMLテーブルを JSON、XML、PNG、CSV、PDFなどあらゆる形式に変換できる「HTML table Export」 TXT, SQL, MS-Word, Ms-Excel, PPT形式にも変換できる... 続きを読む

複数RSSをjQueryでアグリゲートして1ページに表示できるjQueryプラグイン「jQuery Feeds」:phpspot開発日誌

2014/01/31 104 users jQuery クロスドメイン Demo 時系列 RSS

複数RSSをjQueryでアグリゲートして1ページに表示できるjQueryプラグイン「jQuery Feeds」 2014年01月31日- Demo ? jQuery Feeds 複数RSSをjQueryでアグリゲートして1ページに表示できるjQueryプラグイン「jQuery Feeds」 クロスドメインのRSSもサポートしていて、サーバサイドスクリプトは一切不要。 複数のRSSを時系列にサクッ... 続きを読む

Bootstrap用のフォームバリデーター実装jQueryプラグイン「BootstrapValidator」:phpspot開発日誌

2014/01/15 131 users フォームバリデーション Bootstrap JSベース

Bootstrap用のフォームバリデーター実装jQueryプラグイン「BootstrapValidator」 2014年01月15日- nghuuphuoc/bootstrapvalidator GitHub Bootstrap用のフォームバリデーター実装jQueryプラグイン「BootstrapValidator」 BootstrapなサイトでのJSベースでのフォームバリデーションを実装できます... 続きを読む

要素の背景画像を伸縮してくれるレスポンシブWEBデザインに必携のjQueryプラグイン「Wallpaper」:phpspot開発日誌

2013/11/08 163 users WallPaper projects エレメント 必携 背景

要素の背景画像を伸縮してくれるレスポンシブWEBデザインに必携のjQueryプラグイン「Wallpaper」 2013年11月08日- Wallpaper/Projects/Ben Plum 要素の背景画像を伸縮してくれるレスポンシブWEBデザインに必携のjQueryプラグイン「Wallpaper」 div等のエレメントに設定した背景が自然に自動伸縮されていい感じにしてくれるプラグインです。 ブラ... 続きを読む

フリーのiOS7アイコン800個セット:phpspot開発日誌

2013/09/17 109 users SEO PNG形式 Icons8 アイコンフォント 入手

Download 800 iOS 7 Icons for Free | Icons8 フリーのiOS7アイコン800個セット 25x25〜512x512のサイズでPNG形式で入手可能。 これだけあればアプリの開発やサイトの構築に便利に使えそうですね 関連エントリ SEOに関連するフラットなアイコン60個セット 美しいフラットなアイコンフォント「Dripicons」 200種類のフリーな汎用ベクター... 続きを読む

これは衝撃的！CSS開発を爆速化する「Emmet LiveStyle」:phpspot開発日誌

2013/08/08 443 users Emmet LiveStyle 爆速化 CSS開発 CSS

これは衝撃的！CSS開発を爆速化する「Emmet LiveStyle」 2013年08月08日- Emmet LiveStyle ? live bi-directional CSS edit of new generation CSS開発を爆速化する「Emmet LiveStyle」。 ブラウザのDOMインスペクタの方でCSSを修正するとSublimeTextに反映され、またSublimeText... 続きを読む

CSSアニメーションでページを紙芝居の様に切り替えるデモ:phpspot開発日誌

2013/07/18 123 users CSSアニメーション CSS デモ アニメーション 紙芝居

CSSアニメーションでページを紙芝居の様に切り替えるデモ 2013年07月18日- A Collection of Page Transitions | Codrops CSSアニメーションでページを紙芝居の様に切り替えるデモ。 迫力のある全画面切り替えをCSSで実現しており、そのアニメーションの種類も豊富で良いサンプルになっています。 デモとして学習用にもよさそうですが、Windows8っぽいプ... 続きを読む

grepをよく使うプログラマはどう考えても乗り換えるべき新しいgrepコマンド「ack」:phpspot開発日誌

2013/07/16 320 users Ack grep プログラマ サーバ コード

grepをよく使うプログラマはどう考えても乗り換えるべき新しいgrepコマンド「ack」 2013年07月16日- Beyond grep: ack 2.04, a source code search tool for programmers grepをよく使うプログラマはどう考えても乗り換えるべき新しいgrepコマンド「ack」。 サーバに入ってコードを書いている人はかならず使うgrepですが... 続きを読む

フリー＆プレミアムなTwitterBootstrapテーマ50:phpspot開発日誌

2013/07/12 196 users Bootstrap臭 Bootstrapベース 多数

フリー＆プレミアムなTwitterBootstrapテーマ50 2013年07月12日- 50 Awesome Twitter Bootstrap Templates フリー＆プレミアムなTwitterBootstrapテーマ50 Bootstrapベースとはいえ、Bootstrap臭があまりしないテンプレートが多数まとまっています。 通常サイトや管理画面等のテンプレートがまとまっていて、活用して... 続きを読む

素早く簡単にGoogleマップを導入できるjQueryプラグイン「initmap.js」:phpspot開発日誌

2013/07/10 128 users jQueryプラグイン スクリプト自体 超軽量

素早く簡単にGoogleマップを導入できるjQueryプラグイン「initmap.js」 2013年07月10日- jQuery plugin for Google Maps - initmap.js 素早く簡単にGoogleマップを導入できるjQueryプラグイン「initmap.js」 HTML5 Geolocation, Markers API等扱えて、スクリプト自体は1.7KBと超軽量。 ... 続きを読む

PHP,Ruby,JS,HTML,CSSをブラウザ上で開発できるオープンソースIDEエディタ「ICEcoder」:phpspot開発日誌

2013/05/24 192 users ツリービュー HTML,CSS ブラウザ上 ファ タブ

PHP,Ruby,JS,HTML,CSSをブラウザ上で開発できるオープンソースIDEエディタ「ICEcoder」 2013年05月24日- Browser code editor awesomeness : ICEcoder PHP,Ruby,JS,HTML,CSSをブラウザ上で開発できるオープンソースIDEエディタ「ICEcoder」 ブラウザ上だけどツリービューでファイルを開けたり、タブでファ... 続きを読む

フラットが美しすぎるアイコン24個セット:phpspot開発日誌

2013/05/17 153 users ブラッド アイコンセット iPhone PSD形式 グーグル

Free PSD: 24 Flat Icons | Premium Pixels フラットが美しすぎるアイコン24個セット。PSD形式で配布されているそう。 iPhoneの時期OSがフラットになるとか、マイクロソフトやグーグルは既にフラットだとか、フラットの合理性に注目があつまっていたりしますが、フラットでもこれだけ美しくできるのだなと再確認させられるアイコンセット。 今後出てくるアイコンなんかも... 続きを読む

垂直なタイムラインをデザインするHTML＋CSSチュートリアル:phpspot開発日誌

2013/05/10 101 users Codrops タイムライン 時系列 関連エントリ ソース

Vertical Timeline | Codrops 垂直なタイムラインをデザインするHTML＋CSSチュートリアル 次のようなフラットで美しい垂直方向のタイムラインを実装するマークアップ例が紹介されています ソースをダウンロードすることもできます 時系列で何かをならべるようなUIに使えそう 関連エントリ モダンなサイトを作成するためのCSS3チュートリアル集 CSS3でChrome風ウィンドウ... 続きを読む

画像をRetina様にリサイズしてくれるフリーのPhotoshopアクション「Retinize It」:phpspot開発日誌

2013/05/09 121 users Photoshopアクション アクション 実行 画像

画像をRetina様にリサイズしてくれるフリーのPhotoshopアクション「Retinize It」 2013年05月09日- Retinize It - Photoshop actions for slicing retina graphics 画像をRetina様にリサイズしてくれるフリーのPhotoshopアクション「Retinize It」。 レイヤーorグループを選んでアクションを実行... 続きを読む

ドラッグ＆ドロップで再編成できるPinterest風レイアウト作成プラグイン「jQuery.Shapeshift」:phpspot開発日誌

2013/04/24 182 users ドラッグ＆ドロップ プラグイ ユーザ レイアウト 最初

ドラッグ＆ドロップで再編成できるPinterest風レイアウト作成プラグイン「jQuery.Shapeshift」 2013年04月24日- jQuery.Shapeshift ドラッグ＆ドロップで再編成できるPinterest風レイアウト作成プラグイン「jQuery.Shapeshift」。 最初に一度出して終わりなレイアウトではなくて、ユーザがドラッグ＆ドロップでレイアウトを変えられるプラグイ... 続きを読む

LightBoxはここまで進化したよ「VisualLightBox」:phpspot開発日誌

2013/04/22 113 users lightbox オシャレ 好み 拡大 オリジナル

jQuery Image Lightbox: Prime Time DEMO LightBoxはここまで進化したよ「VisualLightBox」 CSS3等を使ってかなりオシャレに進化したLightBoxが実装できます。LightBoxはもう８年ぐらいまえに登場して、今オリジナルをみるとなんか古い感じがするということで時の流れを感じます クリックするとオシャレに拡大。 テーマが大量にあって好みの... 続きを読む

BootStrapのフォーム入力をもっと便利にするための「Bootstrap Form Helpers」:phpspot開発日誌

2013/04/05 162 users Bootstrap インプット フォント 日付 通貨

BootStrapのフォーム入力をもっと便利にするための「Bootstrap Form Helpers」 2013年04月05日- Bootstrap Form Helpers BootStrapのフォーム入力をもっと便利にするための「Bootstrap Form Helpers」。 国、通貨、日付、時間、電話番号、フォント等を入力する際に便利そうなインプットのヘルパーライブラリのご紹介。 次のよ... 続きを読む

イラレの図形をObjectiveCやAS3、JSON形式に変換できるイラレ拡張「DrawScript」:phpspot開発日誌

2013/04/02 103 users ObjectiveC イラレ 図形 JSON形式 AS3

イラレの図形をObjectiveCやAS3、JSON形式に変換できるイラレ拡張「DrawScript」 2013年04月02日- Drawscript - convert Illustrator shapes into code イラレの図形をObjectiveCやAS3、JSON形式に変換できるイラレ拡張「DrawScript」。 イラレで作成した図形をコードに変換してプログラム内で使いたい場合... 続きを読む

ドラッグ＆ドロップでアップロードが簡単実現できるjQueryプラグイン「Dropzone.js」:phpspot開発日誌

2013/03/25 101 users jQueryプラグイン Dropzone.js

ドラッグ＆ドロップでアップロードが簡単実現できるjQueryプラグイン「Dropzone.js」 2013年03月25日- Dropzone.js ドラッグ＆ドロップでアップロードが簡単実現できるjQueryプラグイン「Dropzone.js」。 最近ではあたり前になってきているドラッグ＆ドロップのアップローダーが簡単実現出来ます。 同時アップロード数やアップ時のサムネイルサイズ、フォールバック関... 続きを読む

どんなデータもリアルタイムなグラフにできるフレームワーク「FnordMetric」:phpspot開発日誌

2013/02/18 101 users フレームワーク グラフ リアルタイム 美しいUI データ

FnordMetric | Framework for building beautiful real-time dashboards どんなデータもリアルタイムなグラフにできるフレームワーク「FnordMetric」。 どんなデータも次のような美しいUIを持つリアルタイムなグラフにできます。 サイトの会員数、ユニークアクセス数、データ投稿件数等、リアルタイムにデータを見たいような場合に使えそう。... 続きを読む

今風のWEBベースチャットを作れるオープンソースソフト「kandan」:phpspot開発日誌

2013/02/08 117 users Rails コーディング 関連エントリ オープンソース 送信

kandan 今風のWEBベースチャットを作れるオープンソースソフト「kandan」 次のような美しいインタフェースで、複数ルームチャットが可能。テキスト以外に画像の送信や音楽再生機能なんかがついてます。 Railsで組まれています。社内用チャットシステムとして使っても便利かもしれません これがオープンソースとは嬉しい限り。 関連エントリ コーディングもブラウザ上でできるオープンソースソフトウェア... 続きを読む

ガントチャートとタスクツリーが作れるjQueryコンポーネント「Teamwork Gantt」:phpspot開発日誌

2013/02/01 132 users ガントチャート カスタマイズ カレンダー 指定 入力

Teamwork Gantt ガントチャートとタスクツリーが作れるjQueryコンポーネント「Teamwork Gantt」。 次のようなガントチャートを作成できる無料サービスに加えて、実装コンポーネントをダウンロードすることができます。 開始日、終了日の指定がカレンダーで指定できたり、入力も楽々。 この手の使いやすいUIを自分で作るとなると骨が折れそうですが、これをカスタマイズ等して便利に使うこ... 続きを読む

コンテンツ毎にサイドバーを固定配置できるjQueryプラグイン「Stick ’em」:phpspot開発日誌

2013/01/30 182 users STICK fixed jQueryプラグイン 固定 ページ

jQuery Stick ’em: Make Content Sticky on Scroll, to a Point | Viget コンテンツ毎にサイドバーを固定配置できるjQueryプラグイン「Stick ’em」。 最近よくある、ページをスクロールしてもついてくるサイドバー。position:fixedなどを応用して綺麗についてくるようにできますが、コンテンツが大きく３つに分かれている場合... 続きを読む