DivMagic менен тааныштыруу - Сиздин веб-иштеп чыгуучу акыркы шерикиңиз

Сиз эч качан дизайн жөнүндө ойлонуунун кереги жок.

Кантип? деп сурашыңар мүмкүн. Мейли, киргиле.

Мен бир аздан бери жеке ишкер болгонмун. Мен көптөгөн веб-сайттарды жана колдонмолорду курганмын жана дизайн менен дайыма көйгөйгө туш болом.

Мен дизайнер эмесмин жана аны жалдаганга бюджетим жок. Мен дизайнды үйрөнүүгө аракет кылдым, бирок бул меники эмес. Мен иштеп чыгуучумун жана коддоону жакшы көрөм. Мен ар дайым мүмкүн болушунча тезирээк жакшы көрүнгөн веб-сайттарды түзгүм келчү.

Эң чоң көйгөй - бул ар дайым дизайн. Кайсы түстү колдонуу керек, буюмду кайда салуу керек ж.б.у.с.

Балким, бул анчалык деле чоң көйгөй эместир...

Интернетте жакшы дизайны бар көптөгөн веб-сайттар бар. Эмне үчүн бул веб-сайттардын биринен стилди көчүрүп алып, аны меники кылуу үчүн кичине өзгөртүүлөрдү киргизбеш керек?

CSSти көчүрүү үчүн браузердин инспекторун колдонсоңуз болот, бирок бул көп жумуш. Ар бир элементти бирден көчүрүп алышыңыз керек. Андан да жаманы, сиз эсептелген стилдерди карап чыгып, иш жүзүндө колдонулган стилдерди көчүрүп алышыңыз керек.

Мен муну мен үчүн жасай турган куралды табууга аракет кылдым, бирок жакшы иштеген эч нерсе таба алган жокмун.

Ошентип, мен өз куралымды курууну чечтим.

Натыйжада DivMagic болуп саналат.

DivMagic деген эмне?

DivMagic - бул иштеп чыгуучуларга бир чыкылдатуу менен каалаган веб-сайттан каалаган элементти көчүрүүгө мүмкүндүк берген браузердин кеңейтүүсү.

Жөнөкөй угулат, туурабы?

Бирок бул баары эмес. DivMagic бул веб-элементтерди Tailwind CSS же кадимки CSS болобу, таза, көп жолу колдонулуучу кодго айлантат.

Бир чыкылдатуу менен сиз каалаган веб-сайттын дизайнын көчүрүп, аны өзүңүздүн долбооруңузга чаптасаңыз болот.

Сиз көп жолу колдонулуучу компоненттерди ала аласыз. Бул HTML жана JSX менен иштейт. Сиз атүгүл Tailwind CSS класстарын ала аласыз.