DivMagic のご紹介 - 究極の Web 開発コンパニオン

もうデザインについて考える必要はありません。

どうやって？こう尋ねるかもしれません。さて、飛び込みましょう。

私はしばらく個人事業主をしていました。私はたくさんのウェブサイトやアプリを構築してきましたが、デザインには常に問題がありました。

私はデザイナーではないので、デザイナーを雇う予算もありません。デザインを学ぼうとしましたが、私の趣味ではありませんでした。私は開発者で、コードを書くのが大好きです。私はいつも、見栄えの良いウェブサイトをできるだけ早く作成したいと考えていました。

最大の問題は常にデザインです。どの色を使うか、どこに物を置くかなど。

たぶん、これはそれほど大きな問題ではないでしょう...

インターネット上にはデザインの優れたウェブサイトがたくさんあります。これらの Web サイトのいずれかのスタイルをコピーして、小さな変更を加えて自分のものにしてみてはいかがでしょうか?

ブラウザのインスペクタを使用して CSS をコピーすることもできますが、それは大変な作業です。各要素を 1 つずつコピーする必要があります。さらに悪いことに、計算されたスタイルを調べて、実際に使用されているスタイルをコピーする必要があります。

これを実行できるツールを見つけようとしましたが、うまく機能するものが見つかりませんでした。

そこで、独自のツールを構築することにしました。

その結果が DivMagic です。

ディブマジックとは何ですか?

DivMagic は、開発者がワンクリックであらゆる Web サイトからあらゆる要素をコピーできるようにするブラウザ拡張機能です。

簡単そうに聞こえますよね？

しかし、それだけではありません。 DivMagic は、Tailwind CSS であっても通常の CSS であっても、これらの Web 要素をクリーンで再利用可能なコードにシームレスに変換します。

ワンクリックで、Web サイトのデザインをコピーして、独自のプロジェクトに貼り付けることができます。

再利用可能なコンポーネントを入手できます。 HTML と JSX で動作します。 Tailwind CSS クラスも取得できます。