個人でも商用でも利用無料でクレジットも不要のビデオストックサイト・「Mixkit」
Mixkit Mixkitは個人でも商用でも無料で使える動画を配布するビデオストックサイトです。クレジットも強制ではなく不要ではありますが歓迎はしているとのこと。コンテンツのイメージ映像の作成やモックアップ作成に良さそうです。数もそこ...
Resource - Webデザイナー向け
1300もの汎用的で使いやすいアイコンとフォントをオープンソースで提供するプロジェクト・「Remix Icon」
Remix Icon Remix Iconは1300もの汎用的で使いやすいアイコン及びフォントをオープンソースとして無償提供するアイコンフォントのプロジェクトです。スタイルはどれもシンプルで分かりやすく設計されており、SVGとeot、...
ユーザースタイルシートをWebページ毎やドメイン毎にその場で設定、他デバイスでも同期出来るChromeエクステンション・「Amino」
Amino Aminoはユーザースタイルシートをその場で確認しながら設定、他デバイスでも設定を同期出来るChromeエクステンションです。Webページ毎、ドメイン毎の設定も可能です。拡張インストール後、ボタンを押せばエディタが開くので...
手早く簡単にシンプルなチャートをユーザー登録不要、無料で作成し、画像で保存したり共有できる・「CHARTS FACTORY」
CHARTS FACTORY CHARTS FACTORYは無料で作成、DLしたりシェアできるチャート作成ツールです。ユーザー登録も不要、バックリンク等も不要で画像にもクレジットは入りません。凝ったチャートは作れませんが、その代わりに...
音楽版のUnsplashを目指す、著作権放棄の音楽を配布するプロジェクト・「WOWA」
WOWA WOWAは音楽データをCC0で配布するプロジェクトサイトです。音楽版のUnsplashを目指したい、との事。まだまだ数は少ないですが、Unsplash同様、提供者を募りつつ知名度を上げている段階のようですね。Audio Li...
シンプルで使いやすいアイコンを1000以上セットにして提供する・「Unicons」
Unicons Uniconsは1000以上のシンプルで使いやすいアイコンを配布するプロジェクトです。今のところ無料で利用可能で、以下のようなCDNで使う事も出来ます。勿論ダウンロードも可能。アイコンはWebフォントとSVGが提供され...
豊富なコンポーネントを含んだBootstrap 4向けのフリーUIキット・「Fire」
Fire Fireは豊富なコンポーネントを含んだBootstrap 4向けのフリーUIキットです。これからも増えるようでさらに期待できそうです。クリーンで見やすく、必要なUIも揃えられており、すべての要素が100%レスポンシブWebデ...
オープンソースのオンライン請求書発行システム・「Invoice Neko」
Invoice Neko Invoice Nekoはオープンソースのオンライン請求書発行システムです。nekoは猫のようですね。かわいい。PHPで書かれています。請求書の発行、支払い状況管理、領収書発行などが可能となっているようです。...
CSSで作られたポップでカラフルなフォント・「CSSans Pro」
CSSans Pro See the Pen CSSans Pro by kachibito (@kachibito) on CodePen. CSSans ProはCSSのみでポップでカラフルなフォントを作成、表...
無償で使えて商用利用OK、再配布OKでクレジットも不要のシンプルな線画アイコン450セット・「LineIcons」
LineIcons LineIconsはシンプルな線画アイコンのセットです。100％フリーでの無償配布となります。商用も勿論OK、再配布も可能でクレジットは感謝するけど必須ではないとの事です。NGは販売する事との事です。アイコンは45...
TVゲームやスマフォゲーム等、ゲームのロゴデザインを収集しているデザインギャラリー・「GameLogos」
GameLogos GameLogosはTVゲームやスマフォゲームなどの様々なゲームのロゴデザインを収集しているデザインギャラリーです。海外から日本のまで気に入ったロゴを片っ端から集めている印象です。カテゴライズもされていないので参考...
CSSで出来る小技やTips等をまとめた・「.css{tricks}」
.css{tricks} .css{tricks}はCSSで出来るTipsや小技をまとめているプロジェクトサイトです。ローディングやタブ、リセットやテキストの省略などなど、特に一貫性はなく、地味に便利な小技を収集してる印象でした。中国...
ピュアCSSなマテリアルデザインコンポーネント集・「Matter」
Matter See the Pen Pure CSS Material Components Showcase by Ben Szabo (@finnhvman) on CodePen. MatterはCSSのみで作...
フリーのプログラミング用フォントを直接試せる・「Programming Fonts」
Programming Fonts Programming Fontsはフリーのプログラミング用フォントをその場で直接テストできるWebアプリです。右ペインでフォントを選択、左ペインに直接コードを書いて試せる、というもの。テーマの選択...
モジュール式のモダンなフロントエンドコンポーネントライブラリ・「Undernet」
Undernet Undernetはモジュール式のフロントエンドコンポーネントライブラリです。CSSの記述を極力削減し、必要な箇所はJSを使い、一般的なUIパターンを使用する事で開発者のエクスペリエンスを簡素化することを目的としたそう...
Vue.jsベースのinstagramクローン・「Vuestagram」
Vuestagram VuestagramはVue.jsをベースにして作られたinstagramクローンです。クローンと言っても完全再現ではありませんが、写真にフィルター、アップロード、Like等、instagramの中心的な機能は備...
スマフォ等の傾きに応じてコンテンツに反射効果を付与するスクリプト・「Shiny」
Shiny Shinyはスマフォ等の傾きに応じてコンテンツに反射効果を付与するスクリプトです。モバイルデバイスで加速度センサーの値を取得し、コンテンツにリフレクションエフェクトを付与する、というもの。上gifはデスクトップブラウザのシ...
無償で使える高品質な画像を公開するストックフォトのアグリゲーターサイト・「Pixel Mob」
Pixel Mob Pixel Mobは無償で使える高品質な写真素材を提供するストックフォトで公開されている写真を複合して閲覧できるアグリケーターサイトです。Pixabay、Unsplash、Pexels、Stockvaultなどの4...
印刷用の方眼紙や楽譜、ノート等を作成できる・「Gridzzly」
Gridzzly Gridzzlyは印刷用の方眼紙や楽譜、罫線ノートなどを、作成できるシンプルでユニークなWebサービスです。わざわざ買いに行かなくても自分好みのものを作成、必要な分だけ印刷すれば効率的だよね、みたいなコンセプトなんだ...
静的Webサイト構築の為のより良いワークフローを提供するオープンソースのBoilerplate・「Static Site Boilerplate」
Static Site Boilerplate Static Site Boilerplateは静的Webサイト構築の際のワークフローを提供するOSSのBoilerplateです。開発環境を整えたり、各ファイルの最適化、Webサイト公...
three.jsよりも軽量なJavaScript 3Dライブラリ・「Shree.js」
Shree.js Shree.jsは3D描画ライブラリの代表ともいえるthree.jsよりも軽量な3Dライブラリです。豊かな機能性の代償にサイズが大きくなりがちですが、もう少し機能を抑えても良いので軽くしてほしい、というニーズは少なく...
Webサイトに訪問したユーザーの行動を記録し、再生できるライブラリ・「rrweb」
rrweb rrwebはWebサイトに訪問したユーザーの行動を記録、再生する為のWebセッションリプレイライブラリです。主に行動分析やバグの再現によるフィードバック向上、Webサイト上におけるユーザーとの対話(チャット等)の記録などを...