43のローダーをまとめた・「43 loaders」
43 loaders See the Pen 43 loaders by Subin (@meemaw1) on CodePen. 43 loadersは43のCSSローダーをまとめたCodepenです。CSSといってもアニメーショ...
Resource - Webデザイナー向け
Vue.jsベースのオープンソースUIコンポーネントフレームワーク・「Vuesax」
Vuesax VuesaxはVue.jsベースのUIコンポーネントフレームワークです。Vue.jsを使ったアプリケーション開発をサポートしてくれます。カラースキームやグリッド、フォーム、タブなどの基本UIはもちろん、スライダーやカード...
器や絵画、ポスター等、歴史的に利用されてきた美術品に利用されている色をパレットにした・「Color Leap」
Color Leap Color Leapは器や棺などの歴史的出土品やポスター、絵画など、今まで利用されてきた色をタイムライン上でカラーパレットとして確認できるプロジェクトサイトです。多くはなく、色の美しい美術品を厳選しているようで数...
SVGのフィルターを、結果を見ながら学べる・「SVG Filters」
SVG Filters SVG Filtersは<filter>を、操作しながら学べるソフトウェアです。用意された画像やテキストを対象に、SVGフィルターを直感的な操作で付与、結果を確認しながらコードを学ぶことができます。...
オープンソースのGoogleマップオートコンプリートライブラリ・「geomapify」
geomapify geomapifyはOSSで公開されているGoogleマップオートコンプリートライブラリです。Ultimateと言うだけあって欲しい機能がしっかり備わった高性能なものとなっています。jQueryに依存しています。i...
SVGの線画アイコンを無償公開している国産サービス・「ICON BOX」
ICON BOX ICON BOXはSVGのシンプルな線画アイコンを無償配布する日本のサービスです。多様なアイコンが公開されており、クレジットも不要で商用でも無料で利用する事が出来ます。とはいえ著作権放棄ではなく、禁止事項もあるのでご...
ポスターとして印刷するために作られたPhotoshopのショートカットチートシート・「Photoshop Shortcuts And Commands Poster」
Photoshop Shortcuts And Commands Poster Photoshop Shortcuts And Commands PosterはPSのショートカットをポスター用に作成された高解像度のチートシートです。キ...
日本語でも使える、任意の検索キーワードに関連するカラーを提案してくれる・「Picular」
Picular Picularは任意のキーワードから関連する色を抽出、提供してくれるWebアプリです。Googleの画像検索の結果をもとにカラーコードを抽出しているので日本語での検索ワードにも対応しています（ex. 「りんご」で検索）...
Cで書かれたオープンソースのマインクラフトクローン・「Craft」
Craft CraftはCで書かれたOSSのマイクラクローンです。OpenGLが使われています。マルチプレーヤー対応、ブロックの光源設定、テキストの書き込みやガラスブロックなど本家にあるものもしっかりサポートされています。過去にもマイ...
図形の作成やエフェクト実装をサポートするスクリプト・「Pts.js」
Pts.js Pts.jsは図形作成やエフェクト作成をサポートするスクリプトです。ドットを結ぶことで図形や色、エフェクトやインタラクションなど、さまざまなコンテンツ作成に役立つ、という考えの元で開発された・・・みたいなものだと思います...
多種多様なデータのプレーンテキストのリストをコピーして使える・「Plain Text Lists」
Plain Text Lists Plain Text Listsはプレーンテキストの多種多様なリストを収集しているプロジェクトサイトです。通貨の一覧やタイムゾーン一覧、米国大統領一覧やHTML5タグ一覧、NBAチーム一覧など様々な界...
ブラウザで使える超シンプルでログインもユーザー登録も不要のタスク管理ツール・「Timo」
Timo Timoはブラウザベースのタスク管理アプリです。シンプルで使いやすく、ログインもユーザー登録も不要で利用できます。ウィークカレンダー式に1週間分のタスクを管理できて各タスクは時間もトラッキングするので、その日の全てのタスクに...
沢山のコンポーネントを兼ね備えたOSSのBootstrap 4テンプレート・「Argon Design System」
Argon Design System Argon Design Systemはたくさんのコンポーネントを備えたオープンソースのBootstrap 4テンプレートです。開発スピードをサポートするのが目的との事でデザインは概ね完成されて...
手書き風のゆるいスタイルの多種多様なアイコンをSVGで公開する・「theDoodleLibrary」
theDoodleLibrary theDoodleLibraryは手書き風のゆるいスタイルなアイコンをSVGで配布するプロジェクトサイトです。アイコンは非常に多種多様で人はもちろん、機械や顔の表情、建物や乗り物、シンボルなどなど。ラ...
シンプルなビジュアルで確認できるCSS Grid用のチートシート・「GRID」
GRID GRIDはCSS Grid用のチートシートです。シンプルなビジュアルもあるので、より分かりやすい印象で理解も早まりそうですね。各コードはクリックだけでコピーできます。Gridやflexboxは覚えることが多いので不慣れなうち...
フォークも出来るブラウザベースの高性能なベクターグラフィックエディタ・「Drawser」
Drawser Drawserはブラウザベースのドローツールです。高性能、高機能なベクターグラフィックスエディタを無料で利用する事が出来ます。ログインはGoogleアカウントでも可能ですが、ゲストログインも可能なので気軽に試す事ができ...
コードスニペットを管理できるOSSのデスクトップアプリ・「Snippet Store」
Snippet Store Snippet Storeはコードスニペットを効率的に管理できるデスクトップアプリのコードマネージャです。開発者は17歳のベトナムの方のようですね。タグ付け、キーワード検索、多言語化などに対応しています。現...
結果の出ているiOSアプリのUIデザインをまとめたデザインギャラリー・「UI Sources」
UI Sources UI Sourcesは結果を出しているiOSアプリのUIデザインをまとめているUIデザインギャラリーです。ここでいう結果とは高い収益をあげている、という点による評価になります。概ね海外で収益化に成功しているアプリ...
見た目を確認しながらVScodeのテーマを探せる・「VSCodeThemes」
VSCodeThemes VSCodeThemesはVisual Studio Codeのテーマを、見た目を確認しながら探せるテーマ検索サイトです。人気のテーマ、Light、Darkから一覧表示できますのでデザインギャラリーの感覚で効...
インタラクティブに動作し、様々なタイプのチャートに対応できるOSSのチャートライブラリ・「apexcharts.js」
apexcharts.js See the Pen TimeSeries Demo by kachibito (@kachibito) on CodePen. apexcharts.jsはインタラクティブに動作する、様々なチャートに...
軽量で多機能なモダンCSSフレームワーク・「Teutonic CSS」
Teutonic CSS Teutonic CSSは軽量で多機能なCSSフレームワークです。CSSグリッドやFlesboxに基づいたレイアウトはもちろん、各コンポーネントの提供や豊富なタイポグラフィ、CSS変数の導入によるカスタマイズ...
Webページの任意の要素に設定されたCSSをチェック、コピーできるブラウザ拡張・「CSS Scan」
CSS Scan CSS ScanはWeページの任意の要素のCSSをチェックし、クリップボードにコピーできるブラウザ拡張です。ChromeとFirefox用が用意されていますが、この手のものにしては珍しく有料でgumroadにて3US...