Tailwindcss 및 Tailblocks를 사용하여 웹 사이트를 빠르게 구축하는 방법

최근에 나만의 도구website를 신속하게 구축할 수 있는 이 도구를 발견했습니다. 도움이 되길 바랍니다.

Tailwindcss란 무엇입니까?

Tailwindcss은 신속한 개발을 위한 유틸리티 기반 CSS 프레임워크이며 경우에 따라 매우 유용합니다. 내 것website은 전적으로 tailwindcss를 기반으로 구축되었으므로 확실히 추천합니다.

테일블록

Tailblocks은 준비된 Tailwindcss 블록을 제공하는 매우 간단한 도구입니다. 여기에는 navbars, hero 섹션 및 바닥글을 포함하여 훌륭한 웹 사이트를 구축하는 데 필요한 대부분의 블록이 포함됩니다.

사용하는 방법

아래와 같이 html 문서를 설정합니다.

<iDOCTYPE html>
<html>
<head>
<meta name="viewport"  content="width=device-width, initial-scale=1.0">
<title>Your title</title>
<link href="https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css" rel="stylesheet">

tailblocks로 이동

원하는 블록을 선택하세요.

'<>코드 보기' 버튼을 클릭합니다.

코드를 복사합니다.

HTML 문서에 붙여넣으면 짜잔 🤯

원하는 만큼 블록을 사용하여 이 과정을 반복하세요👍.

읽어 주셔서 감사합니다. 기사가 마음에 들면 커피를 사줄 수 있습니다!

Reference

이 문제에 관하여(Tailwindcss 및 Tailblocks를 사용하여 웹 사이트를 빠르게 구축하는 방법), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/sidcraftscode/how-to-quickly-build-a-website-using-tailwindcss-and-tailblocks-k22

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다