ಪ್ರಗತಿಶೀಲ ವರ್ಧಕ

ವೆಬ್ ಬ್ರೌಸರ್ಗಳು ಇರುವವರೆಗೂ ವೆಬ್ ಬ್ರೌಸರ್ಗಳು ಅಸ್ತಿತ್ವದಲ್ಲಿವೆ. ವಾಸ್ತವವಾಗಿ, ಬ್ರೌಸರ್ಗಳು ಅನುಭವದಲ್ಲಿ ಅಥವಾ ನಿಮ್ಮ ಸೈಟ್ ಅನ್ನು ವೀಕ್ಷಿಸುವ ಜನರಲ್ಲಿ ಅತ್ಯಗತ್ಯವಾದ ಘಟಕಾಂಶವಾಗಿದೆ - ಆದರೆ ಎಲ್ಲಾ ಬ್ರೌಸರ್ಗಳು ಸಮಾನವಾಗಿ ರಚಿಸಲ್ಪಟ್ಟಿಲ್ಲ. ಗ್ರಾಹಕರು ನಿಮ್ಮ ವೆಬ್ ಪುಟಗಳನ್ನು ಅತ್ಯಂತ ಹಳೆಯ ಮತ್ತು ಅತ್ಯಂತ ಆಧುನಿಕ ಬ್ರೌಸರ್ಗಳಲ್ಲಿ ಕಂಡುಬರುವ ವೈಶಿಷ್ಟ್ಯಗಳನ್ನು ಕಳೆದುಕೊಂಡಿರುವ ಬ್ರೌಸರ್ಗಳಲ್ಲಿ ವೀಕ್ಷಿಸುವುದನ್ನು ಹೊಂದಲು ಸಂಪೂರ್ಣವಾಗಿ ಸಾಧ್ಯವಿದೆ (ಮತ್ತು ವಾಸ್ತವವಾಗಿ ಸಾಕಷ್ಟು ಬಹುಶಃ). ವೆಬ್ಸೈಟ್ ವಿನ್ಯಾಸ ಮತ್ತು ಅಭಿವೃದ್ಧಿಯಲ್ಲಿ ಇತ್ತೀಚಿನ ಪ್ರಗತಿಗಳ ಲಾಭವನ್ನು ಪಡೆದುಕೊಳ್ಳುವ ವೆಬ್ಸೈಟ್ಗಳನ್ನು ಅಭಿವೃದ್ಧಿಪಡಿಸಲು ನೀವು ಶ್ರಮಿಸಿದಾಗ ಇದು ಮಹತ್ವದ ಸಮಸ್ಯೆಗಳನ್ನು ಉಂಟುಮಾಡಬಹುದು. ಆ ಪುರಾತನ ಬ್ರೌಸರ್ಗಳಲ್ಲಿ ಒಂದನ್ನು ಬಳಸಿಕೊಂಡು ಯಾರಾದರೂ ನಿಮ್ಮ ಸೈಟ್ಗೆ ಬಂದಾಗ ಮತ್ತು ನಿಮ್ಮ ಇತ್ತೀಚಿನ ಸುಧಾರಿತ ತಂತ್ರಗಳು ಅವರಿಗೆ ಕೆಲಸ ಮಾಡದಿದ್ದರೆ, ಒಟ್ಟಾರೆಯಾಗಿ ನೀವು ಕಳಪೆ ಅನುಭವವನ್ನು ನೀಡಬಹುದು. ಪ್ರಗತಿಶೀಲ ವರ್ಧನೆಯು ವಿವಿಧ ಬ್ರೌಸರ್ಗಳಿಗೆ ವೆಬ್ ಪುಟ ವಿನ್ಯಾಸವನ್ನು ನಿರ್ವಹಿಸುವ ಒಂದು ಕಾರ್ಯತಂತ್ರವಾಗಿದೆ, ಅವುಗಳೆಂದರೆ ಆಧುನಿಕ ಬೆಂಬಲದ ಕೊರತೆ ಇರುವ ಹಳೆಯ ಬ್ರೌಸರ್ಗಳು.

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

ಪ್ರಗತಿಶೀಲ ವರ್ಧಕವನ್ನು ಹೇಗೆ ಬಳಸುವುದು

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

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

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

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

.ಮುಖ್ಯ ವಿಷಯ {
ಹಿನ್ನೆಲೆ: # 999;
ಹಿನ್ನೆಲೆ: rgba (153,153,153, .75);
}

ಈ ಶೈಲಿಯು ಮೊದಲು ಹಿನ್ನೆಲೆ ಬಣ್ಣವನ್ನು ಬೂದುಬಣ್ಣದ ಬಣ್ಣಕ್ಕೆ ಹೊಂದಿಸುತ್ತದೆ. ಎರಡನೆಯ ನಿಯಮವು ಪಾರದರ್ಶಕತೆ ಮಟ್ಟವನ್ನು ಹೊಂದಿಸಲು RGBA ಬಣ್ಣದ ಮೌಲ್ಯಗಳನ್ನು ಬಳಸುತ್ತದೆ. ಒಂದು ಬ್ರೌಸರ್ RGBA ಅನ್ನು ಬೆಂಬಲಿಸಿದರೆ, ಅದು ಎರಡನೇ ಶೈಲಿಯೊಂದಿಗೆ ಮೊದಲ ಶೈಲಿಯನ್ನು ಅತಿಕ್ರಮಿಸುತ್ತದೆ. ಅದು ಮಾಡದಿದ್ದರೆ, ಮೊದಲನೆಯದನ್ನು ಮಾತ್ರ ಅನ್ವಯಿಸಲಾಗುತ್ತದೆ. ನೀವು ಬೇಸ್ಲೈನ್ ​​ಬಣ್ಣವನ್ನು ಹೊಂದಿಸಿ ನಂತರ ಹೆಚ್ಚಿನ ಆಧುನಿಕ ಬ್ರೌಸರ್ಗಳಿಗೆ ಹೆಚ್ಚುವರಿ ಶೈಲಿಗಳನ್ನು ಸೇರಿಸಿದ್ದೀರಿ.

ಫೀಚರ್ ಪ್ರಶ್ನೆಗಳು ಬಳಸುವುದು

"ವೈಶಿಷ್ಟ್ಯದ ಪ್ರಶ್ನೆಗಳು" ಎಂದು ಕರೆಯಲ್ಪಡುವ ವಿಷಯಗಳನ್ನು ಬಳಸುವುದು ನೀವು ಪ್ರಗತಿಶೀಲ ವರ್ಧನೆಯು ಅನ್ವಯಿಸಬಹುದು. ಇದು ಮಾಧ್ಯಮ ಪ್ರಶ್ನೆಗಳಿಗೆ ಹೋಲುತ್ತದೆ, ಅವುಗಳು ಪ್ರತಿಕ್ರಿಯಾಶೀಲರಾಗಿರುತ್ತಾರೆ ವೆಬ್ಸೈಟ್ ವಿನ್ಯಾಸಗಳ ಅತ್ಯಗತ್ಯ ಭಾಗವಾಗಿದೆ. ಕೆಲವು ಪರದೆಯ ಗಾತ್ರಗಳಿಗೆ ಮಾಧ್ಯಮವು ಪಠ್ಯವನ್ನು ಪ್ರಶ್ನಿಸುತ್ತಿರುವಾಗ, ವೈಶಿಷ್ಟ್ಯದ ಪ್ರಶ್ನೆಗಳು ನಿರ್ದಿಷ್ಟ ವೈಶಿಷ್ಟ್ಯವನ್ನು ಬೆಂಬಲಿಸುತ್ತಿದೆಯೇ ಅಥವಾ ಇಲ್ಲವೇ ಎಂದು ನೋಡಲು ಪರಿಶೀಲಿಸುತ್ತದೆ. ನೀವು ಬಳಸುವ ವಾಕ್ಯ:

@ ಸಪೋರ್ಟ್ (ಪ್ರದರ್ಶನ: ಫ್ಲೆಕ್ಸ್) {}

ಈ ನಿಯಮದೊಳಗೆ ನೀವು ಸೇರಿಸಿದ ಯಾವುದೇ ಶೈಲಿಗಳು ಆ ಬ್ರೌಸರ್ "ಫ್ಲೆಕ್ಸ್" ಅನ್ನು ಬೆಂಬಲಿಸಿದರೆ ಅದು ಕೇವಲ ಕೆಲಸ ಮಾಡುತ್ತದೆ, ಇದು ಫ್ಲೆಕ್ಸ್ಬಾಕ್ಸ್ಗೆ ಶೈಲಿಗಳು. ನೀವು ಪ್ರತಿಯೊಬ್ಬರಿಗೂ ನಿಯಮಗಳ ಒಂದು ಸೆಟ್ ಅನ್ನು ಹೊಂದಿಸಬಹುದು ಮತ್ತು ನಂತರ ಆಯ್ದ ಬ್ರೌಸರ್ಗಳಿಗೆ ಹೆಚ್ಚುವರಿಯಾಗಿ ಸೇರಿಸಲು ವೈಶಿಷ್ಟ್ಯದ ಪ್ರಶ್ನೆಗಳನ್ನು ಬಳಸಿ.

ಜೆನ್ನಿಫರ್ ಕ್ರಿನಿನ್ರಿಂದ ಮೂಲ ಲೇಖನ. 12/13/16 ರಂದು ಜೆರೆಮಿ ಗಿರಾರ್ಡ್ರಿಂದ ಸಂಪಾದಿಸಲಾಗಿದೆ.