Responsive web design
ರೆಸ್ಪಾನ್ಸಿವ್ ವೆಬ್ ಡಿಸೈನ್ (ಆರ್ಡಬ್ಲ್ಯುಡಿ) ಅಥವಾ ರೆಸ್ಪಾನ್ಸಿವ್ ಡಿಸೈನ್ ಎಂಬುದು ವೆಬ್ ಡಿಸೈನ್ಗೆ ಒಂದು ವಿಧಾನವಾಗಿದ್ದು, ಇದು ವಿವಿಧ ಸಾಧನಗಳಲ್ಲಿ ಮತ್ತು ವಿಂಡೋ ಅಥವಾ ಪರದೆಯ ಗಾತ್ರಗಳಲ್ಲಿ ವೆಬ್ ಪುಟಗಳನ್ನು ಉತ್ತಮವಾಗಿ ಪ್ರದರ್ಶಿಸುವ ಗುರಿಯನ್ನು ಹೊಂದಿದೆ, ಇದು ಉಪಯುಕ್ತತೆ ಮತ್ತು ತೃಪ್ತಿಯನ್ನು ಖಚಿತಪಡಿಸಿಕೊಳ್ಳಲು ಕನಿಷ್ಠದಿಂದ ಗರಿಷ್ಠ ಪ್ರದರ್ಶನ ಗಾತ್ರದವರೆಗೆ. ಪ್ರತಿಕ್ರಿಯಾತ್ಮಕ ವಿನ್ಯಾಸವು ದ್ರವದ ಅನುಪಾತ-ಆಧಾರಿತ ಗ್ರಿಡ್ಗಳು, ಹೊಂದಿಕೊಳ್ಳುವ ಚಿತ್ರಗಳು ಮತ್ತು @media ನಿಯಮದ ವಿಸ್ತರಣೆಯಾದ CSS3 ಮಾಧ್ಯಮ ಪ್ರಶ್ನೆಗಳಂತಹ ತಂತ್ರಗಳನ್ನು ಬಳಸುವ ಮೂಲಕ ವೆಬ್-ಪುಟದ ವಿನ್ಯಾಸವನ್ನು ನೋಡುವ ಪರಿಸರಕ್ಕೆ ಅಳವಡಿಸಿಕೊಳ್ಳುತ್ತದೆಃ ದ್ರವದ ಗ್ರಿಡ್ ಪರಿಕಲ್ಪನೆಯು ಪುಟದ ಅಂಶದ ಗಾತ್ರವು ಪಿಕ್ಸೆಲ್ಗಳು ಅಥವಾ ಬಿಂದುಗಳಂತಹ ಸಂಪೂರ್ಣ ಘಟಕಗಳಿಗಿಂತ ಶೇಕಡಾವಾರುಗಳಂತಹ ಸಾಪೇಕ್ಷ ಘಟಕಗಳಾಗಿರಬೇಕು. ಹೊಂದಿಕೊಳ್ಳುವ ಚಿತ್ರಗಳನ್ನು ಅವುಗಳಲ್ಲಿರುವ ಅಂಶದ ಹೊರಗೆ ಪ್ರದರ್ಶಿಸದಂತೆ ತಡೆಯಲು ಸಂಬಂಧಿತ ಘಟಕಗಳಲ್ಲಿ ಗಾತ್ರವನ್ನು ಸಹ ನೀಡಲಾಗುತ್ತದೆ. ಮಾಧ್ಯಮದ ಪ್ರಶ್ನೆಗಳು ಜಾಲತಾಣವು ಪ್ರದರ್ಶಿಸುತ್ತಿರುವ ಸಾಧನದ ಗುಣಲಕ್ಷಣಗಳ ಆಧಾರದ ಮೇಲೆ ವಿವಿಧ ಸಿಎಸ್ಎಸ್ ಶೈಲಿಯ ನಿಯಮಗಳನ್ನು ಬಳಸಲು ಪುಟಕ್ಕೆ ಅವಕಾಶ ಮಾಡಿಕೊಡುತ್ತವೆ, ಉದಾಹರಣೆಗೆ. ರೆಂಡರಿಂಗ್ ಮೇಲ್ಮೈಯ ಅಗಲ (ಬ್ರೌಸರ್ ವಿಂಡೋ ಅಗಲ ಅಥವಾ ಭೌತಿಕ ಪ್ರದರ್ಶನ ಗಾತ್ರ). ಸ್ಪಂದಿಸುವ ವಿನ್ಯಾಸಗಳು ಸ್ವಯಂಚಾಲಿತವಾಗಿ ಯಾವುದೇ ಸಾಧನದ ಪರದೆಯ ಗಾತ್ರಕ್ಕೆ ಹೊಂದಿಕೊಳ್ಳುತ್ತವೆ ಮತ್ತು ಹೊಂದಿಕೊಳ್ಳುತ್ತವೆ, ಅದು ಡೆಸ್ಕ್ಟಾಪ್, ಲ್ಯಾಪ್ಟಾಪ್, ಟ್ಯಾಬ್ಲೆಟ್ ಅಥವಾ ಮೊಬೈಲ್ ಫೋನ್ ಆಗಿರಬಹುದು. ಮೊಬೈಲ್ ಸಾಧನಗಳ ಬಳಕೆದಾರರು ಬಹುಪಾಲು ಜಾಲತಾಣದ ಸಂದರ್ಶಕರನ್ನು ಗಣನೆಗೆ ತೆಗೆದುಕೊಂಡಿದ್ದರಿಂದ ಸ್ಪಂದಿಸುವ ವೆಬ್ ವಿನ್ಯಾಸವು ಹೆಚ್ಚು ಮಹತ್ವದ್ದಾಯಿತು. ಉದಾಹರಣೆಗೆ, 2015 ರಲ್ಲಿ, ಗೂಗಲ್ ಮೊಬೈಲ್ಗೆಡ್ಡೋನ್ ಅನ್ನು ಘೋಷಿಸಿತು ಮತ್ತು ಮೊಬೈಲ್ ಸಾಧನದಿಂದ ಹುಡುಕುವಾಗ ಮೊಬೈಲ್-ಸ್ನೇಹಿ ಸೈಟ್ಗಳ ಪುಟ ಶ್ರೇಯಾಂಕವನ್ನು ಹೆಚ್ಚಿಸಲು ಪ್ರಾರಂಭಿಸಿತು. ಸ್ಪಂದಿಸುವ ವೆಬ್ ವಿನ್ಯಾಸವು ಬಳಕೆದಾರ ಇಂಟರ್ಫೇಸ್ ಪ್ಲಾಸ್ಟಿಸಿಟಿಗೆ ಒಂದು ಉದಾಹರಣೆಯಾಗಿದೆ. ಸವಾಲುಗಳು ಮತ್ತು ಇತರ ವಿಧಾನಗಳು ಲ್ಯೂಕ್ ವ್ರೊಬ್ಲೆವ್ಸ್ಕಿ ಅವರು ಕೆಲವು ಆರ್ಡಬ್ಲ್ಯುಡಿ ಮತ್ತು ಮೊಬೈಲ್ ವಿನ್ಯಾಸದ ಸವಾಲುಗಳನ್ನು ಸಂಕ್ಷಿಪ್ತಗೊಳಿಸಿದ್ದಾರೆ ಮತ್ತು ಬಹು-ಸಾಧನ ವಿನ್ಯಾಸ ಮಾದರಿಗಳ ಪಟ್ಟಿಯನ್ನು ರಚಿಸಿದ್ದಾರೆ. ಸರಳವಾದ ಎಚ್ಡಬ್ಲ್ಯುಡಿ ವಿಧಾನಕ್ಕೆ ಹೋಲಿಸಿದರೆ, ಸಾಧನದ ಅನುಭವ ಅಥವಾ ಆರ್ಇಎಸ್ಎಸ್ (ಸರ್ವರ್-ಸೈಡ್ ಘಟಕಗಳೊಂದಿಗೆ ಸ್ಪಂದಿಸುವ ವೆಬ್ ವಿನ್ಯಾಸ) ವಿಧಾನಗಳು ಮೊಬೈಲ್ ಸಾಧನಗಳಿಗೆ ಉತ್ತಮವಾದ ಬಳಕೆದಾರ ಅನುಭವವನ್ನು ಒದಗಿಸಬಹುದು ಎಂದು ಅವರು ಸಲಹೆ ನೀಡಿದರು. ಸಾಸ್ ನಂತಹ ಸ್ಟೈಲ್ಶೀಟ್ ಭಾಷೆಗಳ ಸರ್ವರ್-ಸೈಡ್ ಸಿಎಸ್ಎಸ್ ಜನರೇಟರ್ ಅನುಷ್ಠಾನವು ಅಂತಹ ವಿಧಾನದ ಭಾಗವಾಗಿರಬಹುದು. ಇತರ ವಿಧಾನಗಳಿಗಿಂತ ಸ್ಮಾರ್ಟ್ಫೋನ್ ಜಾಲತಾಣಗಳಿಗೆ ಸ್ಪಂದಿಸುವ ವಿನ್ಯಾಸವನ್ನು ಗೂಗಲ್ ಶಿಫಾರಸು ಮಾಡಿದೆ. ಅನೇಕ ಪ್ರಕಾಶಕರು ಸ್ಪಂದಿಸುವ ವಿನ್ಯಾಸಗಳನ್ನು ಜಾರಿಗೆ ತಂದಿದ್ದರೂ, ಕೆಲವು ಬ್ಯಾನರ್ ಜಾಹೀರಾತುಗಳು ಮತ್ತು ವೀಡಿಯೊಗಳು ಸರಾಗವಾಗಿರಲಿಲ್ಲ ಎಂಬುದು ಆರ್ಡಬ್ಲ್ಯೂಡಿ ಅಳವಡಿಕೆಗೆ ಒಂದು ಸವಾಲಾಗಿತ್ತು. ಆದಾಗ್ಯೂ, ಹುಡುಕಾಟ ಜಾಹೀರಾತು ಮತ್ತು (ಬ್ಯಾನರ್) ಪ್ರದರ್ಶನ ಜಾಹೀರಾತುಗಳು ನಿರ್ದಿಷ್ಟ ಸಾಧನ ವೇದಿಕೆ ಗುರಿ ಮತ್ತು ಡೆಸ್ಕ್ಟಾಪ್, ಸ್ಮಾರ್ಟ್ಫೋನ್ ಮತ್ತು ಮೂಲ ಮೊಬೈಲ್ ಸಾಧನಗಳಿಗೆ ವಿವಿಧ ಜಾಹೀರಾತು ಗಾತ್ರದ ಸ್ವರೂಪಗಳನ್ನು ಬೆಂಬಲಿಸಲು ಬಂದವು. ವಿವಿಧ ಪ್ಲಾಟ್ಫಾರ್ಮ್ಗಳಿಗೆ ವಿಭಿನ್ನ ಲ್ಯಾಂಡಿಂಗ್ ಪೇಜ್ ಯುಆರ್ಎಲ್ಗಳನ್ನು ಬಳಸಲಾಗಿದೆ, ಅಥವಾ ಪುಟದಲ್ಲಿ ವಿಭಿನ್ನ ಜಾಹೀರಾತು ರೂಪಾಂತರಗಳನ್ನು ಪ್ರದರ್ಶಿಸಲು ಅಜಾಕ್ಸ್ ಅನ್ನು ಬಳಸಲಾಗಿದೆ. ಸಿಎಸ್ಎಸ್ ಕೋಷ್ಟಕಗಳು ಹೈಬ್ರಿಡ್ ಸ್ಥಿರ ಮತ್ತು ದ್ರವ ವಿನ್ಯಾಸಗಳನ್ನು ಅನುಮತಿಸಿದವು. ಮೊಬೈಲ್ ಸೈಟ್ ವ್ಯಾಲಿಡೇಟರ್ಗಳು ಮತ್ತು ಮೊಬೈಲ್ ಎಮ್ಯುಲೇಟರ್ಗಳಿಂದ ಹಿಡಿದು ಅಡೋಬ್ ಎಡ್ಜ್ ಇನ್ಸ್ಪೆಕ್ಟ್ನಂತಹ ಏಕಕಾಲಿಕ ಪರೀಕ್ಷಾ ಸಾಧನಗಳವರೆಗೆ ಆರ್ಡಬ್ಲ್ಯುಡಿ ವಿನ್ಯಾಸಗಳನ್ನು ಮೌಲ್ಯೀಕರಿಸಲು ಮತ್ತು ಪರೀಕ್ಷಿಸಲು ಅನೇಕ ಮಾರ್ಗಗಳಿವೆ. ಕ್ರೋಮ್, ಫೈರ್ಫಾಕ್ಸ್ ಮತ್ತು ಸಫಾರಿ ಬ್ರೌಸರ್ಗಳು ಮತ್ತು ಡೆವಲಪರ್ ಉಪಕರಣಗಳು ಮೂರನೇ ವ್ಯಕ್ತಿಗಳಂತೆಯೇ ಸ್ಪಂದಿಸುವ ವಿನ್ಯಾಸದ ವ್ಯೂಪೋರ್ಟ್ ಮರುಗಾತ್ರಗೊಳಿಸುವ ಸಾಧನಗಳನ್ನು ನೀಡಿವೆ. ಎಚ್. ಟಿ. ಎಂ. ಎಲ್ + ನ ಡಬ್ಲ್ಯೂ3ಸಿ ವಿವರಣೆಯು ಜಾಲತಾಣಗಳನ್ನು ಬಳಕೆದಾರರ ಆದ್ಯತೆಗಳಿಗೆ ಅನುಗುಣವಾಗಿ ಪ್ರದರ್ಶಿಸಬೇಕು ಎಂದು ಹೇಳಿದೆ. ಆದಾಗ್ಯೂ, ವೆಬ್ ಪುಟ ವಿನ್ಯಾಸದ ಗ್ರಾಹಕೀಕರಣದ ಕೊರತೆಯಿತ್ತು. ಅನೇಕ ವೆಬ್ ಅಭಿವರ್ಧಕರು ವಿನ್ಯಾಸವನ್ನು ಕಸ್ಟಮೈಸ್ ಮಾಡಲು ಮತ್ತು ಅದೇ ಸಮಯದಲ್ಲಿ ತಮ್ಮ ವೆಬ್ಸೈಟ್ಗಳಿಗೆ ಕೆಲವು ಮೂಲಭೂತ ಪ್ರತಿಕ್ರಿಯಾತ್ಮಕತೆಯನ್ನು ತರುವ ಮಾರ್ಗವಾಗಿ ಸಾಮಾನ್ಯ ಎಚ್ಟಿಎಮ್ಎಲ್ ಕೋಷ್ಟಕಗಳನ್ನು ಆಶ್ರಯಿಸಿದರು. ಬ್ರೌಸರ್ ವ್ಯೂಪೋರ್ಟ್ ಅಗಲಕ್ಕೆ ಕ್ಷುಲ್ಲಕವಲ್ಲದ ರೀತಿಯಲ್ಲಿ ಹೊಂದಿಕೊಳ್ಳುವ ವಿನ್ಯಾಸವನ್ನು ಹೊಂದಿರುವ ಮೊದಲ ಪ್ರಮುಖ ತಾಣವನ್ನು 2001 ರ ಕೊನೆಯಲ್ಲಿ ಪ್ರಾರಂಭಿಸಲಾಯಿತು, ಇದನ್ನು ರೇಜೋರ್ಫಿಶ್ನಲ್ಲಿ ಜುರ್ಗೆನ್ ಸ್ಪ್ಯಾಂಗ್ಲ್ ಮತ್ತು ಜಿಮ್ ಕಾಲ್ಬಾಚ್ (ಮಾಹಿತಿ ವಾಸ್ತುಶಿಲ್ಪ), ಕೆನ್ ಒಲ್ಲಿಂಗ್ (ವಿನ್ಯಾಸ), ಮತ್ತು ಜಾನ್ ಹಾಫ್ಮನ್ (ಇಂಟರ್ಫೇಸ್ ಅಭಿವೃದ್ಧಿ) ಒಳಗೊಂಡ ತಂಡವು ರಚಿಸಿತು. ಸೀಮಿತ ಬ್ರೌಸರ್ ಸಾಮರ್ಥ್ಯಗಳು ಎಂದರೆ ಇಂಟರ್ನೆಟ್ ಎಕ್ಸ್ಪ್ಲೋರರ್ಗೆ, ಲೇಔಟ್ ಬ್ರೌಸರ್ನಲ್ಲಿ ಕ್ರಿಯಾತ್ಮಕವಾಗಿ ಹೊಂದಿಕೊಳ್ಳಬಹುದು, ಆದರೆ, ನೆಟ್ಸ್ಕೇಪ್ಗೆ, ಪುಟವನ್ನು ಮರುಗಾತ್ರಗೊಳಿಸಿದಾಗ ಸರ್ವರ್ನಿಂದ ಮರುಲೋಡ್ ಮಾಡಬೇಕಾಗಿತ್ತು. ಕ್ಯಾಮರೂನ್ ಆಡಮ್ಸ್ 2004ರಲ್ಲಿ ಒಂದು ಪ್ರದರ್ಶನವನ್ನು ರಚಿಸಿದರು. 2008ರ ಹೊತ್ತಿಗೆ, ವಿನ್ಯಾಸಗಳನ್ನು ವಿವರಿಸಲು "ಫ್ಲೆಕ್ಸಿಬಲ್", "ಲಿಕ್ವಿಡ್", "ಫ್ಲೂಯಿಡ್" ಮತ್ತು "ಎಲಾಸ್ಟಿಕ್" ನಂತಹ ಹಲವಾರು ಸಂಬಂಧಿತ ಪದಗಳನ್ನು ಬಳಸಲಾಗುತ್ತಿತ್ತು. ಸಿಎಸ್ಎಸ್3 ಮಾಧ್ಯಮದ ಪ್ರಶ್ನೆಗಳು 2008ರ ಕೊನೆಯಲ್ಲಿ/2009ರ ಆರಂಭದಲ್ಲಿ ಪ್ರಧಾನ ಸಮಯಕ್ಕೆ ಬಹುತೇಕ ಸಿದ್ಧವಾಗಿದ್ದವು. ಎಥಾನ್ ಮಾರ್ಕೊಟ್ಟೆ ಸ್ಪಂದಿಸುವ ವೆಬ್ ವಿನ್ಯಾಸ ಎಂಬ ಪದವನ್ನು ಸೃಷ್ಟಿಸಿದರು-ಮತ್ತು ಅದನ್ನು ದ್ರವ ಗ್ರಿಡ್/ಹೊಂದಿಕೊಳ್ಳುವ ಚಿತ್ರಗಳು/ಮಾಧ್ಯಮ ಪ್ರಶ್ನೆಗಳು ಎಂದು ವ್ಯಾಖ್ಯಾನಿಸಿದರು-ಎ ಲಿಸ್ಟ್ ಅಪಾರ್ಟ್ನಲ್ಲಿ ಮೇ 2010 ರ ಲೇಖನದಲ್ಲಿ. ಅವರು ರೆಸ್ಪಾನ್ಸಿವ್ ವೆಬ್ ಡಿಸೈನ್ ಎಂಬ ತಮ್ಮ 2011 ರ ಸಂಕ್ಷಿಪ್ತ ಪುಸ್ತಕದಲ್ಲಿ ರೆಸ್ಪಾನ್ಸಿವ್ ವೆಬ್ ಡಿಸೈನ್ನ ಸಿದ್ಧಾಂತ ಮತ್ತು ಅಭ್ಯಾಸವನ್ನು ವಿವರಿಸಿದ್ದಾರೆ. #1 ನಲ್ಲಿ ಪ್ರಗತಿಪರ ವರ್ಧನೆಯ ನಂತರ. ನೆಟ್ ನಿಯತಕಾಲಿಕೆಯು 2012ರ ಟಾಪ್ ವೆಬ್ ಡಿಸೈನ್ ಟ್ರೆಂಡ್ಸ್ನಲ್ಲಿ ರೆಸ್ಪಾನ್ಸಿವ್ ಡಿಸೈನ್ ಅನ್ನು #2 ಎಂದು ಪಟ್ಟಿ ಮಾಡಿದೆ. ಮ್ಯಾಶಬಲ್ 2013 ಅನ್ನು ಸ್ಪಂದಿಸುವ ವೆಬ್ ವಿನ್ಯಾಸದ ವರ್ಷ ಎಂದು ಕರೆದಿದೆ. ಸಂಬಂಧಿತ ಪರಿಕಲ್ಪನೆಗಳು ಮೊಬೈಲ್-ಮೊದಲ ವಿನ್ಯಾಸ ಮತ್ತು ಪ್ರಗತಿಪರ ವರ್ಧನೆಯು ಆರ್ಡಬ್ಲ್ಯುಡಿಗೆ ಮುಂಚಿನ ಸಂಬಂಧಿತ ಪರಿಕಲ್ಪನೆಗಳಾಗಿವೆ. ಮೂಲಭೂತ ಮೊಬೈಲ್ ಫೋನ್ಗಳ ಬ್ರೌಸರ್ಗಳು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಅಥವಾ ಮಾಧ್ಯಮ ಪ್ರಶ್ನೆಗಳನ್ನು ಅರ್ಥಮಾಡಿಕೊಳ್ಳುವುದಿಲ್ಲ, ಆದ್ದರಿಂದ ಮೊಬೈಲ್ ಫೋನ್ಗಳಲ್ಲಿ ಸಂಕೀರ್ಣವಾದ, ಇಮೇಜ್-ಹೆವಿ ಸೈಟ್ ಅನ್ನು ಕೆಲಸ ಮಾಡಲು ಆಕರ್ಷಕವಾದ ಅವನತಿಯನ್ನು ಅವಲಂಬಿಸುವ ಬದಲು, ಮೂಲ ವೆಬ್ ಸೈಟ್ ಅನ್ನು ರಚಿಸುವುದು ಮತ್ತು ಸ್ಮಾರ್ಟ್ಫೋನ್ಗಳು ಮತ್ತು ವೈಯಕ್ತಿಕ ಕಂಪ್ಯೂಟರ್ಗಳಿಗೆ ಅದನ್ನು ಹೆಚ್ಚಿಸುವುದು ಶಿಫಾರಸು ಮಾಡಲಾದ ಅಭ್ಯಾಸವಾಗಿತ್ತು. ಅಡಾಪ್ಟಿವ್ ವೆಬ್ ಡಿಸೈನ್ ಬೂಟ್ಸ್ಟ್ರ್ಯಾಪ್ (ಫ್ರಂಟ್-ಎಂಡ್ ಫ್ರೇಮ್ವರ್ಕ್) ಸಿಎಸ್ಎಸ್ ಫ್ರೇಮ್ವರ್ಕ್ ಫೌಂಡೇಶನ್ (ಫ್ರೇಮ್ವರ್ಕ್) ಟೇಬಲ್ ಲೆಸ್ ವೆಬ್ ಡಿಸೈನ್ ಉಲ್ಲೇಖಗಳು 2010 ರ ಮಾನವ-ಕಂಪ್ಯೂಟರ್ ಸಂವಹನದಲ್ಲಿ ಕಂಪ್ಯೂಟರ್-ಸಂಬಂಧಿತ ಪರಿಚಯಗಳು ಮೊಬೈಲ್ ವೆಬ್ ಉಪಯುಕ್ತತೆ ಬಳಕೆದಾರ ಇಂಟರ್ಫೇಸ್ಗಳು ವೆಬ್ ಡಿಸೈನ್ 2010 ರ ಹೊಸ ಪದಗಳನ್ನು ಸಹ ನೋಡಿ.