flexboxを使ったシンプルでフレキシブルなCSSフレームワーク・「cssPlus」
cssPlus cssPlusはflexboxをベースにして構築されたフレキシブルでシンプルなCSSフレームワークです。各主要ブラウザにも対応しています。迅速で手軽な開発をサポートしたい、との事。ライセンスはMIT。 cssPl...
Resource - Archives
クオリティの高い写真素材をパブリックドメインで配布するストックフォトサイト・「SKUAWK」
SKUAWK SKUAWKはクオリティの高い写真素材を著作権放棄で配布しているWebサイトです。Curated public domain photos、とあるので別の場所でパブリックドメインで公開されている素材を再配布してるのかもし...
モバイルフレンドリーなショッピングカートを構築するライブラリ・「addUI Store」
addUI Store addUI Storeはモバイルフレンドリーなショッピングカートを構築する為のスクリプトです。jQueryに依存しています。基本的な使い的だけでなく、チェックアウトやセキュリテイ面のドキュメントも用意されていま...
レスポンシブWedデザイン対応のスタイルガイドを作成出来るOSS・「Styleguide」
Styleguide StyleguideはWebサイトのスタイルガイドを作成出来るツール。OSSとして公開されています。RWDにも対応できるように、リサイズ機能も付与。動作デモを見たほうが早そうですね。ライセンスはMIT。 S...
ドキュメントをmarkdown記法でリアルタイム共同編集する為のOSS・「HackMD」
HackMD HackMDはmarkdownで書いたドキュメントを複数人で編集、リアルタイムプレビューが可能なツールです。オープンソースとしても公開されています。サインインはしてもしなくても使えるみたいですね。時間なくてあまり触ってま...
シンプルなタスク管理Webアプリを構築出来るOSS・「TaskBoard」
TaskBoard TaskBoardはサーバーインストール型のシンプルなPHP製タスク管理ツールです。オープンソースとして公開されています。アクセスしてタスクの追加、進行中のタスク、終了したタスクの一覧が表示される、というシンプルな...
プログラミング専門のライブ配信ツール・「Livecoding.tv」
Livecoding.tv Livecoding.tvはプログラミングに特化したライブ配信ツールです。ライブコーディングによってスキルアップや改善が期待出来るとの事。各言語とその難易度（初級向けや中級向け等）でカテゴライズされています...
Sinatraベースのダッシュボード用フレームワーク・「Dashing」
Dashing Dashingはオンラインショップサービスを手がけるShopifyが公開したダッシュボード構築の為のフレームワークです。Sinatraベースのようですね。パッと見である程度把握出来るレイアウトでなかなかよさ気。TVみた...
Microsoft WordをMarkdownエディタにする為のプラグイン・「Writage」
Writage WritageはMSのWordをMarkdownエディタ化する為のプラグインです。Wordを使い慣れている人、好んで使っている人向けに作成した、との事。何故わざわざWordで、と思う方も多い気もしますが、まあ使い慣れた...
Markdown向けのレスポンシブWebデザイン対応UIフレームワーク・「Markdown UI」
Markdown UI Markdown UIはMarkdown記法で構築出来るRWD対応のUIフレームワークです。UIのスタイルはフレームワークらしく、極めてシンプルなものになっていますので自分好みにカスタマイズする形で使用する感じ...
SVGのpathをブラウザで編集出来るOSSのエディタ・「Paths」
Paths PathsはブラウザでSVGのpathを編集出来るエディタです。プレビューを確認しながら直感で編集、ダウンロードする事が出来ます。またツール自体がOSSとしてソースコードが公開されています。そこまで高い需要は無さそうですが...
サンプルコード付きのUIをgifアニメーションにしてギャラリー形式で収集している・「CodeMyUI.com」
CodeMyUI.com CodeMyUI.comはサンプルコードも紹介しているUIチュートリアル記事等をGifアニメを使ってギャッリー形式でまとめているTumblrサイトです。参照元へのリンク、またはCodePenに投稿されたよさ気...
Markdown記法で書いたドキュメントをePubやPDFに変換し、電子書籍化する・「GitBook」
GitBook GitBookはMarkdownを電子書籍化してくれるWebツールです。Markdown記法で書いたドキュメントをePubやPDF等のフォーマットにコンバート、電子書籍として販売する事が出来ます。Githubとの連動も...
textareaにオートコンプリート機能を加えるライブラリ・「jQuery.textcomplete」
jQuery.textcomplete jQuery.textcompleteはtextareaにオートコンプリート機能を加えるライブラリ。jQueryに依存しています。Githubで使えるような顔文字や@fooなどソーシャルサイトの...
JavaScript製の2D物理エンジン・「p2.js」
p2.js p2.jsはJS製の2D物理エンジンです。衝突検出や反発、摩擦、モーター動作、バネ動作などなどよくある一般的な物理エンジンですね。ゲーム開発等に如何でしょうか。ライセンスはMIT。 p2.js
スマフォアプリの簡易的なランディングページを手軽に作成、公開出来る・「LaunchKit App Websites」
LaunchKit App Websites LaunchKit App Websitesはスマフォアプリのランディングページを手軽に作成、公開出来るWebサービスです。自分のアプリをキーワード検索で探して選ぶだけでストアに公開済みの...
SVGの最適化や操作法、アニメーション等の使い方をまとめた・「SVG ON THE WEB」
SVG ON THE WEB SVG ON THE WEBはSVGの使い方をまとめたガイドラインのドキュメントサイトです。SVGの準備、基本的な使い方、最適化法、CSSやJSによる操作、アニメーションエフェクトの付与やRWDへの対応な...
React.jsベースのプレゼンテーションライブラリ・「Spectacle」
Spectacle SpectacleはReact.jsベースのプレゼンテーションライブラリです。よくあるWebスライドをReact.jsベースで作ろう、というもの。PDFへのエクスポートも出来るみたいです。使い方等の詳細はGithu...
Google製のマテリアルデザインコンポーネントライブラリ・「Material Design Lite」
Material Design Lite Material Design Liteはマテリアルデザイン向けのGoogle謹製コンポーネントライブラリです。Webサイトのテンプレートも用意されていました。特定のライブラリにも依存しておら...
様々なデバイスの画面サイズ等の情報を一覧化した・「Device Metrics」
Device Metrics Device Metricsは各モバイルデバイスやタブレット、ウェアラブルデバイス（今は主に時計）などのそれぞれの画面に関する情報をまとめたWebサイトです。Google公式の情報ですが、Apple製品や...
世界で行われてるサイバー攻撃をリアルタイムで可視化したマップサービス・「Norse Attack Map」
Norse Attack Map Norse Attack Mapは現在世界でどの国がどこからサイバー攻撃されているかをリアルタイムで可視化したWebサービスです。世界地図を元に砲撃エフェクトでビジュアル化、攻撃している国の順位、攻撃...
軽量でミニマルなCSSフレームワーク・「Thao Framework」
Thao Framework Thao Frameworkは軽量でミニマルなCSSフレームワークです。必要最低限のUIコンポーネントとスタイルが用意されており、すぐに開発を始めることが出来そうです。RWD対応ですがclassの変更で簡...