Tailwind CSS
ಟೈಲ್ವಿಂಡ್ ಸಿಎಸ್ಎಸ್ ಒಂದು ಮುಕ್ತ ಮೂಲ ಸಿಎಸ್ಎಸ್ ಚೌಕಟ್ಟಾಗಿದೆ. ಈ ಗ್ರಂಥಾಲಯದ ಮುಖ್ಯ ಲಕ್ಷಣವೆಂದರೆ, ಬೂಟ್ಸ್ಟ್ರಾಪ್ನಂತಹ ಇತರ ಸಿಎಸ್ಎಸ್ ಚೌಕಟ್ಟುಗಳಿಗಿಂತ ಭಿನ್ನವಾಗಿ, ಇದು ಗುಂಡಿಗಳು ಅಥವಾ ಕೋಷ್ಟಕಗಳಂತಹ ಅಂಶಗಳಿಗೆ ಪೂರ್ವನಿರ್ಧರಿತ ವರ್ಗಗಳ ಸರಣಿಯನ್ನು ಒದಗಿಸುವುದಿಲ್ಲ. ಬದಲಾಗಿ, ಇದು "ಉಪಯುಕ್ತತೆ" ಸಿಎಸ್ಎಸ್ ವರ್ಗಗಳ ಪಟ್ಟಿಯನ್ನು ರಚಿಸುತ್ತದೆ, ಇದನ್ನು ಮಿಶ್ರಣ ಮತ್ತು ಹೊಂದಾಣಿಕೆಯ ಮೂಲಕ ಪ್ರತಿ ಅಂಶವನ್ನು ವಿನ್ಯಾಸಗೊಳಿಸಲು ಬಳಸಬಹುದು. ಉದಾಹರಣೆಗೆ, ಇತರ ಸಾಂಪ್ರದಾಯಿಕ ವ್ಯವಸ್ಥೆಗಳಲ್ಲಿ, ಹಳದಿ ಹಿನ್ನೆಲೆ ಬಣ್ಣ ಮತ್ತು ದಪ್ಪ ಪಠ್ಯವನ್ನು ಅನ್ವಯಿಸುವ ಒಂದು ವರ್ಗವಿರುತ್ತದೆ. ಟೈಲ್ವಿಂಡ್ನಲ್ಲಿ ಈ ಫಲಿತಾಂಶವನ್ನು ಸಾಧಿಸಲು, ಗ್ರಂಥಾಲಯವು ರಚಿಸಿದ ವರ್ಗಗಳ ಗುಂಪನ್ನು ಅನ್ವಯಿಸಬೇಕಾಗುತ್ತದೆಃ ಮತ್ತು. 2023ರ ಜುಲೈ 30ರ ವೇಳೆಗೆ, ಟೈಲ್ವಿಂಡ್ ಸಿಎಸ್ಎಸ್ ಗಿಟ್ಹಬ್ನಲ್ಲಿ 70,000ಕ್ಕೂ ಹೆಚ್ಚು ನಕ್ಷತ್ರಗಳನ್ನು ಹೊಂದಿದೆ. ಬೂಟ್ಸ್ಟ್ರಾಪ್ನಂತಹ ಇತರ ಸಾಂಪ್ರದಾಯಿಕ ಸಿಎಸ್ಎಸ್ ಚೌಕಟ್ಟುಗಳಿಗೆ ಸಂಬಂಧಿಸಿದಂತೆ ಮೂಲಭೂತ ಪರಿಕಲ್ಪನೆಗಳಲ್ಲಿನ ವ್ಯತ್ಯಾಸದಿಂದಾಗಿ, ಟೈಲ್ವಿಂಡ್ ಅನ್ನು ಯಾವ ತತ್ವಶಾಸ್ತ್ರದಿಂದ ರಚಿಸಲಾಗಿದೆ ಮತ್ತು ಅದರ ಮೂಲ ಬಳಕೆಯನ್ನು ತಿಳಿದುಕೊಳ್ಳುವುದು ಮುಖ್ಯವಾಗಿದೆ. ಉಪಯುಕ್ತತೆ ತರಗತಿಗಳು ಉಪಯುಕ್ತತೆ-ಮೊದಲ ಪರಿಕಲ್ಪನೆಯು ಟೈಲ್ವಿಂಡ್ನ ಮುಖ್ಯ ವಿಭಿನ್ನ ಲಕ್ಷಣವನ್ನು ಸೂಚಿಸುತ್ತದೆ. ಘಟಕಗಳ (ಗುಂಡಿ, ಫಲಕ, ಮೆನು, ಪಠ್ಯ ಪೆಟ್ಟಿಗೆ) ಸುತ್ತಲೂ ವರ್ಗಗಳನ್ನು ರಚಿಸುವ ಬದಲು, ವರ್ಗಗಳನ್ನು ನಿರ್ದಿಷ್ಟ ಶೈಲಿಯ ಅಂಶದ (ಹಳದಿ ಬಣ್ಣ, ದಪ್ಪ ಅಕ್ಷರಶೈಲಿ, ದೊಡ್ಡ ಪಠ್ಯ, ಮಧ್ಯದ ಅಂಶ) ಸುತ್ತಲೂ ನಿರ್ಮಿಸಲಾಗಿದೆ. ಈ ಪ್ರತಿಯೊಂದು ವರ್ಗಗಳನ್ನು ಉಪಯುಕ್ತತೆ ವರ್ಗಗಳು ಎಂದು ಕರೆಯಲಾಗುತ್ತದೆ. ಟೈಲ್ವಿಂಡ್ ಸಿಎಸ್ಎಸ್ನಲ್ಲಿ ಬಣ್ಣಗಳು, ಅಂಚು, ಪ್ರದರ್ಶನ ಪ್ರಕಾರ (ಪ್ರದರ್ಶನ), ಫಾಂಟ್ ಗಾತ್ರ ಮತ್ತು ಫಾಂಟ್, ಲೇಔಟ್, ನೆರಳು ಮುಂತಾದ ಹೆಚ್ಚಿನ ಸಂಖ್ಯೆಯ ಸಿಎಸ್ಎಸ್ ಗುಣಲಕ್ಷಣಗಳನ್ನು ನಿಯಂತ್ರಿಸಲು ಅನುವು ಮಾಡಿಕೊಡುವ ಅನೇಕ ಉಪಯುಕ್ತತೆ ವರ್ಗಗಳಿವೆ. ರೂಪಾಂತರಗಳು ಟೈಲ್ವಿಂಡ್ ಮಾಧ್ಯಮ ಪ್ರಶ್ನೆಗಳ ಮೂಲಕ ಕೆಲವು ಸಂದರ್ಭಗಳಲ್ಲಿ ಮಾತ್ರ ಉಪಯುಕ್ತತೆ ವರ್ಗವನ್ನು ಅನ್ವಯಿಸುವ ಸಾಧ್ಯತೆಯನ್ನು ನೀಡುತ್ತದೆ, ಇದನ್ನು ರೂಪಾಂತರ ಎಂದು ಕರೆಯಲಾಗುತ್ತದೆ. ವಿವಿಧ ಪರದೆಯ ಗಾತ್ರಗಳಿಗೆ ಸ್ಪಂದಿಸುವ ಇಂಟರ್ಫೇಸ್ ಅನ್ನು ವಿನ್ಯಾಸಗೊಳಿಸುವುದು ರೂಪಾಂತರಗಳ ಮುಖ್ಯ ಬಳಕೆಯಾಗಿದೆ. ಒಂದು ಅಂಶವು ಹೊಂದಿರಬಹುದಾದ ವಿವಿಧ ಸ್ಥಿತಿಗಳಿಗೆ ರೂಪಾಂತರಗಳಿವೆ, ಉದಾಹರಣೆಗೆ ಯಾವಾಗ ಸುತ್ತುವರಿಯುತ್ತದೆ, ಕೀಬೋರ್ಡ್ ಅನ್ನು ಆಯ್ಕೆ ಮಾಡಿದಾಗ ಅಥವಾ ಬಳಸುವಾಗ, ಅಥವಾ ಬ್ರೌಸರ್ ಅಥವಾ ಆಪರೇಟಿಂಗ್ ಸಿಸ್ಟಮ್ ಡಾರ್ಕ್ ಮೋಡ್ ಅನ್ನು ಸಕ್ರಿಯಗೊಳಿಸಿದಾಗ. ರೂಪಾಂತರಗಳು ಎರಡು ಭಾಗಗಳನ್ನು ಹೊಂದಿವೆಃ ಪೂರೈಸಬೇಕಾದ ಷರತ್ತು ಮತ್ತು ಷರತ್ತು ಪೂರೈಸಿದರೆ ಅನ್ವಯವಾಗುವ ವರ್ಗ. ಉದಾಹರಣೆಗೆ, ಪರದೆಯ ಗಾತ್ರವು ವ್ಯಾಖ್ಯಾನಿಸಲಾದ ಮೌಲ್ಯಕ್ಕಿಂತ ಹೆಚ್ಚಿದ್ದರೆ ರೂಪಾಂತರವು ವರ್ಗವನ್ನು ಅನ್ವಯಿಸುತ್ತದೆ. ಟೈಲ್ವಿಂಡ್ ಸಿಎಸ್ಎಸ್ ಅನ್ನು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಬಳಸಿ ಅಭಿವೃದ್ಧಿಪಡಿಸಲಾಗಿದೆ, ಇದು Node.js ಮೂಲಕ ಚಲಿಸುತ್ತದೆ ಮತ್ತು ಎನ್ಪಿಎಂ ಅಥವಾ ನೂಲಿನಂತಹ ಪರಿಸರ ಪ್ಯಾಕೇಜ್ ವ್ಯವಸ್ಥಾಪಕರೊಂದಿಗೆ ಸ್ಥಾಪಿಸುತ್ತದೆ. ಸೆಟ್ಟಿಂಗ್ಗಳು ಮತ್ತು ಥೀಮ್ಗಳು ಸಾಮಾನ್ಯವಾಗಿ ಹೆಸರಿಸಲಾದ ಸಂರಚನಾ ಕಡತದ ಮೂಲಕ ಟೈಲ್ವಿಂಡ್ ಒದಗಿಸುವ ಉಪಯುಕ್ತತೆ ವರ್ಗಗಳು ಮತ್ತು ರೂಪಾಂತರಗಳನ್ನು ಸಂರಚಿಸಲು ಸಾಧ್ಯವಿದೆ. ಸಂರಚನೆಯಲ್ಲಿ ಉಪಯುಕ್ತತೆ ವರ್ಗಗಳ ಮೌಲ್ಯಗಳನ್ನು ಹೊಂದಿಸಬಹುದು, ಉದಾಹರಣೆಗೆ ಬಣ್ಣ-ಪ್ಯಾಲೆಟ್ ಅಥವಾ ಅಂಚುಗಳ ಅಂಶಗಳ ನಡುವಿನ ಗಾತ್ರಗಳು. ಎಲ್ಲವನ್ನೂ ನಿರ್ಮಿಸಿ ಮತ್ತು ಸ್ವಚ್ಛಗೊಳಿಸಿ ಟೈಲ್ವಿಂಡ್ನ ಡೀಫಾಲ್ಟ್ ಮೋಡ್ ಎಂದರೆ ಸಿಸ್ಟಮ್ ಪ್ರಾಜೆಕ್ಟ್ ಸೆಟ್ಟಿಂಗ್ಗಳ ಆಧಾರದ ಮೇಲೆ ಎಲ್ಲಾ ಸಂಭಾವ್ಯ ಸಿಎಸ್ಎಸ್ ಸಂಯೋಜನೆಗಳನ್ನು ಉತ್ಪಾದಿಸುತ್ತದೆ. ನಂತರ, ಪರ್ಜೆಸಿಎಸ್ಎಸ್ನಂತಹ ಮತ್ತೊಂದು ಉಪಯುಕ್ತತೆಯ ಮೂಲಕ, ಎಲ್ಲಾ ಕಡತಗಳನ್ನು ರವಾನಿಸಲಾಗುತ್ತದೆ ಮತ್ತು ಬಳಸಲಾಗದ ವರ್ಗಗಳನ್ನು ಪರಿಣಾಮವಾಗಿ ಸಿಎಸ್ಎಸ್ ಕಡತದಿಂದ ತೆಗೆದುಹಾಕಲಾಗುತ್ತದೆ. ರೂಪಾಂತರಗಳ ಸಂಖ್ಯೆ ಮತ್ತು ಅವುಗಳ ಸಂಯೋಜನೆಯಿಂದ ಉತ್ಪಾದಿಸಬಹುದಾದ ವರ್ಗಗಳ ಸಂಖ್ಯೆಯಿಂದಾಗಿ, ಈ ವಿಧಾನವು ದೀರ್ಘ ಕಾಯುವ ಸಮಯದ ನ್ಯೂನತೆಗಳನ್ನು ಮತ್ತು ಶುದ್ಧೀಕರಿಸುವ ಮೊದಲು ದೊಡ್ಡ ಗಾತ್ರದ ಸಿಎಸ್ಎಸ್ ಕಡತಗಳನ್ನು ಹೊಂದಿದೆ. ಈ ಕಾರ್ಯಾಚರಣೆಯ ವಿಧಾನವು ಟೈಲ್ವಿಂಡ್ ಸಿಎಸ್ಎಸ್ನ 3ನೇ ಆವೃತ್ತಿಯಲ್ಲಿ ಇನ್ನು ಮುಂದೆ ಲಭ್ಯವಿರುವುದಿಲ್ಲ. ಜೆಐಟಿ ಜೆಐಟಿ ಮೋಡ್ (ಜಸ್ಟ್-ಇನ್-ಟೈಮ್) ಸಿಎಸ್ಎಸ್ ಅನ್ನು ಉತ್ಪಾದಿಸುವ ಪರ್ಯಾಯ ಮಾರ್ಗವಾಗಿದೆ, ಇದು ಎಲ್ಲಾ ಸಂಭವನೀಯ ವರ್ಗಗಳನ್ನು ಉತ್ಪಾದಿಸುವ ಬದಲು ಮತ್ತು ನಂತರ ಬಳಸಲಾಗದ ಎಲ್ಲವನ್ನು ತೆಗೆದುಹಾಕುವ ಬದಲು, ಎಚ್ಟಿಎಂಎಲ್ ಫೈಲ್ಗಳ (ಅಥವಾ ಕಾನ್ಫಿಗರ್ ಮಾಡಲಾದ ವಿಸ್ತರಣೆಗಳು ಅಥವಾ ಸ್ಥಳಗಳು) ವಿಷಯವನ್ನು ಪಾರ್ಸ್ ಮಾಡುತ್ತದೆ ಮತ್ತು ಅಗತ್ಯವಿರುವ ಮತ್ತು ಬಳಸಿದ ವರ್ಗಗಳನ್ನು ಮಾತ್ರ ತಕ್ಷಣವೇ ಉತ್ಪಾದಿಸುತ್ತದೆ. ಎಲ್ಲಾ ಸಂಭವನೀಯ ಅಸ್ಥಿರಗಳು ಇನ್ನು ಮುಂದೆ ಉತ್ಪತ್ತಿಯಾಗದ ಕಾರಣ, ಪರಿಣಾಮವಾಗಿ ಸಿಎಸ್ಎಸ್ ಕಡತಗಳ ಕಾಯುವ ಸಮಯ ಮತ್ತು ಗಾತ್ರವು ಬಹಳವಾಗಿ ಕಡಿಮೆಯಾಗುತ್ತದೆ. ಈ ತಾಂತ್ರಿಕ ಸುಧಾರಣೆಯು ಹಲವಾರು ಹೊಸ ರೂಪಾಂತರಗಳು ಮತ್ತು ಉಪಯುಕ್ತತೆ ವರ್ಗಗಳನ್ನು ಪರಿಚಯಿಸಲು ಸಾಧ್ಯವಾಗಿಸಿದೆ, ಜೊತೆಗೆ ಸಂರಚನೆಯಲ್ಲಿ ಹೊಂದಿಸದ ಅನಿಯಂತ್ರಿತ ಮೌಲ್ಯಗಳೊಂದಿಗೆ ಉಪಯುಕ್ತತೆ ವರ್ಗಗಳನ್ನು ರಚಿಸುವ ಸಾಮರ್ಥ್ಯವನ್ನು ಹೊಂದಿದೆ. ಟೈಲ್ವಿಂಡ್ ಸಿಎಸ್ಎಸ್ನ 3ನೇ ಆವೃತ್ತಿಯೊಂದಿಗೆ ಪ್ರಾರಂಭಿಸಿ, ಜೆಐಟಿ ಮೋಡ್ ಡೀಫಾಲ್ಟ್ ಆಗಿದೆ. ಟೈಲ್ವಿಂಡ್ ಸಿಎಸ್ಎಸ್ನ ಆವೃತ್ತಿಗಳು ಅದರ ಆವೃತ್ತಿಯ ಹೊಂದಾಣಿಕೆಯನ್ನು ಗುರುತಿಸಲು ಶಬ್ದಾರ್ಥದ ಆವೃತ್ತಿಯನ್ನು ಬಳಸುತ್ತವೆ. ಉಲ್ಲೇಖಗಳು ಬಾಹ್ಯ ಕೊಂಡಿಗಳು ಅಧಿಕೃತ ಟೈಲ್ವಿಂಡ್ ಡಾಕ್ಯುಮೆಂಟೇಶನ್ ಟೈಲ್ವಿಂಡ್ ಪ್ಲೇ ಗಿಟ್ಹಬ್ ರೆಪೊ ಟೈಲ್ವಿಂಡ್ ಪರಿವರ್ತಕ ಸಿಎಸ್ಎಸ್ ಚೌಕಟ್ಟುಗಳು ಕ್ಯಾಸ್ಕೇಡಿಂಗ್ ಸ್ಟೈಲ್ ಶೀಟ್ಸ್ ಸಾಫ್ಟ್ವೇರ್ ಎಂಐಟಿ ಪರವಾನಗಿ ರೆಸ್ಪಾನ್ಸಿವ್ ವೆಬ್ ವಿನ್ಯಾಸವನ್ನು ಬಳಸುತ್ತದೆ