Introducing DivMagic - Ang Iyong Ultimate Web Development Companion

Hindi mo na kailangang mag-isip muli tungkol sa disenyo.

Paano? Baka magtanong ka. Well, sumisid tayo.

Matagal na akong solo entrepreneur. Nakagawa ako ng maraming website at app, at palagi akong may problema sa disenyo.

Hindi ako designer, at wala akong budget para kumuha ng isa. Sinubukan kong matuto ng disenyo, ngunit hindi ito bagay sa akin. Isa akong developer, at mahilig akong mag-code. Noon pa man ay gusto kong lumikha ng magandang hitsura ng mga website nang mabilis hangga't maaari.

Ang pinakamalaking problema ay palaging ang disenyo. Aling kulay ang gagamitin, kung saan ilalagay ang mga gamit atbp.

Marahil hindi ito isang malaking problema ...

Maraming mga website sa internet na may magagandang disenyo. Bakit hindi na lang kopyahin ang istilo mula sa isa sa mga website na ito at gumawa ng maliliit na pagbabago upang gawin itong sarili ko?

Maaari mong gamitin ang browser inspector upang kopyahin ang CSS, ngunit iyon ay maraming trabaho. Kailangan mong kopyahin ang bawat elemento nang paisa-isa. Mas masahol pa, kailangan mong dumaan sa mga nakalkulang istilo at kopyahin ang mga istilong aktwal na ginagamit.

Sinubukan kong maghanap ng tool na makakagawa nito para sa akin, ngunit wala akong mahanap na anumang bagay na gumagana nang maayos.

Kaya nagpasya akong gumawa ng sarili kong tool.

Ang resulta ay DivMagic.

Ano ang DivMagic?

Ang DivMagic ay isang extension ng browser na nagpapahintulot sa mga developer na kopyahin ang anumang elemento mula sa anumang website sa isang pag-click lamang.

Mukhang simple, tama?

Ngunit hindi lang iyon. Walang putol na kino-convert ng DivMagic ang mga elemento ng web na ito sa malinis, magagamit muli na code, maging ito man ay Tailwind CSS o regular na CSS.

Sa isang pag-click, maaari mong kopyahin ang disenyo ng anumang website at i-paste ito sa iyong sariling proyekto.

Maaari kang makakuha ng mga reusable na bahagi. Gumagana ito sa HTML at JSX. Maaari ka ring makakuha ng mga klase sa Tailwind CSS.