3Dな都市の地図を作成するオープンソースのプロジェクト・「ViziCities」
ViziCities ViziCitiesは都市の地図を3D化するオープンソースのプロジェクトです。OpenStreetMapを地図ベースに3D化を進めているそうです。単純な3D化ではなく、リアルタイムなデータを付与した3Dマップを目...
Resource - オープンソース
リストやテーブルにフィルタリング機能やソート、検索機能を付与するスクリプト・「List.js」
List.js List.jsは既存のHTMLリストやテーブルに検索やソート、フィルタリング機能を付与するスクリプトです。他スクリプトを追加する事になりますが、ページネーションにも対応しているみたいです。他ライブラリに依存せず、シンプ...
モバイルファーストなヘルプデスク向けツール構築の為のオープンソースソフトウェア・「Helpy.io」
Helpy.io Helpy.ioはモバイルファーストに設計されたヘルプデスク向けのツール構築ソフトウェアです。社内外両面からの問い合わせ対応のためヘルプデスク要員を設けている企業も少なく無いと思いますが、そのヘルプデスクをサポートす...
シンプルなチャットシステムを導入する為のスクリプト・「Chatjs」
Chatjs Chatjsはシンプルなチャットシステムです。Facebookライクに右下に小さく表示されるシンプルなもので、プラットフォームにも依存しないそうです。ソーシャル要素を持ったWebアプリにあると便利かもしれませんね。Fac...
VSCOのようなフィルターを実装する為のスタイルシート・「CSSCO」
CSSCO CSSCOはスマフォの写真加工/共有アプリ、VSCOで出来るようなフィルターを画像にかけるためのスタイルシートです。InstagramのフィルタをかけられるCSSGramにインスパイアされたらしく、そのVSCO版を作成した...
メニュー等で利用されるハンバーガーアイコンから別のアイコンにアニメーションしながら変化させる為のCSS・「Hamburgers」
Hamburgers Hamburgersは、ハンバーガーアイコンから別のアイコンにシフトする際にアニメーションエフェクトを加える為のCSSです。スマフォ等のUIではおなじみのハンバーガーアイコンから矢印やxアイコンなどに変える際にア...
レスポンシブWebデザインにも対応した、APIのドキュメント作成キット・「Slate」
Slate SlateはAPIのドキュメントを作成する為のテンプレートです。RWD対応で、基本的には目次、説明、サンプルコードの3カラム構成になっているようです。このタイプの仕様書が個人的には一番見やすいです。ナビゲーションもよく見か...
シンプルなコンテンツエディタ構築の為のスクリプト・「Substance」
Substance Substanceは文章向けのシンプルなドキュメントエディタ構築の為のスクリプトです。いわゆるリッチテキストエディタのような類のものですが、少し趣が異なる印象ではありますね。動作サンプルでは文章用に特化した形に...
OSSやコード専門の検索エンジン・「CoCycles」
CoCycles CoCyclesはOSSやソースコード専門の検索エンジンです。よく見てませんが今はGithubのみの検索っぽい（違ったらゴメンナサイ）。コードやスターの数、最終コミット日、ファイルサイズ等はその場で表示してくれます。...
モバイルアプリ開発向けに構築されたBootstrapベースの軽量フレームワーク・「Mobility」
Mobility MobilityはモバイルWebアプリの為のJS/CSS/HTMLフレームワークです。Bootstrapベース(現在はVer.3)となっており、軽量さを売りにしているみたいです。基本的なUIもそれなりに揃えられており...
Github等で公開されているソースコードの任意の行のみをWebページに表示出来る・「Git snippet」
Git snippet Git snippetはGithubやBitBucket、GitLab等で公開されているソースコードの任意の行を指定して任意のWebページに表示出来るサービスです。URLの入力場所が分かりにくいですが、ヘッダ直...
オープンソースのデスクトップ用Gmail / Inboxクライアント・「Wmail」
Wmail Wmailはデスクトップ用のGmail / Google Inboxクライアントです。オープンソースとして公開されており、現在はOSXとLinuxに対応、Windowsへの対応も間近だそうです。複数Googleアカウントで...
React向けのリッチテキストエディタ用フレームワーク・「Draft.js」
Draft.js Draft.jsはリッチテキストエディタ構築のためのフレームワークです。React.js向けに作られており、カスタマイズしやすくシンプルに作られているみたいです。この手のフレームワークはあまり見かけないので覚えておく...
著作権の切れた本を朗読し、その音声をパブリックドメインで公開しているプロジェクト・「Librivox」
Librivox Librivoxは著作権の切れた世界中の小説や童話を朗読し、その音声をパブリックドメインで公開するプロジェクトです。音声はボランティがによって投稿されたものなので聴きやすいという訳では有りませんが、世界中のかなりの数...
シンプルでフレキシブルなCSSグリッドシステム・「Pintsize」
Pintsize PintsizeはシンプルでフレキシブルなRWD対応のCSSグリッドシステムです。flexboxを使ったグリッドシステムで特定のclassを付与する事でネストやボックスの配置を手軽に設定出来るようになっている様です。...
レスポンシブWebデザイン対応の、書籍を具現化する為のフレームワーク・「bookiza」
bookiza bookizaはRWD対応の書籍具現化フレームワークです。ちょっとうまく説明できないのですが、よくあるPDFやePubビューア等ではなく、HTMLで書いたコンテンツを書籍のように扱えるようにするフレームワークです。予め...
WordPressの管理画面をクリーンでシンプルなスタイルに変更するプラグイン・「Slate Admin Theme」
Slate Admin Theme Slate Admin ThemeはWPの管理画面のスタイルをシンプルでクリーンなスタイルに変更してくれるプラグインです。上記のようなスタイルになります。公式とあまり変わらないように見えますが、メニ...
モバイル向けWebアプリの為のMVCフレームワーク・「Truck.js」
Truck.js Truck.jsはモバイル向けのWebアプリ構築の為のMVCフレームワークです。Android、iOS、Windowsのネイティブなルック&フィールを提供してくれるとの事。様々な目的でも最小限にファイルサイズを抑えら...
Semantic UIライクなスタイルのBootstrapテーマ+コンポーネント集・「Semantic UI Bootstrap」
Semantic UI Bootstrap Semantic UI BootstrapはSemantic UIライクなスタイルのBootstrapテーマと、そのコンポーネント集です。Semantic UIのスタイルをBootstrap...
ピクセルアートを描けてCSSで作れるコードも排出してくれるオープンソース・ソフトウェア・「Pixel Art to CSS」
Pixel Art to CSS Pixel Art to CSSはピクセルアートを描けてCSSコードも排出してくれるOSSです。エディタでピクセルアートを作って、そのピクセルアートを実装出来るCSSを提供してくれる、というもの。以前...
tableにフィルタ機能+αを加えるスクリプト・「TableFilter」
TableFilter TableFilterは任意のtableにフィルタ機能を加えるスクリプトです。他、ページャ、ソート、列の計算機能など機能の追加も出来るみたい。フィルタは任意のキーワードだけでなく、selectで対象を選べるよう...
Flexboxを使ったUIのサンプルコードを紹介する・「Flexbox Patterns」
Flexbox Patterns Flexbox PatternsはFlexboxを使ったUIパターンをコードと共に紹介するWebサイトです。display:flexプロパティを使って何が出来るのか、使い方や実際にUIとして実装するコ...