இது 2026. அபாரமான தொழில்நுட்ப பாய்ச்சல்களின் சகாப்தத்தில் நாங்கள் செயல்பட்டு வருகிறோம், மேம்பட்ட கருவிகள் மற்றும் AI-மேம்படுத்தப்பட்ட பணிப்பாய்வுகள் இரண்டிற்கும் இடையே உள்ள இடைவெளியை எப்படி வடிவமைக்கிறோம், உருவாக்குகிறோம் மற்றும் குறைக்கிறோம் என்பதை அடிப்படையில் மாற்றியமைத்துள்ளது. இணையம் முன்னெப்போதையும் விட வேகமாக நகர்கிறது, புதிய அம்சங்கள் மற்றும் தரநிலைகள் கிட்டத்தட்ட தினசரி வெளிவருகின்றன. ஆயினும்கூட, இந்த அதிவேக பரிணாம வளர்ச்சியின் நடுவில், அச்சிடப்பட்ட ஆரம்ப நாட்களிலிருந்தே நாம் எங்களுடன் எடுத்துச் செல்லும் ஒரு விஷயம் உள்ளது, இது நமது நவீன யதார்த்தத்துடன் ஒத்திசைவற்றதாக உணர்கிறது: "பிக்சல் பெர்ஃபெக்ட்."
நான் உண்மையைச் சொல்வேன், நான் ரசிகன் அல்ல. உண்மையில், எங்கள் வடிவமைப்புகளில் பிக்சல்-பெர்ஃபெக்ஷன் இருக்க முடியும் என்ற எண்ணம் தவறானதாகவும், தெளிவற்றதாகவும், இறுதியில் நவீன வலைக்காக நாம் உருவாக்கும் விதத்திற்கு எதிர்மறையாகவும் மாறிவிட்டது என்று நான் நம்புகிறேன். டெவலப்பர்கள் மற்றும் வடிவமைப்பாளர்களின் சமூகமாக, இந்த மரபுக் கருத்தை நாம் கடுமையாகப் பார்க்கவும், அது ஏன் நம்மைத் தோல்வியடையச் செய்கிறது என்பதைப் புரிந்து கொள்ளவும், பல சாதனங்கள், திரவ உலகில் உண்மையில் "முழுமை" எப்படி இருக்கும் என்பதை மறுவரையறை செய்யவும் இது நேரம். ஒரு இறுக்கமான மனநிலையின் சுருக்கமான வரலாறு இன்றும் நம்மில் பலர் ஏன் பிக்சல் பரிபூரணத்தை நோக்கமாகக் கொண்டுள்ளனர் என்பதைப் புரிந்து கொள்ள, அது எங்கிருந்து தொடங்கியது என்பதை நாம் திரும்பிப் பார்க்க வேண்டும். இது இணையத்தில் தொடங்கவில்லை, ஆனால் 1980கள் மற்றும் 90களின் பிற்பகுதியில் இருந்து தனிப்பட்ட கணினியில் அச்சிடுவதற்கும், GUI வடிவமைப்பை வடிவமைப்பதற்கும் தளவமைப்பு மென்பொருளை முதன்முதலில் அனுமதித்த காலத்திலிருந்து ஒரு தொடர்ச்சியாக இருந்தது. அச்சுத் துறையில், முழுமையானது முழுமையானது. ஒரு வடிவமைப்பு பத்திரிகைக்கு அனுப்பப்பட்டவுடன், ஒவ்வொரு புள்ளி மையும் ஒரு இயற்பியல் பக்கத்தில் ஒரு நிலையான, மாற்ற முடியாத நிலையைக் கொண்டிருந்தது. வடிவமைப்பாளர்கள் ஆரம்ப வலைக்கு மாறியபோது, அவர்கள் இந்த "அச்சிடப்பட்ட பக்கம்" மனநிலையை அவர்களுடன் கொண்டு வந்தனர். இலக்கு எளிமையானது: Photoshop மற்றும் QuarkXPress போன்ற வடிவமைப்பு பயன்பாடுகளில் உருவாக்கப்பட்ட நிலையான மொக்கப்பின் துல்லியமான, பிக்சல்-க்கு-பிக்சல் பிரதியாக இணையதளம் இருக்க வேண்டும்.
அச்சு உலகில் தங்கள் முழு வாழ்க்கையையும் செலவழித்த திறமையான வடிவமைப்பாளர்களுடன் பணிபுரிந்ததை நினைவில் கொள்ளும் அளவுக்கு நான் வயதாகிவிட்டேன். அவர்கள் வலை வடிவமைப்புகளை ஒப்படைப்பார்கள் மற்றும் முழுமையான நேர்மையுடன், சென்டிமீட்டர் மற்றும் அங்குலங்களில் அமைப்பைப் பற்றி விவாதிக்க வலியுறுத்துவார்கள். அவர்களைப் பொறுத்தவரை, திரை என்பது மற்றொரு காகிதத் துண்டு, ஆனால் ஒளிரும் ஒன்று. அந்த நாட்களில், இதை அடைய நாங்கள் வலையை "அடக்கினோம்". அட்டவணை அடிப்படையிலான தளவமைப்புகளைப் பயன்படுத்தினோம், மூன்று நிலைகளை ஆழமாக உள்ளமைத்தோம், மேலும் துல்லியமான இடைவெளிகளை உருவாக்க 1×1 பிக்சல் "ஸ்பேசர் GIFகளை" நீட்டியுள்ளோம். நாங்கள் ஒற்றை, "தரமான" தெளிவுத்திறனுக்காக (பொதுவாக 800×600) வடிவமைத்துள்ளோம், ஏனெனில், அப்போது, பயனர் எதைப் பார்க்கிறார் என்பதை நாங்கள் அறிந்திருப்பதாக உண்மையில் பாசாங்கு செய்யலாம்.
|
|
அடித்தளத்தில் விரிசல் நிலையான அட்டவணை மனநிலைக்கு முதல் பெரிய சவால் 2000 ஆம் ஆண்டிலேயே வந்தது. "A Dao of Web Design" என்ற கட்டுரையில், ஜான் ஆல்சோப், வலையை அச்சின் கட்டுப்பாடுகளுக்குள் கட்டாயப்படுத்த முயற்சிப்பதன் மூலம், நாங்கள் ஊடகத்தின் புள்ளியை முழுவதுமாக இழக்கிறோம் என்று வாதிட்டார். அவர் பிக்சல்-பெர்ஃபெக்ஷனுக்கான தேடலை ஒரு "சடங்கு" என்று அழைத்தார், இது இணையத்தின் உள்ளார்ந்த திரவத்தன்மையை புறக்கணித்தது. ஒரு புதிய ஊடகம் ஏற்கனவே உள்ள ஒன்றிலிருந்து கடன் வாங்கும் போது, அது கடன் வாங்குவதில் சில அர்த்தமுள்ளதாக இருக்கும், ஆனால் கடன் வாங்குவதில் பெரும்பகுதி சிந்தனையற்றது, "சடங்கு" மற்றும் பெரும்பாலும் புதிய ஊடகத்தை கட்டுப்படுத்துகிறது. காலப்போக்கில், புதிய ஊடகம் அதன் சொந்த மரபுகளை உருவாக்குகிறது, அர்த்தமில்லாத ஏற்கனவே உள்ள மரபுகளை தூக்கி எறிகிறது.
ஆயினும்கூட, "பிக்சல்-பெர்ஃபெக்ஷன்" இறக்க மறுத்தது. பல தசாப்தங்களாக அதன் பொருள் மாறிவிட்டது மற்றும் உருவானது, அது அரிதாகவே நன்கு வரையறுக்கப்பட்டுள்ளது. 2010 இல் வடிவமைப்பு நிறுவனம் ustwo பிக்சல் பெர்ஃபெக்ட் பிரசிஷன் (PPP) (PDF) கையேட்டை வெளியிட்டது போன்ற பலர் முயற்சித்துள்ளனர். ஆனால் அதே ஆண்டில், ரெஸ்பான்சிவ் வெப் டிசைனும் மிகப்பெரிய வேகத்தைப் பெற்றது, ஒரு இணையதளம் ஒவ்வொரு திரையிலும் ஒரே மாதிரியாக இருக்கும் என்ற எண்ணத்தை திறம்பட அழித்தது. இருப்பினும், 2026 இன் சிக்கலான இடைமுகங்களை விவரிக்க, 90 களில் தேதியிட்ட மானிட்டர்களின் வரம்புகளிலிருந்து பிறந்த சொல்லைப் பயன்படுத்துகிறோம்.
குறிப்பு: தொடர்வதற்கு முன், விதிவிலக்குகளை ஒப்புக்கொள்வது முக்கியம். நிச்சயமாக, பிக்சல் துல்லியம் பேச்சுவார்த்தைக்குட்படாத காட்சிகள் உள்ளன. ஐகான் கட்டங்கள், ஸ்ப்ரைட் தாள்கள், கேன்வாஸ் ரெண்டரிங், கேம் என்ஜின்கள் அல்லது பிட்மேப் ஏற்றுமதிகள் சரியாகச் செயல்பட, துல்லியமான, பிக்சல்-நிலைக் கட்டுப்பாடு அடிக்கடி தேவைப்படுகிறது. இருப்பினும், இவை சிறப்பு தொழில்நுட்ப தேவைகள், பொதுவான விதி அல்லநவீன UI மேம்பாடு.
"பிக்சல் பெர்பெக்ட்" ஏன் நவீன வலையில் தோல்வியடைகிறது எங்கள் தற்போதைய நிலப்பரப்பில், "பிக்சல் பெர்ஃபெக்ஷன்" என்ற யோசனையை ஒட்டிக்கொள்வது காலத்துக்கு மாறானதல்ல, அது நாம் உருவாக்கும் தயாரிப்புகளுக்கு தீவிரமாக தீங்கு விளைவிக்கும். ஏன் என்பது இங்கே. இது அடிப்படையில் தெளிவற்றது ஒரு எளிய கேள்வியுடன் ஆரம்பிக்கலாம்: ஒரு வடிவமைப்பாளர் "பிக்சல்-பெர்ஃபெக்ட்" செயல்படுத்தலைக் கேட்கும்போது, அவர்கள் உண்மையில் என்ன கேட்கிறார்கள்? இது நிறங்கள், இடைவெளி, அச்சுக்கலை, எல்லைகள், சீரமைப்பு, நிழல்கள், தொடர்புகள்? சற்று யோசித்துப் பாருங்கள். உங்கள் பதில் "எல்லாம்" என்றால், நீங்கள் முக்கிய சிக்கலை அடையாளம் கண்டுகொண்டீர்கள். "பிக்சல்-பெர்ஃபெக்ட்" என்ற சொல் மிகவும் அனைத்தையும் உள்ளடக்கியது, அது எந்த உண்மையான தொழில்நுட்ப விவரக்குறிப்பும் இல்லை. இது தெளிவான தேவைகள் இல்லாததை மறைக்கும் ஒரு போர்வை அறிக்கை. "அதை பிக்சல் பெர்ஃபெக்ட் ஆக்கு" என்று நாம் கூறும்போது, நாங்கள் ஒரு கட்டளையை வழங்கவில்லை; நாங்கள் ஒரு உணர்வை வெளிப்படுத்துகிறோம். மல்டி-சர்ஃபேஸ் ரியாலிட்டி "நிலையான திரை அளவு" என்ற கருத்து இப்போது கடந்த காலத்தின் நினைவுச்சின்னமாக உள்ளது. ஏறக்குறைய எண்ணற்ற காட்சிகள், தீர்மானங்கள் மற்றும் அம்ச-விகிதங்களை உருவாக்கி வருகிறோம், இந்த உண்மை எந்த நேரத்திலும் மாற வாய்ப்பில்லை. கூடுதலாக, வலை இனி ஒரு தட்டையான, செவ்வக கண்ணாடி துண்டுடன் மட்டுப்படுத்தப்படவில்லை; இது மடிக்கக்கூடிய மொபைலில் இருக்கும், இது அமர்வின் நடுப்பகுதியின் விகிதத்தை மாற்றும் அல்லது ஒரு அறைக்குள் திட்டமிடப்பட்ட இடஞ்சார்ந்த இடைமுகத்தில் இருக்கலாம். இணையத்துடன் இணைக்கப்பட்ட ஒவ்வொரு சாதனமும் அதன் சொந்த பிக்சல் அடர்த்தி, அளவிடுதல் காரணிகள் மற்றும் ரெண்டரிங் வினோதங்களைக் கொண்டுள்ளது. பிக்சல்களின் ஒரு தொகுப்பில் "சரியான" வடிவமைப்பு, வரையறையின்படி, மற்றொன்றில் அபூரணமானது. ஒற்றை, நிலையான "முழுமை"க்காக பாடுபடுவது நவீன வலையின் திரவ, தழுவல் தன்மையை புறக்கணிக்கிறது. கேன்வாஸ் தொடர்ந்து மாறும்போது, ஒரு நிலையான பிக்சல் செயல்படுத்தல் பற்றிய யோசனை தொழில்நுட்ப சாத்தியமற்றதாக மாறும்.
உள்ளடக்கத்தின் மாறும் தன்மை நிலையான மொக்கப் என்பது ஒரு குறிப்பிட்ட தரவுத் தொகுப்பைக் கொண்ட ஒரு மாநிலத்தின் ஸ்னாப்ஷாட் ஆகும். ஆனால் உண்மையான உலகில் உள்ளடக்கம் அரிதாகவே நிலையானது. உள்ளூர்மயமாக்கல் ஒரு முக்கிய எடுத்துக்காட்டு: ஆங்கிலத்தில் ஒரு பொத்தான் கூறுக்குள் சரியாகப் பொருந்தக்கூடிய லேபிள், ஜெர்மன் மொழியில் கொள்கலனை நிரப்பலாம் அல்லது முற்றிலும் CJK மொழிகளுக்கு வேறு எழுத்துரு தேவைப்படலாம். உரை நீளத்திற்கு அப்பால், உள்ளூர்மயமாக்கல் என்பது நாணய குறியீடுகள், தேதி வடிவமைப்பு மற்றும் எண் அமைப்புகளுடன் மாற்றங்களைக் குறிக்கிறது. இந்த மாறிகள் ஏதேனும் ஒரு பக்க தளவமைப்பை கணிசமாக பாதிக்கலாம். ஒரு குறிப்பிட்ட உரையின் அடிப்படையில் "பிக்சல்-சரியானதாக" வடிவமைப்பு உருவாக்கப்பட்டால், அது இயல்பாகவே உடையக்கூடியதாக இருக்கும். ஒரு பிக்சல்-சரியான தளவமைப்பு உள்ளடக்கம் மாறும் தருணத்தில் முற்றிலும் சரிந்துவிடும்.
அணுகல் தான் உண்மையான பரிபூரணம் உண்மையான முழுமை என்பது அனைவருக்கும் வேலை செய்யும் தளம் என்று பொருள். ஒரு தளவமைப்பு மிகவும் கடினமானதாக இருந்தால், பயனர் தனது எழுத்துரு அளவை அதிகரிக்கும்போது அல்லது உயர்-கான்ட்ராஸ்ட் பயன்முறையை கட்டாயப்படுத்தும்போது அது உடைந்து விடும், அது சரியானதல்ல - அது உடைந்துவிட்டது. "பிக்சல் பெர்ஃபெக்ட்" பெரும்பாலும் செயல்பாட்டு அணுகலை விட காட்சி அழகியலுக்கு முன்னுரிமை அளிக்கிறது, இது "நிலையான" சுயவிவரத்திற்கு பொருந்தாத பயனர்களுக்கு தடைகளை உருவாக்குகிறது. சிந்தனை அமைப்புகள், பக்கங்கள் அல்ல நாங்கள் இனி பக்கங்களை உருவாக்க மாட்டோம்; நாங்கள் வடிவமைப்பு அமைப்புகளை உருவாக்குகிறோம். தலைப்புகளில், பக்கப்பட்டிகளில் அல்லது டைனமிக் கட்டங்களில் தனித்தனியாகவும் பல்வேறு சூழல்களிலும் செயல்பட வேண்டிய கூறுகளை நாங்கள் உருவாக்குகிறோம். நிலையான மொக்கப்பில் ஒரு குறிப்பிட்ட பிக்சல் ஒருங்கிணைப்புடன் ஒரு கூறுகளை பொருத்த முயற்சிப்பது முட்டாள்தனமான செயல். ஒரு தூய "பிக்சல்-பெர்ஃபெக்ட்" அணுகுமுறை ஒவ்வொரு நிகழ்வையும் ஒரு தனித்துவமான ஸ்னோஃப்ளேக்காகக் கருதுகிறது, இது அளவிடக்கூடிய, கூறு அடிப்படையிலான கட்டிடக்கலைக்கு எதிரானது. நிலையான படத்தைப் பின்தொடர்வதற்கும் கணினியின் ஒருமைப்பாட்டை பராமரிப்பதற்கும் இடையே தேர்வு செய்ய டெவலப்பர்களை இது கட்டாயப்படுத்துகிறது. முழுமை என்பது தொழில்நுட்பக் கடன் ஒலிப் பொறியியலைக் காட்டிலும் துல்லியமான காட்சிப் பொருத்தத்திற்கு முன்னுரிமை அளிக்கும் போது, நாங்கள் வடிவமைப்பைத் தேர்ந்தெடுப்பது மட்டுமல்ல; நாங்கள் தொழில்நுட்ப கடனை அடைகிறோம். அந்த கடைசி பிக்சலைத் துரத்துவது டெவலப்பர்களை உலாவியின் இயற்கையான தளவமைப்பு இயந்திரத்தைத் தவிர்க்க அடிக்கடி கட்டாயப்படுத்துகிறது. துல்லியமான அலகுகளில் வேலை செய்வது "மேஜிக் எண்களுக்கு" வழிவகுக்கிறது, அந்த தன்னிச்சையான விளிம்பு-மேல்: 3px அல்லது இடது: -1px ஹேக்குகள், ஒரு குறிப்பிட்ட திரையில் ஒரு உறுப்பை ஒரு குறிப்பிட்ட நிலைக்கு கட்டாயப்படுத்த கோட்பேஸ் முழுவதும் தெளிக்கப்படும். இது ஒரு உடையக்கூடிய, உடையக்கூடிய கட்டிடக்கலையை உருவாக்குகிறது, இது "காட்சி பிழை" டிக்கெட்டுகளின் முடிவில்லாத சுழற்சிக்கு வழிவகுக்கிறது. /* "பிக்சல் பெர்பெக்ட்" ஹேக் */ .card-title { விளிம்பு மேல்: 13px; /* 1440px இல் மொக்கப்புடன் சரியாகப் பொருந்தும் */ விளிம்பு-இடது: -2px; /* ஒரு குறிப்பிட்ட எழுத்துருக்கான ஆப்டிகல் சரிசெய்தல் */ } /* "வடிவமைப்பு நோக்கம்" தீர்வு */ .card-title { விளிம்பு-மேல்: var(--space-m); /* ஒரு நிலையான அளவின் ஒரு பகுதி */ align-self: start; /* தருக்க சீரமைப்பு */ }
பிக்சல்-பெர்ஃபெக்ஷனை வலியுறுத்துவதன் மூலம், தானியக்கமாக்குவது கடினம், மறுசீரமைப்பது கடினம் மற்றும் இறுதியில், பராமரிக்க அதிக விலையுயர்ந்த அடித்தளத்தை உருவாக்குகிறோம். நாங்கள்CSS இல் அளவைக் கணக்கிடுவதற்கு மிகவும் நெகிழ்வான வழிகள் உள்ளன, உறவினர் அலகுகளுக்கு நன்றி. பிக்சல்களில் இருந்து உள்நோக்கத்திற்கு நகர்கிறது இதுவரை, நாம் எதைச் செய்யக்கூடாது என்பதைப் பற்றியே நிறைய நேரம் செலவழித்தேன். ஆனால் தெளிவாக இருக்கட்டும்: "பிக்சல் பெர்ஃபெக்ஷனில்" இருந்து விலகிச் செல்வது, மெத்தனமாக செயல்படுத்துவதற்கு அல்லது "அருமையான போதுமான" அணுகுமுறைக்கு ஒரு சாக்குப்போக்கு அல்ல. எங்களுக்கு இன்னும் நிலைத்தன்மை தேவை, இன்னும் எங்கள் தயாரிப்புகள் உயர் தரத்தில் இருக்க வேண்டும் என்று நாங்கள் விரும்புகிறோம், அதை அடைவதற்கு எங்களுக்கு இன்னும் ஒரு பகிரப்பட்ட வழிமுறை தேவை. எனவே, "பிக்சல் பெர்ஃபெக்ஷன்" இனி ஒரு சாத்தியமான இலக்காக இல்லாவிட்டால், நாம் எதற்காக பாடுபட வேண்டும்? பதில், தனிப்பட்ட பிக்சல்களில் இருந்து வடிவமைப்பு நோக்கத்திற்கு நமது கவனத்தை மாற்றுவதில் உள்ளது என்று நான் நம்புகிறேன். ஒரு திரவ உலகில், முழுமை என்பது ஒரு நிலையான படத்தைப் பொருத்துவது அல்ல, ஆனால் வடிவமைப்பின் முக்கிய தர்க்கம் மற்றும் காட்சி ஒருமைப்பாடு ஒவ்வொரு சாத்தியமான சூழலிலும் பாதுகாக்கப்படுவதை உறுதி செய்வதாகும். நிலையான மதிப்புகளுக்கு மேல் வடிவமைப்பு நோக்கம் ஒரு வடிவமைப்பில் விளிம்பு: 24px என்று கேட்பதற்குப் பதிலாக, நாம் கேட்க வேண்டும்: இந்த விளிம்பு ஏன் இங்கே உள்ளது? பிரிவுகளுக்கிடையே காட்சிப் பிரிவினை உருவாக்குவதா? இது நிலையான இடைவெளி அளவின் ஒரு பகுதியா? நோக்கத்தைப் புரிந்து கொள்ளும்போது, திரவ அலகுகள் மற்றும் செயல்பாடுகளைப் பயன்படுத்தி (முறையே rem மற்றும் clamp() போன்றவற்றைப் பயன்படுத்தி அதைச் செயல்படுத்தலாம் மற்றும் CSS கொள்கலன் வினவல்கள் போன்ற மேம்பட்ட கருவிகளைப் பயன்படுத்தலாம், இது வடிவமைப்பை சுவாசிக்கவும் மாற்றவும் அனுமதிக்கும்.
/* உள்நோக்கம்: வியூபோர்ட் மூலம் சீராக அளவிடும் ஒரு தலைப்பு */ h1 { எழுத்துரு அளவு: கிளாம்ப்(2rem, 5vw + 1rem, 4rem); } /* நோக்கம்: கூறுகளின் சொந்த அகலத்தின் அடிப்படையில் தளவமைப்பை மாற்றவும், திரை அல்ல */ .கார்டு கொள்கலன் { கொள்கலன் வகை: இன்லைன் அளவு; } @கன்டெய்னர் (குறைந்த அகலம்: 400px) { .அட்டை { காட்சி: கட்டம்; கட்டம்-வார்ப்புரு-நெடுவரிசைகள்: 1fr 2fr; } }
டோக்கன்களில் பேசுதல் வடிவமைப்பு டோக்கன்கள் வடிவமைப்பு மற்றும் குறியீடு இடையே பாலம். வடிவமைப்பாளரும் டெவெலப்பரும் 32px க்கு பதிலாக --spacing-large போன்ற டோக்கனை ஏற்றுக்கொண்டால், அவர்கள் மதிப்புகளை ஒத்திசைப்பதில்லை, மாறாக தர்க்கத்தை ஒத்திசைக்கிறார்கள். ஒரு குறிப்பிட்ட நிபந்தனைக்கு இடமளிக்கும் வகையில் அடிப்படை மதிப்பு மாறினாலும், உறுப்புகளுக்கு இடையிலான உறவு சரியானதாக இருப்பதை இது உறுதி செய்கிறது. :ரூட் { /* தர்க்கம் ஒருமுறை வரையறுக்கப்படுகிறது */ --color-primary: #007bff; --இடைவெளி-அலகு: 8px; --spacing-large: calc(var(--spacing-unit) * 4); }
/* மற்றும் எங்கும் மீண்டும் பயன்படுத்தப்பட்டது */ .பொத்தான் { பின்னணி நிறம்: var (--வண்ணம்-முதன்மை); padding: var(--spacing-large); }
திரவத்தன்மை ஒரு அம்சமாக, ஒரு பிழை அல்ல வலையின் நெகிழ்வுத்தன்மையைக் கட்டுப்படுத்த வேண்டிய ஒன்றாகப் பார்ப்பதை நிறுத்தி, அந்த நெகிழ்வுத்தன்மையை அதன் மிகப்பெரிய பலமாகப் பார்க்கத் தொடங்க வேண்டும். "சரியான" செயலாக்கம் என்பது 320px, 1280px மற்றும் 3D இடஞ்சார்ந்த சூழலில் வேண்டுமென்றே தோன்றும். எந்தவொரு சூழலிலும் ஒரு தனிமத்தின் இயல்பான அளவை அடிப்படையாகக் கொண்ட உள்ளார்ந்த இணைய வடிவமைப்பைத் தழுவுவதும் - மற்றும் நவீன CSS கருவிகளைப் பயன்படுத்தி, கிடைக்கக்கூடிய இடத்தின் அடிப்படையில் தங்களை எவ்வாறு ஒழுங்கமைப்பது என்பதை "தெரியும்" தளவமைப்புகளை உருவாக்குவதும் இதன் பொருள். "ஒப்பீட்டிற்கு" மரணம் இந்த நோக்கத்தால் இயக்கப்படும் உலகில், பாரம்பரிய வடிவமைப்பு சொத்துக்களின் "ஒப்புதல்" கடந்த காலத்தின் மற்றொரு நினைவுச்சின்னமாக மாறியுள்ளது. நாங்கள் இனி நிலையான ஃபோட்டோஷாப் கோப்புகளை டிஜிட்டல் சுவரில் அனுப்ப மாட்டோம், மேலும் சிறந்ததை எதிர்பார்க்கிறோம். அதற்கு பதிலாக, நாங்கள் வாழ்க்கை வடிவமைப்பு அமைப்புகளுக்குள் வேலை செய்கிறோம். நவீன கருவி வடிவமைப்பாளர்கள் நிலைகளை மட்டும் குறிப்பிடாமல், நடத்தைகளைக் குறிப்பிட அனுமதிக்கிறது. ஒரு வடிவமைப்பாளர் ஒரு கூறுகளை வரையறுக்கும்போது, அவர்கள் ஒரு பெட்டியை வரைவதில்லை; அவர்கள் அதன் கட்டுப்பாடுகள், அதன் திரவ அளவுகள் மற்றும் உள்ளடக்கத்துடன் அதன் உறவை வரையறுக்கிறார்கள். டெவலப்பர்களாக, அந்த தர்க்கத்தை செயல்படுத்துவதே எங்கள் வேலை. உரையாடல் "ஏன் இந்த மூன்று பிக்சல்கள் முடக்கப்பட்டுள்ளது?" என்பதிலிருந்து மாற்றப்பட்டது. "கன்டெய்னர் சுருங்கும்போது இந்தக் கூறு எவ்வாறு செயல்பட வேண்டும்?" மற்றும் "உரை நீண்ட மொழியில் மொழிபெயர்க்கப்படும் போது படிநிலைக்கு என்ன நடக்கும்?" சிறந்த மொழி, சிறந்த முடிவுகள் உரையாடல்களைப் பற்றி பேசுகையில், "பிக்சல் பரிபூரணத்தை" இலக்காகக் கொண்டால், உராய்வுக்கு நம்மை அமைத்துக் கொள்கிறோம். முதிர்ந்த அணிகள் நீண்ட காலமாக இந்த பைனரி "மேட்ச்-ஆர்-ஃபெயில்" மனநிலையை கடந்து எங்கள் வேலையின் சிக்கலைப் பிரதிபலிக்கும் மிகவும் விளக்கமான சொற்களஞ்சியத்தை நோக்கி நகர்ந்துள்ளன. "பிக்சல் பெர்ஃபெக்ட்" என்பதை மிகவும் துல்லியமான விதிமுறைகளுடன் மாற்றுவதன் மூலம், பகிரப்பட்ட எதிர்பார்ப்புகளை உருவாக்கி, அர்த்தமற்ற வாதங்களை அகற்றுவோம். நோக்கம் மற்றும் திரவத்தன்மை பற்றிய உற்பத்தி விவாதங்களுக்கு எனக்கு நன்றாக சேவை செய்த சில சொற்றொடர்கள் இங்கே:
"வடிவமைப்பு அமைப்புடன் பார்வைக்கு இசைவானது." ஒரு குறிப்பிட்ட மோக்கப்பைப் பொருத்துவதற்குப் பதிலாக, எங்கள் அமைப்பின் நிறுவப்பட்ட விதிகளைப் பின்பற்றுவதை நாங்கள் உறுதிசெய்கிறோம். "இடைவெளி மற்றும் படிநிலைக்கு பொருந்துகிறது." உறுப்புகளின் முழுமையான ஆயங்களை விட உறுப்புகளுக்கு இடையிலான உறவுகள் மற்றும் தாளத்தில் நாங்கள் கவனம் செலுத்துகிறோம். "விகிதங்கள் மற்றும் சீரமைப்பு தர்க்கத்தைப் பாதுகாக்கிறது." தளவமைப்பின் நோக்கம் அப்படியே இருப்பதை நாங்கள் உறுதிசெய்கிறோம்.அளவுகள் மற்றும் மாற்றங்கள். "பிளாட்ஃபார்ம்கள் முழுவதும் ஏற்றுக்கொள்ளக்கூடிய மாறுபாடு." வரையறுக்கப்பட்ட மற்றும் ஒப்புக்கொள்ளப்பட்ட மாறுபாட்டின் வரம்பிற்குள் ஒரு தளம் வித்தியாசமாக இருக்கும் என்பதை நாங்கள் ஒப்புக்கொள்கிறோம், மேலும் அனுபவம் உயர்தரமாக இருக்கும் வரை அது பரவாயில்லை.
மொழி யதார்த்தத்தை உருவாக்குகிறது. தெளிவான மொழி குறியீட்டை மேம்படுத்துவது மட்டுமல்லாமல், வடிவமைப்பாளர்களுக்கும் டெவலப்பர்களுக்கும் இடையிலான உறவை மேம்படுத்துகிறது. இது இறுதி, உயிருள்ள தயாரிப்பின் பகிரப்பட்ட உரிமையை நோக்கி நம்மை நகர்த்துகிறது. நாம் ஒரே மொழியைப் பேசும்போது, "முழுமை" என்பது ஒரு கோரிக்கையாக இருப்பதை நிறுத்தி, கூட்டுச் சாதனையாகத் தொடங்குகிறது. எனது வடிவமைப்பு சகாக்களுக்கு ஒரு குறிப்பு நீங்கள் ஒரு வடிவமைப்பை ஒப்படைக்கும்போது, எங்களுக்கு நிலையான அகலத்தை கொடுக்க வேண்டாம், ஆனால் விதிகளின் தொகுப்பை வழங்குங்கள். எதை நீட்டிக்க வேண்டும், எது நிலையாக இருக்க வேண்டும், உள்ளடக்கம் தவிர்க்க முடியாமல் நிரம்பி வழியும் போது என்ன நடக்கும் என்று எங்களிடம் கூறுங்கள். உங்கள் "முழுமை" என்பது நீங்கள் வரையறுத்த பிக்சல்களில் அல்ல, நீங்கள் வரையறுக்கும் தர்க்கத்தில் உள்ளது.
சிறந்த புதிய தரநிலை வலையானது ஒருபோதும் உறைந்த பிக்சல்களின் நிலையான கேலரியாக இருக்கக்கூடாது. இது ஒரு குழப்பமான, திரவ மற்றும் புகழ்பெற்ற கணிக்க முடியாத ஊடகமாக பிறந்தது. "பிக்சல் பெர்ஃபெக்ஷன்" என்ற காலாவதியான மாதிரியை நாம் ஒட்டிக்கொண்டிருக்கும்போது, ஒரு சூறாவளியின் மீது நாம் திறம்பட முயற்சி செய்கிறோம். இன்றைய முன்னணி நிலப்பரப்பில் இது இயற்கைக்கு மாறானது. 2026 ஆம் ஆண்டில், சிந்திக்க, மாற்றியமைக்க மற்றும் சுவாசிக்கக்கூடிய இடைமுகங்களை உருவாக்குவதற்கான கருவிகள் எங்களிடம் உள்ளன. எங்களிடம் AI உள்ளது, அது சில நொடிகளில் தளவமைப்புகளை உருவாக்க முடியும் மற்றும் "திரை" என்ற கருத்தை மீறும் இடஞ்சார்ந்த இடைமுகங்கள். இந்த உலகில், முழுமை என்பது ஒரு நிலையான ஒருங்கிணைப்பு அல்ல, ஆனால் ஒரு வாக்குறுதி; யார் பார்த்தாலும், எதைப் பார்த்தாலும், வடிவமைப்பின் ஆன்மா அப்படியே இருக்கும் என்பது உறுதி. எனவே, காலத்தை ஒருமுறை புதைப்போம். சென்டிமீட்டர்களை கட்டிடக் கலைஞர்களுக்கும், ஸ்பேசர் GIF களை டிஜிட்டல் அருங்காட்சியகங்களுக்கும் விட்டுவிடுவோம். அடுத்த நூறு ஆண்டுகளுக்கு ஒரே மாதிரியாக இருக்க விரும்பினால், அதை கல்லில் செதுக்கவும் அல்லது உயர்தர அட்டையில் அச்சிடவும். ஆனால் நீங்கள் வலையை உருவாக்க விரும்பினால், குழப்பத்தைத் தழுவுங்கள். பிக்சல்களை எண்ணுவதை நிறுத்துங்கள். நோக்கத்தை உருவாக்கத் தொடங்குங்கள்.
