カスタマイズしてダウンロードできるオープンソースのシンプルなSVGアイコンセット・「HOLA SVG」 HOLA SVG HOLA SVGはその場でカスタマイズしてダウンロードできるオープンソースのシンプルなSVGアイコンセットです。 Strokeの太さや色、fillの色を変更したり角丸にしたりStrokeを破線に変更するなどが可...2021.03.12 | 10時03分41秒
Vue.jsとBootstrapで作られたサーバーレスなオープンソースの請求書作成ツール・「Serverless Invoices」 Serverless Invoices Serverless InvoicesはVue.jsとBootstrapで作られたサーバーレスなオープンソースの請求書作成ツールです。 上図のようにシンプルなもので既にレイアウトは決められ...2021.03.11 | 10時02分42秒
Tailwind.cssを使ったプロトタイプをノーコードで作れるWebアプリ・「Karacks」 Karacks KaracksはTailwind.cssを使ったプロトタイプをコードを書かずに作れるWebアプリです。 3カラムで構成されたエディターで、左はアウトラインが、中央はプレビュー、右は設定エリアとなっています。ア...2021.03.05 | 9時54分43秒
仮想キーボードを実装する非依存で軽量なJavaScriptライブラリ・「Simple-keyboard」 Simple-keyboard Simple-keyboardは仮想キーボードを実装する非依存で軽量なJavaScriptライブラリです。PCのキーボードをモニターに表示してマウスでキーを選択できる、というもの。 スパイウェア対...2021.03.04 | 9時56分53秒
クラスレスでHTML要素に基本的なスタイルを適応するCSS・「Bamboo CSS」 Bamboo CSS See the Pen XWNqrRE by kachibito (@kachibito) on CodePen. Bamboo CSSはHTML要素に基本的なスタイルを適応するclass-les...2021.03.02 | 10時09分30秒
Webサイトやアプリなどのデザイン時に有益なツールやリソースのまとめサイト・「Evernote.Design」 Evernote.Design Evernote.DesignはWebサイトやアプリなどのデザイン時に有益なツールやリソースのまとめサイトです。 デザインギャラリーやYoutubeなどのチュートリアルチャンネル、モックアップやス...2021.03.01 | 10時07分24秒
データ可視化に貢献するチャートCSSフレームワーク・「Charts.css」 Charts.css Charts.cssはデータ可視化のためのチャートCSSフレームワークです。HTMLによるデータビジュアライズの際にスタイリングをサポートするクラスを提供してくれます。 面や棒、折れ線、円やドーナツなどよく...2021.02.26 | 10時03分36秒
個人向けに開発されたオープンソースのプロジェクト管理ツール・「Condution」 Condution Condutionは個人向けに開発されたオープンソースのプロジェクト管理ツールです。electronが採用されているみたいでWeb版の他、各OSのデスクトップアプリやスマホアプリも用意されています。 ビジネス...2021.02.22 | 9時58分09秒
Web制作や各アプリなど様々なプロジェクトで使えるオープンソースのアイコンプロジェクト・「olicons」 olicons oliconsはWeb制作や各アプリなど様々なプロジェクトで使えるオープンソースのアイコンプロジェクトです。主にデザイナーやコーダー向けに開発されたそうです。 アイコンは丸みのあるフォルムの線画アイコンと塗りのア...2021.02.21 | 10時16分04秒
設定が一切不要でページロード中にプログレスバーを自動で実装してくれるスクリプト・「pace.js」 pace.js See the Pen rNWwwap by kachibito (@kachibito) on CodePen. pace.jsは設定が一切不要でページロード中にプログレスバーを自動で実装してくれるス...2021.02.19 | 10時05分37秒
商用でも使えるSVGアイコンのセットを大量に収集、検索できる・「SVG Repo」 SVG Repo SVG Repoは商用でも使えるSVGアイコンのセットを大量に収集、検索できるSVG検索エンジンです。 さらにほとんどのアイコンは無償配布されているものに絞って収拾されているみたいで数にして30万以上のアイコン...2021.02.18 | 10時11分06秒
SVGの編集や最適化、変換、管理や検索が可能なSVG管理デスクトップアプリ・「SVGX」 SVGX SVGXはSVGの編集や最適化、変換、管理や検索が可能なSVG管理デスクトップアプリです。Win、Macの両OSに対応しています。Electron + Svelteで作られているようです。 端末内の任意のSVGのプレビ...2021.02.17 | 10時07分31秒
モダンなCSSを使ったレイアウトのコードスニペットを紹介する・「SmolCSS」 SmolCSS SmolCSSはモダンなCSSを使ったレイアウトのコードスニペットを紹介するプロジェクトサイトです。 古いCSSをモダンなCSSに置き換えるヒントを紹介するModern CSS Solutionsの運営者の方が始...2021.02.16 | 10時00分18秒
汎用的に使えるスケーラブルな200以上のオープンソースアイコンセット・「Majesticons」 Majesticons Majesticonsは汎用的に使えるスケーラブルな200以上のオープンソースアイコンセットです。 丸みのある線画のアイコンと塗りの2セット用意されており全てSVGとなっている他、Figmaでも利用できる...2021.02.14 | 10時07分18秒
すごくシンプルで使いやすい非依存型の画像拡大鏡スクリプト・「js-image-zoom」 js-image-zoom See the Pen PobWowK by kachibito (@kachibito) on CodePen. js-image-zoomはシンプルで使いやすい非依存型の画像拡大鏡スクリ...2021.02.13 | 10時00分27秒
CSSやJavScript等の便利なコードスニペットを収集している・「DevSamples」 DevSamples DevSamplesはCSSやJavScript等の便利なコードスニペットを収集しているWebサイトです。 CSSやJS、Node、Git、ReactやSvelte、HTMLなど開発時にたびたびググりがちな...2021.02.12 | 10時06分58秒
ヘッダに良く使われるアニメーションする背景を簡単に作れる・「Free Animated Headers」 Free Animated Headers See the Pen MWbjqPO by kachibito (@kachibito) on CodePen. Free Animated Headersはヘッダに良く使...2021.02.11 | 10時03分29秒
開発者やデザイナー向けのツールやリソースを収集している・「Dev Resources」 Dev Resources Dev Resourcesは開発者やデザイナー向けのツールやリソースを収集しているプロジェクトです。OSSとしてMITライセンスの元、Githubで収集データも公開されています。 Webサイトやアプリ...2021.02.08 | 10時02分51秒
クレジット表記も不要で自由に使えるオープンソースのイラスト配布プロジェクト・「Illustration Kit」 Illustration Kit Illustration Kitはクレジット表記も不要で自由に使えるオープンソースのイラスト配布プロジェクトです。 様々なシーンや人物のゆるいスタイルのイラストがすでに大量に公開されており、PN...2021.02.06 | 10時09分53秒
すりガラス風のCSSを、プレビューで確認しながらコードを生成できる・「Glassmorphism」 Glassmorphism Glassmorphismはすりガラス風のCSSを、プレビューで確認しながらコードを生成できるシンプルなWebアプリです。ぼかしの度合いと透過、色を設定する事が出来ます。 理屈は理解してても書くのが面...2021.02.04 | 10時07分45秒
ブラウザで処理するプライバシーに配慮したオープンソースのJPEG最適化ツール・「JPEG.rocks」 JPEG.rocks JPEG.rocksはブラウザで処理するプライバシーに配慮したオープンソースのJPEG最適化ツールです。サーバーに送信しない、WebAssemblyを使用したブラウザベースのJPEGオプティマイザで、利用者のプラ...2021.01.31 | 10時00分22秒
高速開発を意識して開発されたミニマリストの為のCSSフレームワーク・「Luxa CSS」 Luxa CSS See the Pen XWNrxOG by kachibito (@kachibito) on CodePen. Luxa CSSは高速開発を意識して開発されたミニマリストの為のCSSフレームワーク...2021.01.29 | 10時03分52秒