UIのフォントサイズ、マージン、コンポーネントで黄金比や白銀比によるバリエーションを簡単に作成できるツール -Proportio
UIデザイン用にフォントやアイコンのサイズ、スペース、角丸、シャドウ、パディング、コンポーネントなどで比例スケールを使用したバリエーションを簡単に作成できるオンラインツール（ローカルも可）を紹介します。 たとえば、黄金比でフォントサイズを設計したり、白銀比でコンポーネントを設計したり、ということができます。また、作成した比例スケールは、CSSで書き出されるのですぐに使用できます。 Proportio Proportio -GitHub Proportioの特徴 Proportioの使い方 Proportioの特徴 Proportioはデザインシステムに必要となるタイポグラフィ、スペースや角丸やシャドウなどのシェイプ、コンポーネントに使用する比例スケールを簡単に作成するためのツールです。 パラメトリックデザイン（変数を基準としてサイズを決める形状作成方法）を採用しているので、体系的なデザイン
React TypeScript Playground | 便利ツール集 by mosya
React TypeScript Playground | 便利ツール集 by mosya
SNS等のローディングで見かけるプレースホルダーをSVGで作れる・「Create Content Loader」
Create Content LoaderはSNS等のローディングで見かけるプレースホルダーをSVGで作れるWebアプリです。 FacebookのカードやInstagramなどで読み込み中にコンテンツのシルエット丸ごとプレースホルダーにした、みたいなアレ。 試しに作ってみました。 スクエアかサークルの任意のオブジェクトを作成して配置、色やアニメーション速度を設定します。 また、ユーザーによって作られたサンプルもいくつか公開されています。 コードはReactやVue、SVGから選択可能で、今後はgifでのエクスポートも予定されてるみたいです。 本アプリはOSSとしてもソースコードが公開されています。ライセンスはMIT。 Create Content Loader
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
