Responsive web design
பதிலளிக்கக்கூடிய வலை வடிவமைப்பு (ஆர். டபிள்யூ. டி) அல்லது பதிலளிக்கக்கூடிய வடிவமைப்பு என்பது வலை வடிவமைப்பிற்கான ஒரு அணுகுமுறையாகும், இது வலைப்பக்கங்களை பல்வேறு சாதனங்கள் மற்றும் சாளரங்கள் அல்லது திரை அளவுகளில் குறைந்தபட்சம் முதல் அதிகபட்ச காட்சி அளவு வரை பயன்படுத்தக்கூடிய தன்மை மற்றும் திருப்தியை உறுதி செய்வதை நோக்கமாகக் கொண்டுள்ளது. திரவ விகிதாச்சார அடிப்படையிலான கட்டங்கள், நெகிழ்வான படங்கள் மற்றும் CSS3 ஊடக வினவல்கள் போன்ற நுட்பங்களைப் பயன்படுத்தி ஒரு பதிலளிக்கக்கூடிய வடிவமைப்பு வலைப்பக்க அமைப்பைப் பார்க்கும் சூழலுக்கு ஏற்றவாறு மாற்றியமைக்கிறது, இது @media விதியின் நீட்டிப்பாகும்ஃ திரவ கட்டம் கருத்து பக்க உறுப்பு அளவு பிக்சல்கள் அல்லது புள்ளிகள் போன்ற முழுமையான அலகுகளைக் காட்டிலும் சதவீதம் போன்ற தொடர்புடைய அலகுகளில் இருக்க வேண்டும் என்று அழைக்கிறது. நெகிழ்வான படங்கள் அவற்றின் உள்ளடக்கிய உறுப்புக்கு வெளியே காண்பிக்கப்படுவதைத் தடுக்கும் வகையில் உறவினர் அலகுகளில் அளவிடப்படுகின்றன. ஊடக வினவல்கள் தளம் காண்பிக்கப்படும் சாதனத்தின் பண்புகளின் அடிப்படையில் வெவ்வேறு சிஎஸ்எஸ் பாணி விதிகளைப் பயன்படுத்த பக்கத்தை அனுமதிக்கின்றன, எ. கா. ரெண்டரிங் மேற்பரப்பின் அகலம் (உலாவி சாளர அகலம் அல்லது காட்சி அளவு). பதிலளிக்கக்கூடிய தளவமைப்புகள் ஒரு டெஸ்க்டாப், மடிக்கணினி, டேப்லெட் அல்லது மொபைல் ஃபோனாக இருந்தாலும் எந்தவொரு சாதனத் திரை அளவையும் தானாகவே சரிசெய்து மாற்றியமைக்கின்றன. மொபைல் சாதனங்களின் பயனர்கள் வலைத்தள பார்வையாளர்களில் பெரும்பாலோருக்கு கணக்கில் வந்ததால் பதிலளிக்கக்கூடிய வலை வடிவமைப்பு மிகவும் முக்கியமானது. உதாரணமாக, 2015 ஆம் ஆண்டில், கூகிள் மொபைல்ஜெடானை அறிவித்தது மற்றும் மொபைல் சாதனத்திலிருந்து தேடும்போது மொபைல் நட்பு தளங்களின் பக்க தரவரிசையை அதிகரிக்கத் தொடங்கியது. பதிலளிக்கக்கூடிய வலை வடிவமைப்பு பயனர் இடைமுக நெகிழ்வுத்தன்மைக்கு ஒரு எடுத்துக்காட்டு. சவால்கள் மற்றும் பிற அணுகுமுறைகள் லூக் வ்ரோப்ளெவ்ஸ்கி சில ஆர். டபிள்யூ. டி மற்றும் மொபைல் வடிவமைப்பு சவால்களை சுருக்கமாகக் கூறியுள்ளார் மற்றும் பல சாதன தளவமைப்பு வடிவங்களின் பட்டியலை உருவாக்கியுள்ளார். ஒரு எளிய HWD அணுகுமுறையுடன் ஒப்பிடுகையில், சாதன அனுபவம் அல்லது RESS (சர்வர்-சைட் கூறுகளுடன் பதிலளிக்கக்கூடிய வலை வடிவமைப்பு) அணுகுமுறைகள் மொபைல் சாதனங்களுக்கு சிறந்த உகந்த பயனர் அனுபவத்தை வழங்க முடியும் என்று அவர் பரிந்துரைத்தார். சாஸ் போன்ற ஸ்டைல்ஷீட் மொழிகளின் சர்வர்-சைட் சிஎஸ்எஸ் ஜெனரேட்டரை செயல்படுத்துவது அத்தகைய அணுகுமுறையின் ஒரு பகுதியாக இருக்கலாம். பிற அணுகுமுறைகளை விட ஸ்மார்ட்போன் வலைத்தளங்களுக்கான பதிலளிக்கக்கூடிய வடிவமைப்பை கூகிள் பரிந்துரைத்துள்ளது. பல வெளியீட்டாளர்கள் பதிலளிக்கக்கூடிய வடிவமைப்புகளை செயல்படுத்தியிருந்தாலும், ஆர். டபிள்யூ. டி தத்தெடுப்புக்கான ஒரு சவால் என்னவென்றால், சில பேனர் விளம்பரங்கள் மற்றும் வீடியோக்கள் திரவமாக இல்லை. இருப்பினும், தேடல் விளம்பரம் மற்றும் (பேனர்) காட்சி விளம்பரம் குறிப்பிட்ட சாதன தள இலக்கு மற்றும் டெஸ்க்டாப், ஸ்மார்ட்போன் மற்றும் அடிப்படை மொபைல் சாதனங்களுக்கான வெவ்வேறு விளம்பர அளவு வடிவங்களை ஆதரிக்க வந்தது. வெவ்வேறு தளங்களுக்கு வெவ்வேறு இறங்கும் பக்க URL கள் பயன்படுத்தப்பட்டுள்ளன, அல்லது ஒரு பக்கத்தில் வெவ்வேறு விளம்பர வகைகளைக் காட்ட அஜாக்ஸ் பயன்படுத்தப்பட்டுள்ளது. சிஎஸ்எஸ் அட்டவணைகள் கலப்பின நிலையான மற்றும் திரவ தளவமைப்புகளை அனுமதித்தன. மொபைல் தள சரிபார்ப்புகள் மற்றும் மொபைல் முன்மாதிரிகள் முதல் அடோப் எட்ஜ் இன்ஸ்பெக்ட் போன்ற ஒரே நேரத்தில் சோதனைக் கருவிகள் வரை ஆர். டபிள்யூ. டி வடிவமைப்புகளை சரிபார்க்கவும் சோதிக்கவும் பல வழிகள் உள்ளன. குரோம், பயர்பாக்ஸ் மற்றும் சஃபாரி உலாவிகள் மற்றும் டெவலப்பர் கருவிகள் மூன்றாம் தரப்பினரைப் போலவே பதிலளிக்கக்கூடிய வடிவமைப்பு வியூபோர்ட் மறுஅளவிடுதல் கருவிகளை வழங்கியுள்ளன. எச். டி. எம். எல் + இன் டபிள்யூ3சி விவரக்குறிப்பு, வலைத்தளங்கள் பயனர் விருப்பங்களுக்கு ஏற்ப வழங்கப்பட வேண்டும் என்று கூறியது. இருப்பினும், வலைப்பக்க அமைப்பைத் தனிப்பயனாக்குவதில் குறைபாடு இருந்தது. பல வலை உருவாக்குநர்கள் தளவமைப்பைத் தனிப்பயனாக்கவும், அதே நேரத்தில் தங்கள் வலைத்தளங்களுக்கு சில அடிப்படை பதிலளிப்பைக் கொண்டுவருவதற்கும் ஒரு வழியாக சாதாரண எச். டி. எம். எல் அட்டவணைகளை நாடினர். உலாவி வ்யூபோர்ட் அகலத்திற்கு அற்பமான முறையில் மாற்றியமைக்கும் தளவமைப்பைக் கொண்ட முதல் பெரிய தளம் 2001 ஆம் ஆண்டின் பிற்பகுதியில் தொடங்கப்பட்டது, இது ரேஸோர்ஃபிஷில் உள்ள ஒரு குழுவால் உருவாக்கப்பட்டது, இதில் ஜூர்கன் ஸ்பாங்ல் மற்றும் ஜிம் கல்பாக் (தகவல் கட்டமைப்பு), கென் ஒலிங் (வடிவமைப்பு) மற்றும் ஜான் ஹாஃப்மேன் (இடைமுக மேம்பாடு) ஆகியோர் அடங்குவர். வரையறுக்கப்பட்ட உலாவி திறன்கள் என்பது இன்டர்நெட் எக்ஸ்ப்ளோரரைப் பொறுத்தவரை, அமைப்பை உலாவியில் மாறும் வகையில் மாற்றியமைக்க முடியும், அதேசமயம், நெட்ஸ்கேப்பைப் பொறுத்தவரை, மறுபரிசீலனை செய்யும் போது பக்கத்தை சேவையகத்திலிருந்து மீண்டும் ஏற்ற வேண்டியிருந்தது. கேமரூன் ஆடம்ஸ் 2004 இல் ஒரு ஆர்ப்பாட்டத்தை உருவாக்கினார். 2008 வாக்கில், தளவமைப்புகளை விவரிக்க "நெகிழ்வான", "திரவ", "திரவம்" மற்றும் "நெகிழ்வான" போன்ற பல தொடர்புடைய சொற்கள் பயன்படுத்தப்பட்டன. CSS3 ஊடக வினவல்கள் 2008 ஆம் ஆண்டின் பிற்பகுதியில்/2009 ஆம் ஆண்டின் தொடக்கத்தில் பிரதான நேரத்திற்கு கிட்டத்தட்ட தயாராக இருந்தன. ஈதன் மார்கோட் பதிலளிக்கக்கூடிய வலை வடிவமைப்பு என்ற வார்த்தையை உருவாக்கினார்-மேலும் அதை திரவ கட்டம்/நெகிழ்வான படங்கள்/ஊடக வினவல்கள் என்று வரையறுத்தார்-மே 2010 இல் ஒரு பட்டியல் தவிர. பதிலளிக்கக்கூடிய வலை வடிவமைப்பின் கோட்பாடு மற்றும் நடைமுறையை அவர் தனது சுருக்கமான 2011 புத்தகத்தில் பதிலளிக்கக்கூடிய வலை வடிவமைப்பு என்ற தலைப்பில் விவரித்தார். பதிலளிக்கக்கூடிய வடிவமைப்பு #1 இல் முற்போக்கான மேம்பாட்டிற்குப் பிறகு. நெட் இதழால் 2012 ஆம் ஆண்டிற்கான சிறந்த வலை வடிவமைப்பு போக்குகளில் #2 என பட்டியலிடப்பட்டது. மாஷபிள் 2013 ஆம் ஆண்டை பதிலளிக்கக்கூடிய வலை வடிவமைப்பின் ஆண்டு என்று அழைத்தது. தொடர்புடைய கருத்துக்கள் மொபைல்-முதல் வடிவமைப்பு மற்றும் முற்போக்கான மேம்பாடு ஆகியவை RWD க்கு முந்தைய தொடர்புடைய கருத்துகளாகும். அடிப்படை மொபைல் போன்களின் உலாவிகளுக்கு ஜாவாஸ்கிரிப்ட் அல்லது ஊடக வினவல்கள் புரியவில்லை, எனவே ஒரு சிக்கலான, பட-கனமான தளத்தை இயக்குவதற்கு நேர்த்தியான சீரழிவை நம்புவதை விட, ஒரு அடிப்படை வலைத்தளத்தை உருவாக்கி, ஸ்மார்ட்போன்கள் மற்றும் தனிப்பட்ட கணினிகளுக்கு அதை மேம்படுத்துவது ஒரு பரிந்துரைக்கப்பட்ட நடைமுறையாகும். தழுவல் வலை வடிவமைப்பு பூட்ஸ்ட்ராப் (முன்-இறுதி கட்டமைப்பு) சிஎஸ்எஸ் கட்டமைப்பு அறக்கட்டளை (கட்டமைப்பு) டேபிள் இல்லாத வலை வடிவமைப்பு குறிப்புகள் 2010 மனித-கணினி தொடர்புகளில் கணினி தொடர்பான அறிமுகங்கள் மொபைல் வலை பயன்பாட்டு பயனர் இடைமுகங்கள் வலை வடிவமைப்பு 2010 இன் புதிய சொற்கள்