Tailwind CSS: ಒಂದು ಯುಟಿಲಿಟಿ-ಫಸ್ಟ್ CSS ಫ್ರೇಮ್‌ವರ್ಕ್ ಮತ್ತು API ಕ್ಷಿಪ್ರ, ರೆಸ್ಪಾನ್ಸಿವ್ ವಿನ್ಯಾಸಕ್ಕಾಗಿ

Tailwind CSS ಫ್ರೇಮ್ವರ್ಕ್

ನಾನು ದಿನನಿತ್ಯ ಟೆಕ್‌ನಲ್ಲಿ ಆಳವಾಗಿದ್ದರೂ, ನನ್ನ ಕಂಪನಿ ಗ್ರಾಹಕರಿಗೆ ಅಳವಡಿಸುವ ಸಂಕೀರ್ಣ ಏಕೀಕರಣ ಮತ್ತು ಯಾಂತ್ರೀಕರಣವನ್ನು ಹಂಚಿಕೊಳ್ಳಲು ನಾನು ಬಯಸಿದಷ್ಟು ಸಮಯ ಸಿಗುವುದಿಲ್ಲ. ಹಾಗೆಯೇ, ನನಗೆ ಹೆಚ್ಚಿನ ಅನ್ವೇಷಣೆಯ ಸಮಯವಿಲ್ಲ. ನಾನು ಬರೆಯುವ ಹೆಚ್ಚಿನ ತಂತ್ರಜ್ಞಾನವು ಹುಡುಕುವ ಕಂಪನಿಗಳಾಗಿದೆ Martech Zone ಅವುಗಳನ್ನು ಒಳಗೊಳ್ಳುವುದು, ಆದರೆ ಪ್ರತಿ ಬಾರಿ - ವಿಶೇಷವಾಗಿ ಟ್ವಿಟರ್ ಮೂಲಕ - ನಾನು ಹಂಚಿಕೊಳ್ಳಬೇಕಾದ ಹೊಸ ತಂತ್ರಜ್ಞಾನದ ಸುತ್ತಲೂ ನಾನು ಕೆಲವು ಬzz್‌ಗಳನ್ನು ನೋಡುತ್ತೇನೆ.

ನೀವು ವೆಬ್ ಡಿಸೈನ್, ಮೊಬೈಲ್ ಆಪ್ ಡೆವಲಪ್‌ಮೆಂಟ್ ಅಥವಾ ಕೇವಲ ಕಂಟೆಂಟ್ ಮ್ಯಾನೇಜ್‌ಮೆಂಟ್ ಸಿಸ್ಟಂನಲ್ಲಿ ಕೆಲಸ ಮಾಡಿದರೆ, ನೀವು ಬಹು ಸ್ಟೈಲ್‌ಶೀಟ್‌ಗಳಲ್ಲಿ ಸ್ಪರ್ಧಾತ್ಮಕ ಶೈಲಿಗಳ ಹತಾಶೆಯೊಂದಿಗೆ ಹೋರಾಡಬಹುದು. ಪ್ರತಿ ಬ್ರೌಸರ್‌ನಲ್ಲಿ ನಿರ್ಮಿಸಲಾದ ಅದ್ಭುತ ಅಭಿವೃದ್ಧಿ ಸಾಧನಗಳಿದ್ದರೂ ಸಹ, ಸಿಎಸ್‌ಎಸ್ ಅನ್ನು ಟ್ರ್ಯಾಕ್ ಮಾಡಲು ಮತ್ತು ಸ್ವಚ್ಛಗೊಳಿಸಲು ತುಂಬಾ ಸಮಯ ಮತ್ತು ಶಕ್ತಿಯ ಅಗತ್ಯವಿರುತ್ತದೆ.

ಸಿಎಸ್ಎಸ್ ಚೌಕಟ್ಟುಗಳು

ಇತ್ತೀಚಿನ ವರ್ಷಗಳಲ್ಲಿ, ವಿನ್ಯಾಸಕರು ಸಿದ್ಧಪಡಿಸಿದ ಮತ್ತು ಬಳಸಲು ಸಿದ್ಧವಾಗಿರುವ ಶೈಲಿಗಳ ಸಂಗ್ರಹಗಳನ್ನು ಬಿಡುಗಡೆ ಮಾಡುವ ಒಂದು ಅದ್ಭುತವಾದ ಕೆಲಸವನ್ನು ಮಾಡಿದ್ದಾರೆ. ಈ ಸಿಎಸ್‌ಎಸ್ ಸ್ಟೈಲ್‌ಶೀಟ್‌ಗಳನ್ನು ಸಿಎಸ್‌ಎಸ್ ಫ್ರೇಮ್‌ವರ್ಕ್ ಎಂದು ಕರೆಯಲಾಗುತ್ತದೆ, ಎಲ್ಲಾ ವಿಭಿನ್ನ ಶೈಲಿಗಳು ಮತ್ತು ಸ್ಪಂದಿಸುವ ಸಾಮರ್ಥ್ಯಗಳನ್ನು ಅಳವಡಿಸಲು ಪ್ರಯತ್ನಿಸುತ್ತದೆ ಇದರಿಂದ ಡೆವಲಪರ್‌ಗಳು ಮೊದಲಿನಿಂದ ಸಿಎಸ್‌ಎಸ್ ಫೈಲ್ ಅನ್ನು ನಿರ್ಮಿಸುವ ಬದಲು ಚೌಕಟ್ಟನ್ನು ಉಲ್ಲೇಖಿಸಬಹುದು. ಕೆಲವು ಜನಪ್ರಿಯ ಚೌಕಟ್ಟುಗಳು:

  • ಬೂಟ್ಸ್ಟ್ರ್ಯಾಪ್ - ಒಂದು ದಶಕದಲ್ಲಿ ರೂಪುಗೊಂಡ ಚೌಕಟ್ಟನ್ನು ಮೊದಲು ಟ್ವಿಟರ್ ಪರಿಚಯಿಸಿತು. ಇದು ಅಸಂಖ್ಯಾತ ವೈಶಿಷ್ಟ್ಯಗಳನ್ನು ನೀಡುತ್ತದೆ. ಇದು SASS ಅಗತ್ಯವಿರುವ, ದುಷ್ಪರಿಣಾಮಗಳನ್ನು ಹೊಂದಿದೆ, ಅತಿಕ್ರಮಿಸಲು ಕಷ್ಟ, JQquery ಮೇಲೆ ಅವಲಂಬಿತವಾಗಿದೆ, ಮತ್ತು ಅದನ್ನು ಲೋಡ್ ಮಾಡಲು ಬಹಳ ಭಾರವಾಗಿರುತ್ತದೆ.
  • ಬುಲ್ಮಾ -ಡೆವಲಪರ್ ಸ್ನೇಹಿ ಮತ್ತು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಮೇಲೆ ಯಾವುದೇ ಅವಲಂಬನೆ ಇಲ್ಲದ ಕ್ಲೀನ್ ಫ್ರೇಮ್ವರ್ಕ್.
  • ಫೌಂಡೇಶನ್ - ಹೆಚ್ಚು ಸಾಮಾನ್ಯ ಮತ್ತು ಬಳಸಬಹುದಾದ ಸಿಎಸ್‌ಎಸ್ ಫ್ರೇಮ್‌ವರ್ಕ್ ಸುಲಭವಾಗಿ ಗ್ರಾಹಕೀಯಗೊಳಿಸಬಹುದಾದ ಟನ್‌ಗಳಷ್ಟು ಘಟಕಗಳನ್ನು ಹೊಂದಿದೆ. ಹೆಚ್ಚುವರಿಯಾಗಿ, ಇದೆ ಇಮೇಲ್‌ಗಾಗಿ ಪ್ರತಿಷ್ಠಾನ ಮತ್ತು ಚಲನೆಯ UI ಅನಿಮೇಷನ್‌ಗಳಿಗಾಗಿ.
  • ಯುಐ ಕಿಟ್ -ಎಚ್ಟಿಎಮ್ಎಲ್, ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಮತ್ತು ಸಿಎಸ್ಎಸ್ ಸಂಯೋಜನೆಯು ನಿಮ್ಮ ಮುಂಭಾಗವನ್ನು ತ್ವರಿತವಾಗಿ ಮತ್ತು ಸುಲಭವಾಗಿ ಅಭಿವೃದ್ಧಿಪಡಿಸುತ್ತದೆ.

Tailwind CSS ಫ್ರೇಮ್ವರ್ಕ್

ಇತರ ಫ್ರೇಮ್‌ವರ್ಕ್‌ಗಳು ಜನಪ್ರಿಯ ಬಳಕೆದಾರ ಇಂಟರ್‌ಫೇಸ್ ಅಂಶಗಳನ್ನು ಅಳವಡಿಸಿಕೊಳ್ಳುವಲ್ಲಿ ಉತ್ತಮ ಕೆಲಸ ಮಾಡಿದರೂ, Tailwind ಎಂಬ ವಿಧಾನವನ್ನು ಬಳಸುತ್ತದೆ ಪರಮಾಣು ಸಿಎಸ್ಎಸ್. ಸಂಕ್ಷಿಪ್ತವಾಗಿ ಹೇಳುವುದಾದರೆ, ಟೈಲ್‌ವಿಂಡ್ ಚತುರತೆಯಿಂದ ಅವರು ಏನು ಹೇಳುತ್ತಾರೋ ಅದನ್ನು ಮಾಡಲು ನೈಸರ್ಗಿಕ ಭಾಷೆಯನ್ನು ಬಳಸಿ ವರ್ಗ ಹೆಸರುಗಳನ್ನು ಚತುರತೆಯಿಂದ ಸಂಘಟಿಸಿದರು. ಆದ್ದರಿಂದ, ಟೈಲ್‌ವಿಂಡ್ ಘಟಕಗಳ ಗ್ರಂಥಾಲಯವನ್ನು ಹೊಂದಿಲ್ಲವಾದರೂ, ಸಿಎಸ್‌ಎಸ್ ವರ್ಗದ ಹೆಸರುಗಳನ್ನು ಉಲ್ಲೇಖಿಸುವ ಮೂಲಕ ಶಕ್ತಿಯುತ, ಸ್ಪಂದಿಸುವ ಇಂಟರ್ಫೇಸ್ ಅನ್ನು ಸುಲಭವಾಗಿ ನಿರ್ಮಿಸುವ ಸಾಮರ್ಥ್ಯವು ಸೊಗಸಾದ, ವೇಗವಾದ ಮತ್ತು ಹೋಲಿಸಲಾಗದಂತಿದೆ.

ಕೆಲವು ಉತ್ತಮ ಉದಾಹರಣೆಗಳು ಇಲ್ಲಿವೆ:

ಸಿಎಸ್ಎಸ್ ಗ್ರಿಡ್ಸ್

css ಕಾಲಮ್ ಸ್ಟ್ರಿಡ್ ಗ್ರಿಡ್ ಕಾಲಮ್‌ಗಳು

ಸಿಎಸ್ಎಸ್ ಗ್ರೇಡಿಯಂಟ್ಸ್

css ಇಳಿಜಾರುಗಳು

ಡಾರ್ಕ್ ಮೋಡ್ ಬೆಂಬಲಕ್ಕಾಗಿ ಸಿಎಸ್ಎಸ್

css ಡಾರ್ಕ್ ಮೋಡ್

ಟೈಲ್‌ವಿಂಡ್ ಸಹ ಅದ್ಭುತವಾಗಿದೆ ವಿಸ್ತರಣೆ ಲಭ್ಯವಿದೆ VS ಕೋಡ್‌ಗಾಗಿ ನೀವು ಮೈಕ್ರೋಸಾಫ್ಟ್‌ನ ಕೋಡ್ ಎಡಿಟರ್‌ನಿಂದ ತರಗತಿಗಳನ್ನು ಸುಲಭವಾಗಿ ಗುರುತಿಸಬಹುದು ಮತ್ತು ಸೇರಿಸಬಹುದು.

ಇನ್ನೂ ಹೆಚ್ಚು ಚತುರ, ಉತ್ಪಾದನೆಗಾಗಿ ನಿರ್ಮಿಸುವಾಗ Tailwind ಸ್ವಯಂಚಾಲಿತವಾಗಿ ಎಲ್ಲಾ ಬಳಕೆಯಾಗದ CSS ಅನ್ನು ತೆಗೆದುಹಾಕುತ್ತದೆ, ಅಂದರೆ ನಿಮ್ಮ ಅಂತಿಮ CSS ಬಂಡಲ್ ಚಿಕ್ಕದಾಗಿರಬಹುದು. ವಾಸ್ತವವಾಗಿ, ಹೆಚ್ಚಿನ ಟೈಲ್‌ವಿಂಡ್ ಯೋಜನೆಗಳು ಕ್ಲೈಂಟ್‌ಗೆ 10kB ಕ್ಕಿಂತ ಕಡಿಮೆ CSS ಅನ್ನು ರವಾನಿಸುತ್ತವೆ.

ನೀವು ಏನು ಆಲೋಚಿಸುತ್ತೀರಿ ಏನು?

ಸ್ಪ್ಯಾಮ್ ಅನ್ನು ಕಡಿಮೆ ಮಾಡಲು ಈ ಸೈಟ್ ಅಕಿಸ್ಸೆಟ್ ಅನ್ನು ಬಳಸುತ್ತದೆ. ನಿಮ್ಮ ಕಾಮೆಂಟ್ ಡೇಟಾವನ್ನು ಹೇಗೆ ಪ್ರಕ್ರಿಯೆಗೊಳಿಸಲಾಗುತ್ತಿದೆ ಎಂಬುದನ್ನು ತಿಳಿಯಿರಿ.