オープンソースの様々なライセンスのざっくりした特徴が一目で分かる早見表・「Choose a License | Appendix」
Choose a License | Appendix Choose a License | Appendixはchoosealicense.comが提供する、さまざまなオープンソースライセンスの特徴の早見表です。ApacheやMIT...
Resource - シンプル
シンプルで使いやすい、モバイルフレンドリーなFlexboxベースのCSSフレームワーク・「Framy」
Framy Framyはシンプルで使いやすくカスタマイズ性も高いモバイルフレンドリーなFlexboxベースのCSSフレームワークです。コンポーネントはコンフリクトフリー（衝突しない）な設計を心がけたそう。LESSがサポートされています...
Webデザインギャラリーに掲載したWebサイトと連動したカラーパレットサービス・「Colors」
Colors ColorsはWebデザインギャラリーに掲載したWebサイトと連動したカラーパレットツールです。本サービス開発者が並行して運営しているギャラリーのPixelsで掲載したWebサイトに連動させて作られたカラーパレット、とい...
FeatherやFont Awesomeなどのアイコンを色やサイズをパスに指定するだけで表示できる・「icongram」
icongram icongramはサイズや色をURLに指定するだけで表示出来るサービスです。一時期はやったダミー画像サービスの表示方法やUnsplash itのようにパスにオプションを指定して表示させる事ができる、というもの。パ...
クリックするだけでPantoneカラーをhexコードでコピーできる・「Pantone colors」
Pantone colors Pantone colorsはPantoneの色名をクリックするだけでhexコードでコピーできるツールです。Pantone社が提供する色見本帳にある色名、いわゆるPantoneカラーをCSS等で使えるよう...
フロントエンド開発に貢献してくれそうなツールやフレームワーク、ニュース記事等を収集している・「Front-end Tools」
Front-end Tools Front-end Toolsはフロントエンド開発に貢献してくれそうなツールやフレームワーク、リソースやニュース記事等を収集しているWebサイトです。大量のツールがキュレーション、検索出来るというシンプ...
24時間でタスクが自動削除される超シンプルなTodoアプリ・「Gone」
Gone Goneは24時間で書いたタスクが自動削除される超シンプルなTodoアプリです。1日のタスクのみというピンポイントな用途ですが、広告も無いしメニューやツールバーもなく、自分で作成したタスクのみが表示されます。一応ライト/ダー...
タイポグラフィの為のデザインギャラリー・「fontinspiration.com」
fontinspiration.com fontinspiration.comはタイポグラフィの為のデザインギャラリーサイトです。ロゴのアイデアやグラフィックデザインなど、フォントを活用したデザインをキュレート、ギャラリーとして公開し...
Vue.jsベースのフロントエンドUIフレームワーク・「AT UI」
AT UI AT UIはVue.jsベースのフロントエンドなUIキットです。軽量でモジュラー形式のUIフレームワークだそう。ES2015/ES6サポート、npm+webpack+babelな開発ワークフロー等が特徴とのことです。ボタン...
Vue.jsに影響を受けたシンプルで軽量なライブラリ・「Moon」
Moon MoonはVue.jsにインスパイアされた軽量なJSライブラリです。高速でフレキシブル、学習コストも低く、シンプルで軽量ながら高いパフォーマンスと、直感的でわかりやすいAPIが特徴とのこと。vueがmin+gzipで20kb...
要素をアニメーションさせながら表示/非表示するCSS・「vhs」
vhs vhsは要素にアニメーションエフェクトを与え、表示/非表示させる為のスタイルシートです。blurや点滅、zoom等でアニメーションしながら表示させたり非表示にしたり出来る、というもの。classを付与するだけのお手軽仕様です。...
jQueryライクに使えるシンプルで軽量なDOM操作ライブラリ・「stuQuery」
stuQuery stuQueryはjQueryライクに使えるシンプルで軽量なDOM操作用ライブラリです。DOM操作の為だけにjQueryを初め、サイズの大きいライブラリを使うのに抵抗があったため作成したそうです。コンフリクトを避ける...
必要なコンテナを配置したHTMLのboilerplateを作成出来るHTMLスターターキット作成ツール・「Aperitif」
Aperitif Aperitifはプロジェクトに必要なコンテナを配置したHTMLのboilerplateを作成出来るHTMLスターターキット作成ジェネレーターです。使い方はまず最初に配置したいエリアをクリックしてから配置するコンテナ...
任意のテキストを登録、クリックでコピーできるようにする・「Cliptomatic」
Cliptomatic Cliptomaticは任意のテキストを登録、クリックでコピー出来るようにするWebベースのクリップボードマネージャです。インストールするようなソフトウェアのように履歴管理等はできませんが、これはこれで地味に便...
良いUXをスクリーンショットとともに解説、紹介する・「Really Good UX」
Really Good UX Really Good UXは良いUXをスクショを交えて解説、紹介するUXギャラリーサイトです。SlackとかTumblrとかPaypalとか割と有名なサービス等が中心みたいです。解説は細かくではなく、簡...
Sketchユーザー向けのリソースを収集している・「Sketch for Designrs」
Sketch for Designrs Sketch for DesignrsはSketchユーザー向けのリソースを収集しているWebサイトです。プラグインやアイコン、エレメントのサンプルやアプリなどさまざま。まだ作られたばかりで収集...
切り抜き画像メインのフリーのストックフォトサイト・「dipixo」
dipixo dipixoは切り抜き画像がメインのストックフォトサービスです。ざっと見た感じ、昆虫や花、フルーツ等が多いみたいです。昆虫や爬虫類だけはJPGみたい。商用でも利用OK、帰属表記は不要で印刷物等への使用もOKみたいですが写...
オープンソースのWebファイルマネージャー・「filemanager」
filemanager filemanagerはオープンソースのWebファイルマネージャーです。複数ユーザーが登録、利用できます。ファイルのアップロード、削除、リネーム、作成等が可能で、複数ファイルを圧縮して一括DLなども出来るようで...
Mediumライクなlightboxを実装出来るスクリプト・「MediumLightbox」
MediumLightbox MediumLightboxはMediumで導入されている画像をズーム表示するlightboxと同じような動作を実装出来るスクリプトです。非依存型で、単体で動作してくれます。クリックでその場に即拡大表示、...
グラデーションを作成し、そのCSSをコピーできる・「Grabient」
Grabient Grabientは作成したグラデーションのCSSをコピーできるWebサービスです。作成というか、既に作られた沢山のグラデーションから好みのグラデーションを選択し、調整した後にCSSををコピーできる、みたいなの。ですが...
ワイヤーフレーム用のフォント・「Flow」
Flow Flowはワイヤーフレーム用に作られた棒状のフォントです。同じようなフォントが過去にもありましたね。こちらは角丸タイプなども用意してくれています。こんなの要らんという声もあるかもしれませんが、本フォント作成者も言うように、実...
複数のRSSフィードを一纏めにして配信してくれる・「RSSUnify」
RSSUnify RSSUnifyは複数のRSSフィードを一つのフィードにして配信してくれるWebサービスです。使い方は簡単で、読みたいRSSを登録してUnify Feedsをクリックするだけ。時系列で配信してくれます。大量に購読先が...