CSS மற்றும் பலவற்றின் எதிர்காலம் குறித்து லியா வெரூ

நூலாசிரியர்: Monica Porter
உருவாக்கிய தேதி: 13 மார்ச் 2021
புதுப்பிப்பு தேதி: 17 மே 2024
Anonim
Lea Verou - முக்கிய குறிப்பு: இன்னும் கூடுதலான CSS ரகசியங்கள்
காணொளி: Lea Verou - முக்கிய குறிப்பு: இன்னும் கூடுதலான CSS ரகசியங்கள்

இந்த கட்டுரையின் திருத்தப்பட்ட பதிப்பு முதன்முதலில் .net பத்திரிகையின் 225 இதழில் வெளிவந்தது - வலை வடிவமைப்பாளர்கள் மற்றும் டெவலப்பர்களுக்காக உலகின் சிறந்த விற்பனையான இதழ்.

wtwostepmedia: ஒரு வலைப்பக்கத்தில் கனமான தூக்குதல் எங்கு செய்யப்பட வேண்டும்? முன் இறுதியில் அல்லது பின்தளத்தில்?
லியா வெரூ: கிளையண்டில் உங்களால் இயன்றதைச் செய்வதற்கான வலுவான ஆதரவாளர் நான். உங்கள் குறியீடு கிளையண்டில் இயங்கும்போது, ​​உங்கள் திட்டம் எவ்வளவு வெற்றிகரமாக இருந்தாலும் அது எப்போதும் ஒரு இயந்திரத்தை சமாளிக்க வேண்டும்.

உங்கள் திட்டம் வெற்றிபெற்றால் சேவையகத்தில் நீங்கள் எழுதும் எதையும் வினாடிக்கு ஆயிரக்கணக்கான முறை இயக்க வேண்டியிருக்கும், எனவே அதை பராமரிப்பது மற்றும் விரிவாக்குவது உங்கள் தளம் வளரும்போது மேலும் மேலும் சவாலாக மாறும். வலைத்தளத்தின் வருமானத்திலிருந்து மிக அரிதாகவே முழுமையாக ஈடுசெய்யக்கூடிய அதிகரித்து வரும் ஹோஸ்டிங் செலவுகளை குறிப்பிட தேவையில்லை. நிச்சயமாக, நிறைய கிளையன்ட் பக்க தர்க்கங்கள் ஒரு தளத்தை மெதுவாக ஏற்றும், ஆனால் அதைத் தவிர்ப்பதற்கான கருவிகள் எங்களிடம் உள்ளன, அதாவது ஜிஜிப்பிங் மற்றும் தெளிவின்மை மற்றும் மிக முக்கியமாக, சோம்பேறி ஏற்றுதல்.

omkomiska: உங்கள் பணி அற்புதமானது! தொழில்நுட்ப வழியைப் பின்பற்ற உங்களைத் தூண்டியது யார்?
எல்வி: நன்றி! இது யாரோ ஒருவரால் ஈர்க்கப்பட்ட விஷயம் என்று நான் நினைக்கவில்லை. என்னை நினைவில் வைத்துக் கொள்வதிலிருந்து நான் பொருட்களை தயாரிப்பதை விரும்பினேன். நான் சிறுவனாக இருந்தபோது, ​​ஒரு முறை சமையலறை கடற்பாசி துடைப்பான்களை பர்ஸ்கள் மற்றும் கைப்பைகள் தயாரிக்க பயன்படுத்தினேன்!


சுமார் 12 வயதில், கைவினைப்பொருளைக் காட்டிலும் பயனுள்ள விஷயங்களை மிகவும் எளிதாகவும், தொழில் ரீதியாகவும் உருவாக்க நிரலாக்க அனுமதித்தது என்பதை நான் கண்டுபிடித்தேன். அது என்னை மிகவும் கவர்ந்தது, நான் உடனடியாக நிரலாக்கத்தை காதலித்தேன், மேலும் அதைச் சிறப்பாகச் செய்ய முயற்சித்தேன்.

el ஜெல்மெர்டெமாட்: eLeaVerou abdabblet ஐ எவ்வாறு உருவாக்கினார்? எந்த PHP கட்டமைப்பு / பிற பின்-இறுதி நுட்பத்துடன்? மிகவும் கடினமான பகுதி எது?
எல்வி: டப்லெட்டுக்கு எந்த தரவுத்தளமும் இல்லை மற்றும் சம்பந்தப்பட்ட சேவையக பக்க குறியீடு மிகக் குறைவு. ஒரு சிறிய PHP OAuth க்கு மட்டுமே பயன்படுத்தப்படுகிறது மற்றும் அதைச் சுற்றியுள்ள எந்த டேப்லெட் குரோம் இல்லாமல் பகிர ஒரு முடிவு பக்கத்தை உருவாக்குகிறது (பிழை அறிக்கை டெஸ்ட்கேஸ்களுக்கு பயனுள்ளதாக இருக்கும்). அதன் கிதுப் புள்ளிவிவரங்களில் நீங்கள் காணக்கூடியது போல, PHP ஆனது மூன்று சதவீத டப்லெட்டுகளை மட்டுமே கொண்டுள்ளது. மற்ற அனைத்தும் கிளையன்ட் பக்கமாகும். இது jsfiddle சூழ்நிலையைத் தவிர்க்க உதவுகிறது: jsfiddle சேவையகத்தில் எல்லாவற்றையும் செய்கிறது, எனவே இப்போது அது வெற்றி பெற்றது, அதன் சேவையக சுமை கூரை வழியாகச் சென்று மெதுவாக மாறியது.

d_dte: உங்களுக்காக மிகவும் உற்சாகமான வரவிருக்கும் CSS அம்சம் என்ன?
எல்வி: விளைவுகளை வடிகட்டவும். கடினமாக இல்லாமல், முன்பு சாத்தியமில்லாத விஷயங்களைச் செய்ய அவை நம்மை அனுமதிக்கின்றன. தளவமைப்பு தொகுதிக்கூறுகளுக்கு நான் மிகவும் உற்சாகமாக இல்லை, ஏனென்றால் அ) அவற்றைப் பயன்படுத்துவதற்கு முன்பே அது வயதாகிவிடும், ஏனெனில் அவை அழகாகக் குறைக்கப்படாது, ஆ) தளவமைப்பு எப்போதும் சாத்தியமானது, தேவையின்றி கடினமானது. நிச்சயமாக, புதிய தளவமைப்பு தொகுதிகள் மிகவும் முக்கியமானவை, ஆனால் இது என்னை உற்சாகப்படுத்தும் விஷயங்கள் அல்ல.


வியூபோர்ட் உறவினர் அலகுகள் பற்றியும் நான் மிகவும் வெளியேறினேன் vw மற்றும் vh மற்றும் CSS3 நீட்டிப்பு attr () செயல்பாடு எங்களுக்கு பயன்படுத்த உதவும் attr () ஒவ்வொரு சொத்திலும்.

ஓபரா செயல்படுத்துவதைத் தவிர மற்ற உலாவிகளையும் நான் பார்க்க விரும்புகிறேன் பொருள்-பொருத்தம் மற்றும் பொருள்-நிலை, இதன் மூலம் படங்களை வேறு அம்ச விகிதத்தில் பயிர் செய்ய பின்னணி ஹேக்குகளைப் பயன்படுத்துவதை நிறுத்தலாம்.

pgpirie: CSS இல் அறிமுகப்படுத்தப்பட்ட அம்சத்தை நீங்கள் காண விரும்புகிறீர்களா?
எல்வி: அ நடப்பு () பிற பண்புகளின் கணக்கிடப்பட்ட மதிப்பைக் குறிப்பிட உதவும் செயல்பாடு. இன் பொதுமைப்படுத்தல் போல நடப்பு வண்ணம் (இது ஒரு மாற்றுப்பெயராக மாறும் தற்போதைய (நிறம்)). நிச்சயமாக, இதுபோன்ற ஒன்றைச் செயல்படுத்துவது மிகவும் தந்திரமானது, ஆனால் உண்மையில் என்னை கனவு காண்பதைத் தடுக்காது!

v கெவ்டாக்: மூன்று பொதுவான CSS தவறுகள் யாவை?
எல்வி: நான் பார்க்கும் மிகவும் பொதுவான சிஎஸ்எஸ் தவறு, மக்கள் தங்கள் சிஎஸ்எஸ் குறியீட்டை குறியீட்டை குறியீடாகக் கொண்டுள்ளனர், சுத்தமான, பராமரிக்கக்கூடிய, நெகிழ்வான குறியீட்டில் அல்ல (அவை அரிதாகவே மறுசீரமைக்கப்படுகின்றன). இது முக்கியமானது மட்டுமல்ல தெரிகிறது இப்போது, ​​ஒரு குறிப்பிட்ட பின்னணி, சில சூழல்கள் மற்றும் குறிப்பிட்ட அளவுடன். அது முடியும் ஏற்ப கணிக்க முடியாத வழிகளில் அதைப் பற்றிய ஒவ்வொரு விதியையும் மீண்டும் எழுதாமல், எளிதாக மாற்றுவதற்கு.


நீங்கள் ஒருபோதும் எதையுமே மாற்ற மாட்டீர்கள் என்று நீங்கள் நினைக்கலாம், ஆனால் போதுமான நேரம் கொடுக்கப்பட்டால், நீங்கள் நிச்சயமாக தவறாக நிரூபிக்கப்படுவீர்கள். CSS ப்ராப்ரோசஸர்கள் அதற்கு உதவலாம். அவை எளிதான வழி, ஆனால் அவை நிச்சயமாக சேறும் சகதியுமான, மீண்டும் மீண்டும் வரும் குறியீட்டை விட சிறந்தவை.

மற்றொரு தவறு அதிகப்படியான வாய்மொழி CSS ஆகும். இயல்புநிலைகளைப் பற்றி மக்களுக்குத் தெரியாது, எனவே அவற்றை மறுவரையறை செய்கிறார்கள். சுருக்கெழுத்துகளைப் பற்றி அவர்களுக்குத் தெரியாது, எனவே அவை லாங்ஹேண்ட் பண்புகளை வரையறுக்கின்றன. அந்த விஷயங்களை நீங்கள் நோக்கத்துடன் செய்ய வேண்டிய சந்தர்ப்பங்கள் உள்ளன, ஆனால் எல்லாவற்றிலும் அவற்றை தற்காப்புடன் செய்ய இது ஒரு காரணம் அல்ல.

v கெவ்டாக்: நீங்கள் CSS விவரக்குறிப்பில் ஒன்றை மாற்ற முடிந்தால், அது என்னவாக இருக்கும்?
எல்வி: CSSWG இல் உள்ள அனைவருமே ஒப்புக் கொள்ளும் பல பரிந்துரைகள் உள்ளன, ஆனால் வலையில் தற்போதுள்ள பரவலான பயன்பாட்டை முறித்துக் கொண்டதால் சேர்க்க முடியாது. வழக்கமாக, இயல்புநிலைகளை மாற்றுவதை விட, WG இவற்றை முழுவதுமாக மறுக்கிறது அல்லது நடத்தை கட்டுப்படுத்த அதிக பண்புகளை சேர்க்கிறது. பின்னோக்கி பொருந்தாத மாற்றங்களைத் தேர்ந்தெடுப்பதற்கான வழியைக் காண விரும்புகிறேன், இதனால் இருக்கும் வலைத்தளங்கள் உடைக்கப்படாது. பிற மொழிகள் இந்த சிக்கலை வெகு காலத்திற்கு முன்பே தீர்த்தன, ஆனால் HTML மற்றும் CSS உடன் நல்ல மொழி வடிவமைப்பின் விலையில் பின்னோக்கி பொருந்தக்கூடிய தன்மைக்காக நாங்கள் தொடர்ந்து போராடுகிறோம்.

@ ஸ்டுராப்சன்: ஒரு தேவ் செய்யும் எல்லாவற்றையும் புரிந்து கொள்ளாமல் ஒரு கட்டமைப்பை அல்லது கொதிகலன் வில்லி-நில்லியைப் பயன்படுத்துவது சோம்பேறியாக இருக்கிறதா?
எல்.வி: இல்லை, ஆனால் ஒரு தேவ் தனிப்பட்ட முறையில் தேவையில்லாமல் ஒரு கட்டமைப்பை அல்லது கொதிகலனைப் பயன்படுத்துவது சோம்பேறியாக இருக்கிறது என்று நினைக்கிறேன். உங்களிடம் இதுவரை இல்லாத சிக்கல்களைத் தீர்க்க முயற்சிப்பது எதிர் விளைவிக்கும்.

@ ஃபோக்ட்ராஷ்: எந்த நேரத்தில் "பிரபலங்கள்" நடந்தது? உங்களுக்கு எப்படித் தெரியும்? இது சுவிசேஷ குறியீடு தரம் / சொற்பொருளுக்கு உதவுமா அல்லது தடுக்கிறதா?
எல்.வி: நன்றி, ஆனால் என்னை அப்படி அழைக்க முடியும் என்று எனக்குத் தெரியவில்லை. எல்லோரும் தங்களுக்குத் தெரியாத நபர்களைக் காட்டிலும் நன்கு அறியப்பட்டவர்களைக் கேள்விப்பட்டவர்களாகக் கருதுகிறார்கள். இதன் விளைவாக, ஒவ்வொருவரும் தங்கள் சொந்த புகழை மிகைப்படுத்திக் கொள்ளும் இயல்பான போக்கைக் கொண்டுள்ளனர், இந்த நிகழ்வை நீங்கள் அறிந்திருக்கும்போது செயற்கையாக (மற்றும் கிட்டத்தட்ட கண்மூடித்தனமாக) சமநிலையில் இருக்க வேண்டும். எங்கள் துறையில் யாரும் உண்மையில் ஒரு பிரபலமல்ல, யாரும் வீட்டுப் பெயர் அல்ல என்பதையும் நாம் நினைவில் கொள்ள வேண்டும்.

2011 பைத்தியம் பிடித்தது, மேலும் நான் எதிர்பார்த்திருக்கக்கூடிய எனது பணிக்கு அதிக அங்கீகாரம் கிடைத்தது என்பது வெளிப்படையானது. இது நிச்சயமாக வலைத் தரங்களை சுவிசேஷம் செய்ய உதவுகிறது. ஒரு வருடத்திற்கு முன்பு செய்ததை விட இப்போது நான் ஏதாவது சொல்லும்போது மக்கள் அதிக கவனம் செலுத்துகிறார்கள். எவ்வாறாயினும், நான் சொல்லும் விஷயங்கள் மிகைப்படுத்தப்பட்டவை, மக்கள் அவற்றை அதிகமாகப் படிக்கலாம் மற்றும் நான் ஒருபோதும் கருத்தில் கொள்ளாத கருத்துக்களைக் கொண்டிருப்பதால் என்னைத் தாக்கலாம். அல்லது சில நேரங்களில், காட்சிகள், காலம்.

Aw தாவ்ரே: தொழில்துறையில் பெண்களைப் பற்றி நீங்கள் ஏன் வெறித்தனமாக இருக்கிறீர்கள்? சமத்துவத்தின் அவசியத்தை நான் புரிந்துகொள்கிறேன், ஆனால் நீங்கள் அதை தீவிரமாக தள்ளுகிறீர்கள்.
எல்.வி: "தீவிர சமத்துவம்" போன்ற ஒரு விஷயத்தை நான் முதன்முதலில் கேட்கிறேன். சமத்துவம் ஒருபோதும் தீவிரமாக இருக்க முடியாது, இனவெறி போன்ற பிற வகையான பாகுபாடுகளுக்காக யாரும் அப்படி எதுவும் சொல்வார்கள் என்று நான் சந்தேகிக்கிறேன். இது "தலைகீழ் பாகுபாடு" அல்லது "சரியான சார்பு" என்பது தீவிரமானது, அதற்கு நான் கடுமையாக எதிர்ப்பு தெரிவிக்கிறேன்.

தொழில்துறையில் உள்ள பெண்களைப் பற்றி நான் "வெறித்தனமாக" இல்லை, பரிந்துரைக்கப்பட்ட பாலின நிலைப்பாடுகளுக்கு எதிராக நான் "வெறித்தனமாக" இருக்கிறேன். எங்கள் தொழில்துறையில் நான் ஒருபோதும் பாலியல் தன்மையைக் காணவில்லை, மக்கள் தங்கள் பாடத்தை நீண்ட காலத்திற்கு முன்பே கற்றுக்கொண்டதாகத் தெரிகிறது. எங்கள் தொழில்துறையில் பெண்களின் பங்களிப்பு குறைவாக இருப்பதால் அவர்கள் விரும்பத்தகாததாக உணர்கிறார்கள் என்று நான் நினைக்கவில்லை. எங்கள் பாலின சமுதாயத்தின் எஞ்சிய பகுதிகள்தான் பெண்களை பொறியியலில் இருந்து விலக்குகின்றன. சிறுவர் பொம்மைகளைப் போலவே அவர்களின் அறிவாற்றல் திறன்களையும் வளர்த்துக் கொள்ள ஊக்குவிக்காத பொம்மைகளுடன் சிறுமிகள் விளையாடுகிறார்கள். குழந்தைகளின் திரைப்படங்கள் மற்றும் பொம்மைகள் பாலின நிலைப்பாடுகளின் மோசமான நிலைத்திருத்தலாகும், மேலும் அங்கு எந்த ஆர்வத்தையும் நான் காணவில்லை. எல்லோரும் தங்கள் முயற்சிகளை பெரியவர்களிடம் கவனம் செலுத்துவதாகத் தெரிகிறது, தவறுகளை முதலில் சரிசெய்வதைத் தவிர்ப்பதை விட.

omkomiska: எழுத்துரு எடைக்கு எப்போதாவது ஒரு மாற்றம் இருக்குமா?
எல்வி: ஸ்பெக்கிலிருந்து ஒரு குறிப்பை மேற்கோள் காட்டி, "இது அவ்வளவு எளிதல்ல". பெரும்பாலான பண்புகள் மென்மையான மாற்றத்திற்கு போதுமான எடைகளைக் கொண்டிருக்கவில்லை, மேலும் உலாவிக்கு இடைநிலை நிலைகளை உருவாக்க முடியாது, ஏனெனில் அவற்றை CSS இல் பிரதிநிதித்துவப்படுத்த வழி இல்லை. நாங்கள் இறுதியில் நீட்டிக்கக்கூடும் என்று கூறினார் குறுக்கு-மங்கல் () CSS4 பட மதிப்புகளிலிருந்து அனைத்து CSS மதிப்புகளுக்கும் பொருந்தும், படங்கள் மட்டுமல்ல, அவை பெரும்பாலான மாற்றம் சிக்கல்களைத் தீர்க்கும், மேலும் நிலையான முறையில் பயன்படுத்தக்கூடிய ஒரு சக்திவாய்ந்த கருவியை எங்களுக்கு வழங்குகிறது.

நிர்வாகத் தேர்ந்தெடுக்கவும்
கொடுங்கள்! முழு LEGO® DC யுனிவர்ஸ் சூப்பர் ஹீரோஸ் வரம்பை வெல்லுங்கள்
மேலும் வாசிக்க

கொடுங்கள்! முழு LEGO® DC யுனிவர்ஸ் சூப்பர் ஹீரோஸ் வரம்பை வெல்லுங்கள்

தி டார்க் நைட் ரைசஸின் அறிமுகத்தைக் குறிக்க, டிசி யுனிவர்ஸ் சூப்பர் ஹீரோஸ் வரம்பைக் கொடுப்பதற்காக வடிவமைப்பு பொம்மைகள் தயாரிப்பாளரான லெகோவுடன் நாங்கள் இணைந்துள்ளோம். நீங்கள் LEGO® விசிறி என்றால்,...
அடோப் புராணங்களை பகட்டான அச்சுக்கலை மூலம் சிதைக்கிறது
மேலும் வாசிக்க

அடோப் புராணங்களை பகட்டான அச்சுக்கலை மூலம் சிதைக்கிறது

எங்கள் அடோப் தொடர்பான அனைத்து கட்டுரைகளையும் இங்கே படியுங்கள்கிராபிக் வடிவமைப்பாளர்கள், இல்லஸ்ட்ரேட்டர்கள், அச்சுக்கலைஞர்கள் மற்றும் பிற படைப்பாளிகள் அடோப்பின் பயன்பாடுகளின் வரிசையை நன்கு அறிந்திருப்ப...
எங்களை 2019 இல் ‘வாவ்’ செல்லச் செய்த 7 பயன்பாடுகள்
மேலும் வாசிக்க

எங்களை 2019 இல் ‘வாவ்’ செல்லச் செய்த 7 பயன்பாடுகள்

மேஜிக் இணைப்புகளின் பெருக்கம் முதல் இயந்திர கற்றல் மற்றும் வளர்ந்த யதார்த்தத்தை மேம்படுத்தும் பயன்பாடுகளின் வெடிப்பு வரை, 2019 எங்கள் சாதனங்களுக்கு சில அருமையான மென்பொருளைக் கொண்டுள்ளது.கடந்த பன்னிரண்...