ಉಚಿತ CSS ಬ್ಯೂಟಿಫೈಯರ್

ಇದು ಹೇಗೆ ಕೆಲಸ ಮಾಡುತ್ತದೆ

ಈ ಟೂಲ್ ನೇರವಾಗಿ ಪುಟಕ್ಕೆ ನಿರ್ಮಿಸಲಾದ ಕೈಯಿಂದ ಬರೆದ ಪುನರಾವರ್ತಿತ ಪಾರ್ಸರ್ ಬಳಸಿ CSS ಫಾರ್ಮ್ಯಾಟ್ ಮಾಡುತ್ತದೆ — ಯಾವುದೇ ಮೂರನೇ ವ್ಯಕ್ತಿಯ ಲೈಬ್ರರಿ ಇಲ್ಲ, ಸರ್ವರ್ ಕರೆ ಇಲ್ಲ. ಪಾರ್ಸರ್ ನಿಮ್ಮ CSS ಅನ್ನು ಅಕ್ಷರ ಅಕ್ಷರವಾಗಿ ನಡೆದು, ಸರಳ ರೆಗ್ಯುಲರ್-ಎಕ್ಸ್‌ಪ್ರೆಶನ್-ಆಧಾರಿತ ವಿಧಾನಗಳನ್ನು ಗೊಂದಲಗೊಳಿಸುವ ಉಲ್ಲೇಖಿತ ಸ್ಟ್ರಿಂಗ್‌ಗಳು, url() ಮೌಲ್ಯಗಳು, ನೆಸ್ಟೆಡ್ at-ರೂಲ್‌ಗಳು, ಮತ್ತು ಕಾಮೆಂಟ್‌ಗಳನ್ನು ಸರಿಯಾಗಿ ನಿರ್ವಹಿಸುತ್ತದೆ.

1. 1
   ಅಕ್ಷರ-ಮಟ್ಟದ ಟೋಕನೈಸೇಶನ್

   walkCss ಫಂಕ್ಷನ್ ಕಚ್ಚಾ ಇನ್‌ಪುಟ್ ಅನ್ನು ಒಂದೊಂದೇ ಅಕ್ಷರ ಸ್ಕ್ಯಾನ್ ಮಾಡುತ್ತದೆ, url(), ಸ್ಟ್ರಿಂಗ್ ಮೌಲ್ಯಗಳು, ಅಥವಾ ಕಾಮೆಂಟ್‌ಗಳ ಒಳಗಿನ ಸೆಮಿಕೊಲನ್‌ಗಳು ಅಥವಾ ಬ್ರೇಸ್‌ಗಳನ್ನು ರಚನಾತ್ಮಕ ವಿಭಜಕಗಳೆಂದು ಎಂದಿಗೂ ತಪ್ಪಾಗಿ ಅರ್ಥೈಸಿಕೊಳ್ಳದಂತೆ ಉಲ್ಲೇಖ ಸ್ಥಿತಿ ಮತ್ತು ಬ್ರಾಕೆಟ್ ಆಳವನ್ನು ಟ್ರ್ಯಾಕ್ ಮಾಡುತ್ತದೆ.
2. 2
   ಬ್ಲಾಕ್ ಮತ್ತು ಘೋಷಣೆ ಬೇರ್ಪಡಿಕೆ

   ಸ್ಕ್ಯಾನರ್ ಟಾಪ್-ಲೆವಲ್ ತೆರೆಯುವ ಬ್ರೇಸ್ ಕಂಡುಹಿಡಿದಾಗ, ಅದು ಪ್ರಿಲ್ಯೂಡ್ ಅನ್ನು (ಸೆಲೆಕ್ಟರ್ ಅಥವಾ at-ರೂಲ್ ಕೀವರ್ಡ್) ಹೊರತೆಗೆದು ಬ್ಲಾಕ್ ಬಾಡಿಯನ್ನು ಪುನರಾವರ್ತಿತವಾಗಿ ಪ್ರಕ್ರಿಯೆಗೊಳಿಸುತ್ತದೆ — ಇದು ಆಳವಾದ ಪುನರಾವರ್ತನೆ ಆಳದಲ್ಲಿ ನಿರ್ವಹಿಸಲಾದ ನೆಸ್ಟೆಡ್ ರೂಲ್‌ಗಳನ್ನು (@media, @supports, ಸ್ಥಳೀಯ CSS ನೆಸ್ಟಿಂಗ್) ಒಳಗೊಂಡಿರಬಹುದು.
3. 3
   ಪ್ರಾಪರ್ಟಿ ವಿಂಗಡಣೆ ಮತ್ತು ಇಂಡೆಂಟೇಶನ್

   ಪ್ರತಿ ಬ್ಲಾಕ್‌ನೊಳಗಿನ ಘೋಷಣೆಗಳನ್ನು ಒಂದು ರನ್‌ಗೆ ಸಂಗ್ರಹಿಸಲಾಗುತ್ತದೆ, ನಂತರ ಆಯ್ಕೆ ಮಾಡಿದ ಇಂಡೆಂಟ್ ಅಗಲದೊಂದಿಗೆ (2 ಅಥವಾ 4 ಸ್ಪೇಸ್‌ಗಳು) ಬರೆಯುವ ಮೊದಲು ಐಚ್ಛಿಕವಾಗಿ ಪ್ರಾಪರ್ಟಿ ಹೆಸರಿನ ಪ್ರಕಾರ ಆಲ್ಫಾಬೆಟಿಕಲ್ ಆಗಿ ವಿಂಗಡಿಸಲಾಗುತ್ತದೆ. Minify ಮೋಡ್ ಖಾಲಿ ಜಾಗವನ್ನು ಸಂಪೂರ್ಣವಾಗಿ ಬಿಟ್ಟುಬಿಟ್ಟು ಕಾಮೆಂಟ್‌ಗಳನ್ನು ತೆಗೆದುಹಾಕುತ್ತದೆ.
4. 4
   ತಕ್ಷಣ ಬ್ರೌಸರ್-ಒಳಗಿನ ಔಟ್‌ಪುಟ್

   ಫಲಿತಾಂಶಗಳು useMemo ಹುಕ್ ಮೂಲಕ ನೀವು ಟೈಪ್ ಮಾಡುತ್ತಿದ್ದಂತೆ ಕಾಣಿಸುತ್ತವೆ — ಏನೂ ಎಲ್ಲಿಯೂ ಕಳುಹಿಸಲಾಗುವುದಿಲ್ಲ. ಫಾರ್ಮ್ಯಾಟ್ ಮಾಡಿದ ಅಥವಾ ಮಿನಿಫೈ ಮಾಡಿದ CSS ಅನ್ನು ಕ್ಲಿಪ್‌ಬೋರ್ಡ್‌ಗೆ ನಕಲಿಸಬಹುದು ಅಥವಾ .css ಫೈಲ್ ಆಗಿ ಡೌನ್‌ಲೋಡ್ ಮಾಡಬಹುದು, ಮತ್ತು ಪ್ಯಾನೆಲ್ ಮೂಲಕ್ಕೆ ಹೋಲಿಸಿ ಗಾತ್ರ ವ್ಯತ್ಯಾಸವನ್ನು ತೋರಿಸುತ್ತದೆ.

ಸಂಬಂಧಿತ ಪರಿಕರಗಳು