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

ஜெர்மனியைச் சேர்ந்த டெவலப்பர் டிம் பெட்ரூஸ்கி மிகவும் சுவாரஸ்யமான இணையதளத்தை உருவாக்கியுள்ளார். We Love Icon Fonts என்ற இணைய சேவையை அவர் தொடங்கினார், இது கூகுள் வலை எழுத்துருவைப் போலவே செயல்படுகிறது, ஆனால் எழுத்துருக்களுக்கு பதிலாக ஐகான்களுடன். அதன் சேகரிப்பு தொடர்ந்து புதுப்பிக்கப்படுகிறது, எனவே பல டெவலப்பர்கள் தங்கள் திட்டங்களில் பயன்படுத்தக்கூடிய ஐகான்களின் தொகுப்பை தளத்தில் கண்டுபிடிக்க முடியும். சில நிமிடங்களில் நீங்கள் விரும்பிய தொகுப்பை இணைக்கலாம். சேவை வழங்கிய குறியீட்டை CSS இல் எழுதினால் போதும், அதன் பிறகு ஐகான்களின் காட்சி ஹோஸ்டராக செயல்படும் We Love Icon Fonts மூலம் வழங்கப்படும்.

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

UXPim சேவை என்பது திட்டங்களில் ஒன்றாக வேலை செய்யும் போது கைக்குள் வரக்கூடிய ஒரு கருவியாகும். இது UX சிக்கல்களை விரைவாக தீர்க்க வடிவமைக்கப்பட்டுள்ளது. சேவையை உருவாக்கியவர்கள் UX இன் பல்வேறு அம்சங்களை நன்கு அறிந்த நிபுணர்கள். UXPin இன் மிக முக்கியமான நன்மைகளில் ஒன்று உண்மையான நேரத்தில் ஒத்துழைக்கும் திறன் ஆகும். இணையதளம் அல்லது பயன்பாட்டை உருவாக்கும் அனைத்து நிலைகளிலும் பிழைகளை சரியான நேரத்தில் கண்காணிக்க இது உங்களை அனுமதிக்கிறது. பயன்பாட்டினை சோதிக்கும் போது ஒரு திட்டத்தில் வேலை செய்ய உங்களை அனுமதிக்கும் மிகவும் பயனுள்ள கருவி.

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

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

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

CSS3 ஜெனரேட்டர் மிகவும் பயனுள்ள கருவியாகும், குறிப்பாக CSS பற்றி அதிகம் தெரியாத வலை வடிவமைப்பாளர்களுக்கு. நீங்கள் எதையாவது மறந்துவிட்டால் அல்லது குறியீட்டை உருவாக்கும் நேரத்தை வீணடிக்க விரும்பவில்லை என்றால், நீங்கள் CSS3 ஜெனரேட்டரைப் பயன்படுத்தலாம். எல்லாம் மிகவும் எளிமையானது: நீங்கள் விரும்பிய விளைவைத் தேர்ந்தெடுக்க வேண்டும், சில ஸ்லைடர்களைப் பயன்படுத்தி அதை உள்ளமைக்கவும், குறியீட்டை நகலெடுத்து உங்கள் திட்டத்தில் ஒட்டவும். சேவையை அதன் நோக்கத்திற்காகவும் கற்பித்தல் கருவியாகவும் பயன்படுத்தலாம் - தேர்ந்தெடுக்கப்பட்ட அமைப்புகளைப் பொறுத்து குறியீடு எவ்வாறு மாறுகிறது என்பதைப் பார்க்கும்போது, ​​விரும்பிய முடிவை எவ்வாறு விரைவாக அடைய முடியும் என்பதைப் புரிந்துகொள்வது எளிதாகிறது.

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

MakeAppIcon கருவியானது அசல் படத்தை PNG வடிவத்தில் பயன்பாட்டு ஐகானாக மாற்றுகிறது. இந்த எளிய செயல்பாட்டை கைமுறையாக எளிதாக செய்ய முடியும், ஆனால் தேர்ந்தெடுக்கப்பட்ட படம் Android மற்றும் iOS க்கான அனைத்து நிலையான ஐகான் அளவுகளுக்கும் பொருந்தும் வகையில் மாற்றியமைக்கப்படுவதால், சேவை சிறிது நேரத்தை மிச்சப்படுத்தலாம்.

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

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

வடிவமைப்பு

வடிவமைப்பு மேம்பாடு என்பது ஒரு இணையதளத்தில் பணிபுரிவதில் மிகவும் ஆக்கப்பூர்வமான பகுதியாக இருக்கலாம், எனவே கீழே கொடுக்கப்பட்டுள்ள ஆதாரங்கள் ஏதோ ஒரு வகையில் படைப்பாற்றலுடன் தொடர்புடையதாக இருக்கும்.

நுட்பமான வடிவங்கள்

பேட்டர்னைசர்

கோட்பென் ஈர்க்கக்கூடிய CSS3 மற்றும் JS டெமோக்களைக் காண்பிப்பதற்கான ஒரு தளமாக மாறியுள்ளது. நீங்கள் உத்வேகம் (அல்லது குளிர் பொத்தான்கள்) தேடுகிறீர்கள் என்றால், CodePen ஐப் பார்வையிடவும்.

W3 வேலிடேட்டர்

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

MinCSS

MinCSS என்பது ஒரு URL கொடுக்கப்பட்டால், ஒரு பக்கத்தையும் அதன் CSSஐயும் ஏற்றி, எந்த தேர்வாளர்கள் பயன்படுத்தப்படவில்லை என்பதைக் கண்டறியும் ஒரு கருவியாகும். இதன் விளைவாக அசல் CSS இன் உகந்த நகலாகும்.

சுத்தமான CSS

Clean CSS என்பது குறியீட்டை வடிவமைத்தல் மற்றும் மேம்படுத்துவதற்கான கருவிகளின் தொகுப்பாகும், இது CSS இல் மட்டும் எழுதப்படவில்லை.

CSSTidy

இது Windows, Linux மற்றும் macOS க்கு கிடைக்கும் CSS குறியீடு மேம்படுத்தி மற்றும் பாகுபடுத்தியாகும்.  நீங்கள் அதை இரண்டிலிருந்தும் கட்டுப்படுத்தலாம்கட்டளை வரி

, மற்றும் ஒரு PHP ஸ்கிரிப்ட் மூலம்.

கோலா ஆப்

குறைவான/SASS கோப்புகளை தானாகவே தொகுக்கும் அற்புதமான குறுக்கு-தளம் பயன்பாடு.

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

தளவமைப்பு கருவிகள்

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

சட்டப்பெட்டி

பிரேம் பாக்ஸ் என்பது இணையதள தளவமைப்புகளை உருவாக்குவதற்கான மிக எளிய ஆன்லைன் கருவியாகும். நீங்கள் UI கூறுகளைப் பயன்படுத்தி வயர்ஃப்ரேமை மிக விரைவாக உருவாக்கலாம், அவற்றின் அளவை மாற்றலாம் மற்றும் தளவமைப்பின் அகலத்தையும் அமைக்கலாம். உங்கள் தளவமைப்பையும் நீங்கள் பகிரலாம் சமூக வலைப்பின்னல்கள். மிகவும் எளிமையான மற்றும் பயனுள்ள.

சின்னங்கள்

இலவச ஐகான்களைப் பதிவிறக்குவதற்கான சுவாரஸ்யமான ஆதாரம்.

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

குறைந்தபட்ச சின்னங்களைத் தேடுபவர்களுக்கு இது சரியான இடம். அவற்றை PNG அல்லது SVG வடிவத்தில் பதிவிறக்கம் செய்யலாம்.

இந்தத் தளத்தில் காட்டப்படும் அனைத்து ஐகான்களும் தூய CSS மற்றும் ஒரே ஒரு DIV HTML பிளாக்கில் உருவாக்கப்பட்டவை.

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

இழைமங்கள்

அமைப்புகளைத் தேடுவது மிகவும் வசதியானது, ஏனெனில் அவை வெவ்வேறு வகைகளாகப் பிரிக்கப்படுகின்றன.

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

தளத்தில் போதுமான அளவு உள்ளது பெரிய எண்ணிக்கைஇலவச இழைமங்கள், படங்கள் மற்றும் 3D மாதிரிகள்.

பங்கு படங்கள்

எந்த முயற்சியும் இல்லாமல் விரும்பிய படத்தை நீங்கள் கண்டுபிடிக்கலாம்.

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

எழுத்துருக்களை உட்பொதிப்பதற்கும், அவற்றை தானாகவே TrueType, WOFF, EOT Lite, EOT சுருக்கப்பட்ட மற்றும் SVG வடிவங்களாக மாற்றுவதற்கும் மிகவும் வசதியான சேவை. தளத்தில் இலவச எழுத்துருக்களின் தொகுப்பும் உள்ளது.

எழுத்துருக்களை எப்படி உட்பொதிப்பது உதவி எழுத்துருஅணில், நீங்கள் கட்டுரையில் படிக்கலாம்.

Fontset எனப்படும் பிரிவில் Identifont இலவச எழுத்துருக்களைக் கொண்டுள்ளது. ஆனால் இந்த ஆதாரத்தின் உதவியுடன் நீங்கள் எழுத்துருவை தீர்மானிக்க முடியும்.

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

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

செயல்பாட்டுக் கருவிகள்

இது ஒரு ஜாவாஸ்கிரிப்ட் நூலகமாகும், இது உலாவி HTML5 மற்றும் CSS3 ஐ ஆதரிக்கிறதா என்பதைக் கண்டறியும் நோக்கம் கொண்டது. புதிய அம்சங்கள் ஆதரிக்கப்படாவிட்டால், HTML குறிச்சொற்கள்சில வகுப்புகள் பொருந்தும்.

நூலகத்தைப் பற்றி இன்னும் அறிமுகமில்லாதவர்கள், Habré இல் நடைமுறை பயன்பாடுகளைப் பற்றி நீங்கள் படிக்கலாம்.

ரிங்மார்க் என்பது மொபைல் உலாவிகளின் திறன்களை அளவிடுவதற்கான இணைய அடிப்படையிலான சோதனையாகும்.

பாலிஃபில்ஸ் என்பது பழைய உலாவிகளில் உள்ள நேட்டிவ் ஏபிஐகளின் நடத்தையைப் பின்பற்றும் ஸ்கிரிப்டுகள். இங்கே நீங்கள் 40 க்கும் மேற்பட்ட ஸ்கிரிப்ட்களைக் காணலாம். அவற்றில் சில:

• JQuery-Animate-Enhanced $.animate() முறை Webkit, Mozilla மற்றும் Opera க்கான CSS மாற்றங்களை வரையறுக்கிறது. IE6+ உடன் இணக்கமானது.
• CssSandpaper என்பது ஜாவாஸ்கிரிப்ட் நூலகமாகும், இதன் மூலம் நீங்கள் மிகவும் சுவாரஸ்யமான விளைவுகளை உருவாக்க முடியும்.
• JQuery-Anystrecht என்பது css3 பின்னணி அளவு மாடலிங்கில் கவனம் செலுத்தும் ஒரு செருகுநிரலாகும்.
• Transform.js மற்றும் Transitions.js ஆகியவை புதிய சாத்தியங்களைத் திறக்கும் மிகவும் பயனுள்ள செருகுநிரல்களாகும்.

படத்தொகுப்புகள்

தலைப்புகளுடன் பதிலளிக்கக்கூடிய படத்தொகுப்பு.

டச் டச் என்பது ஒரு படத்தொகுப்பு ஆகும், இது சரியான தீர்வாக இருக்க முயற்சிக்கிறது ஆண்ட்ராய்டு மொபைல்மற்றும் iOS சாதனங்கள்.

எளிய இடமாறு - பல்வேறு அனிமேஷன்களுடன் கூடிய உள்ளடக்க ஸ்லைடர்.

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

ஸ்பிரைட் ஜெனரேட்டர்கள்

CSS ஸ்பிரிட்களைப் பயன்படுத்துவதன் நன்மைகள் பற்றி அனைவருக்கும் தெரியும். ஒரு தானியங்கி ஸ்ப்ரைட் ஜெனரேட்டர் நிறைய நேரத்தை மிச்சப்படுத்த உதவும். இந்த ஜெனரேட்டர் .png, .jpg வடிவங்கள் மற்றும் css குறியீடு உருவாக்கத்தில் ஸ்ப்ரைட்டை உருவாக்கும் திறனை வழங்குகிறது.

பயனுள்ள தளங்கள்

சுருக்கமாக, போக்குகளுடன் புதுப்பித்த நிலையில் இருக்க, இந்த விஷயத்தில் உங்களுக்கு பெரிதும் உதவும் சில தளங்கள் கீழே பட்டியலிடப்பட்டுள்ளன.

• உலகளாவிய வலை கூட்டமைப்பு (W3C) என்பது தொழில்நுட்ப தரநிலைகளை உருவாக்கி செயல்படுத்தும் ஒரு அமைப்பாகும். உலகளாவிய வலை. W3C இணையத்திற்கான பொதுவான கொள்கைகள் மற்றும் தரநிலைகளை ("பரிந்துரைகள்" என அழைக்கப்படும்) உருவாக்குகிறது. W3C பரிந்துரைகள்), பின்னர் மென்பொருள் மற்றும் வன்பொருள் உற்பத்தியாளர்களால் செயல்படுத்தப்படுகிறது. இது இடையே பொருந்தக்கூடிய தன்மையை உறுதி செய்கிறது மென்பொருள் தயாரிப்புகள்மற்றும் பல்வேறு நிறுவனங்களின் உபகரணங்கள், உலகளாவிய வலையை மிகவும் மேம்பட்ட, உலகளாவிய மற்றும் வசதியானதாக ஆக்குகிறது.
• WebPlatform.org என்பது டெவலப்பர்கள் தங்கள் அனுபவங்களைப் பகிர்ந்து கொள்ளும் ஒரு திறந்த வளமாகும். தளத்தில் நீங்கள் HTML5, SVG, CSS3, அனிமேஷன், வீடியோ, WebGL மற்றும் பலவற்றில் சுவாரஸ்யமான போக்குகளைப் பற்றி படிக்கலாம்.
• Html5 புதிய உலாவிகள் என்ன ஆதரிக்கின்றன என்பதை நீங்கள் அறிய விரும்பினால், இது ஒரு சிறந்த ஆதாரமாகும். கூடுதலாக, பண்புகள் ஆதரிக்கப்படாவிட்டால் பயன்படுத்தக்கூடிய பல்வேறு பாலிஃபில்கள் மற்றும் ஃபால்பேக்குகள் உள்ளன.

மொழிபெயர்ப்பு - கடமை அறை

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

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

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

01. நிரலாக்கம்

-
Notepad++ (Portable Edition) என்பது தேவையான அனைத்து செயல்பாடுகளையும் கொண்ட நிரல்களை எழுதுவதற்கான ஒரு பயன்பாடாகும். C++ இல் தொகுக்கப்பட்டது, Windows இல் இயங்குகிறது. இது இலவசமாகக் கிடைக்கிறது மற்றும் GPL உரிமத்தின் கீழ் வெளியிடப்படுகிறது.

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

-
Nvu Portable என்பது Nvu Web Authoring மென்பொருளின் கையடக்க பதிப்பாகும். WYSIWYG எடிட்டர் மற்றும் சக்திவாய்ந்த கோப்பு மேலாண்மை அமைப்பு ஆகியவை அடங்கும். HTML மற்றும் CSS நிரலாக்கத்தின் அடிப்படை (அல்லது பூஜ்ஜியம்) அறிவைக் கொண்ட தொழில்நுட்ப அறிவு இல்லாத பயனர்களுக்காக வடிவமைக்கப்பட்டுள்ளது.

-
Oiko CSS எடிட்டர் - CSS, (X)HTML மற்றும் XML எடிட்டர் கையடக்க வடிவத்தில் முழு தொகுப்புசெயல்பாடுகள். 98 முதல் XP வரையிலான விண்டோஸ் பதிப்புகளில் வேலை செய்கிறது. பயன்படுத்த எளிதான இடைமுகம், குழுக்கள் மூலம் பண்புகள் மற்றும் தேர்வாளர்கள் காட்சி, உங்கள் CSS குறியாக்கத்தின் கட்டமைப்பு மரம், அத்துடன் IE மற்றும் Mozilla உலாவிகளில் தற்போதைய பார்வை செயல்பாடு ஆகியவற்றைக் கொண்ட முற்றிலும் நம்பகமான எடிட்டர்.

-
பிளெண்டர் போர்ட்டபிள் என்பது 3டி பட உருவாக்கத் திட்டமான பிளெண்டரின் போர்ட்டபிள் பதிப்பாகும். PortableApps.com தளத்தால் இயக்கப்படுகிறது. கையடக்க பதிப்பு பிளெண்டரின் முக்கிய பதிப்பின் அனைத்து அம்சங்களையும் தக்க வைத்துக் கொண்டுள்ளது.

-
ஜிம்ப் போர்ட்டபிள் என்பது அடோப் ஃபோட்டோஷாப்பிற்கு ஒரு சிறிய வடிவ மாற்றாகும். GIMP இன் பயனர் இடைமுகம் பழகுவதற்கு சிறிது நேரம் எடுக்கும் என்றாலும், மற்ற புகைப்பட எடிட்டிங் புரோகிராம்களைப் போலல்லாமல், அதைப் பயன்படுத்துவது மிகவும் எளிதானது.

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

-
போர்ட்டபிள் ஆடாசிட்டி - போர்ட்டபிள் ஒலி ஆசிரியர் Mac OS X க்கு. Audacity பல்வேறு செயல்பாடுகளை கொண்டுள்ளது, இதில் "நேரடி" ஆடியோ பதிவு செய்தல், எடிட்டிங் (செயலாக்குதல் மற்றும் வரம்பற்ற டிராக்குகளை கலப்பது உட்பட), விளைவுகளை பயன்படுத்துதல் ஒலி கோப்புகள், அத்துடன் இணக்கத்தன்மையை அமைத்தல் பல்வேறு வடிவங்கள்கோப்புகள்.

-
போர்ட்டபிள் இன்க்ஸ்கேப் ஒரு போர்ட்டபிள் வெக்டர் கிராபிக்ஸ் எடிட்டர். Inkscape இன் அம்சத் தொகுப்பு மற்ற கட்டிடத் திட்டங்களைப் போலவே உள்ளது திசையன் வரைகலை, இல்லஸ்ட்ரேட்டர், கோரல் டிரா மற்றும் சாரா எக்ஸ் உட்பட. கிராஃபிக் படங்கள் SVG (அளவிடக்கூடிய வெக்டர் கிராபிக்ஸ்) வடிவத்தில் சேமிக்கப்பட்டது.

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

-
ஃபோட்டோகிராஃபிக்ஸ் - போர்ட்டபிள் கிராபிக்ஸ் திட்டம், படங்களைத் திருத்தவும் உருவாக்கவும் உங்களை அனுமதிக்கிறது. வரைதல் கருவிகளின் தொகுப்பைக் கொண்டுள்ளது, பயனர் அமைப்புகள், அடுக்குகள் மற்றும் சேனல்களின் தேர்வு (வேலை செய்யும் அடுக்குகள் மற்றும் ஸ்டென்சில்கள் உட்பட) மூலம் அதன் விரிவாக்கத்தை அனுமதிக்கிறது, மேலும் பல்வேறு கருவிகளையும் உள்ளடக்கியது.

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

-
VLC Media Player Portable என்பது ஆடியோ மற்றும் வீடியோ கோப்புகளுக்கான போர்ட்டபிள் பிளேயர் ஆகும். MPEG-1, MPEG-2, MPEG-4, DivX, WMV, MP3 மற்றும் பல வடிவங்களை இயக்குகிறது. உங்கள் மீடியா கோப்புகளை இயக்குவதோடு கூடுதலாக, இது மீடியா சேவையகமாகவும் செயல்படும், IPv4 அல்லது IPv6 நெறிமுறைகள் வழியாக ஒன்று அல்லது அதற்கு மேற்பட்ட பயனர்களுக்கு தரவு ஸ்ட்ரீம்களை இயக்கும்.

-
FileZilla Portable என்பது PortableApps.com இன் மற்றொரு FTP பயன்பாடாகும். பயன்படுத்தி கோப்பு பரிமாற்றத்தை ஆதரிக்கிறது FTP நெறிமுறைகள், FTPS மற்றும் SFTP, அத்துடன் பெரிய கோப்புகளின் பரிமாற்றத்தை நிர்வகித்தல் (4 ஜிபிக்கு மேல்). பல உள்ளமைவு விருப்பங்கள். கூடுதலாக, இது HTTP/1.1, SOCKS5 மற்றும் FTP ப்ராக்ஸியை ஆதரிக்கிறது, மேலும் கோப்பு அணுகல் பதிவு, ஒத்திசைக்கப்பட்ட அடைவு உலாவுதல் மற்றும் தொலை கோப்பு தேடல் ஆகியவை அடங்கும்.

-
XAMPP என்பது Apache, MySQL, PHP மற்றும் Perl உள்ளிட்ட சிறிய, முழுமையான இணைய சேவையக தொகுப்பாகும். இது முன்பே கட்டமைக்கப்பட்டுள்ளது, எனவே நீங்கள் அதை அவிழ்த்து நிறுவ வேண்டும். இதில் phpMyAdmin அடங்கும், FileZilla FTPசர்வர், SQLite, Zend Optimizer மற்றும் MiniPerl போன்றவை. இது ஒரு முழுமையான தொகுப்பில் FTP, இணைய சேவையகம் மற்றும் தரவுத்தள சேவையகம். Apache, MySQL, phpMyAdmin, SQLite மற்றும் அவற்றின் மென்பொருள் தொகுப்புகளை உள்ளடக்கிய இலகுரக பதிப்பும் உள்ளது.

* – HTML, CSS மற்றும் ஜாவாஸ்கிரிப்ட் குறியாக்கத்தை நேரடியாக பக்கத்தில் பார்க்கவும் திருத்தவும்.
* – முதன்மை CSS சொத்து பார்வையாளர்.
* – பயர்பாக்ஸில் HTML குறியீடுகளின் சரியான தன்மையை சரிபார்க்க கருவிப்பட்டி.
* – வலை உருவாக்குநர்களுக்கான கூடுதல் மெனு மற்றும் பல்வேறு கருவிகளின் குழு.
* – HTML/CSS குறிப்பு Firefox இல் கட்டமைக்கப்பட்டுள்ளது.

-
உடனடி தண்டவாளங்கள் - வேலை சூழல்ரூபிக்கு, ரூபி ஆன் ரெயில்ஸ், அப்பாச்சி மற்றும் MySQL ஆகியவை இயங்கத் தயாராக உள்ளன. தேர்ந்தெடுக்கப்பட்ட கோப்பகத்தில் இந்தப் பயன்பாட்டை வைத்து, அதைச் செயல்படுத்த வேண்டும்; நிறுவல் கோப்புகள்இல்லை.

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

-
தியா போர்ட்டபிள் என்பது மைக்ரோசாஃப்ட் விசியோவைப் போன்ற ஒரு வரைபடப் பயன்பாடாகும். இருப்பினும், விசியோவைப் போலல்லாமல், இது வேலை வரைபடங்களை உருவாக்குவதற்கான நோக்கம் கொண்டது, அதாவது, இது மிகவும் பொருத்தமானது. தினசரி பயன்பாடு. XML கோப்புகளுடன் வேலை செய்கிறது, ஆனால் கோப்புகளை EPS, SVG, PNG, WMF மற்றும் XFIG வடிவங்களுக்கு மாற்றும் திறன் கொண்டது. டியாவைப் பயன்படுத்தி நீங்கள் வரைபடங்களையும் அச்சிடலாம் (பல பக்கங்கள் உட்பட).

-
Mozilla Sunbird, Portable Edition என்பது விண்டோஸ் மற்றும் லினக்ஸ் இணக்கமான காலண்டர் பயன்பாடாகும். முழு அளவிலான செயல்பாடுகளைக் கொண்ட ஒரு முழுமையான காலண்டர் சேவை, பணி அட்டவணைகளை உருவாக்குவதற்கும், வழக்கம் போல் திட்டங்களை நிர்வகிப்பதற்கும் ஏற்றது.

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

-
GnuCash Portable என்பது PortableApps.com இன் மற்றொரு பயன்பாடு ஆகும். வணிக நிதி திட்டமிடல் திட்டங்களில் உள்ளார்ந்த பெரும்பாலான செயல்பாடுகளுடன் நிதி அறிக்கைகளை பராமரிப்பதற்கான இலவச அணுகல் சேவை. பதிவுகளை வைத்திருக்க உங்களை அனுமதிக்கிறது. இரட்டை நுழைவு கணக்கியல், பங்கு/பத்திர பரஸ்பர நிதி கணக்குகளை பராமரித்தல் மற்றும் இன்வாய்ஸ்கள் மற்றும் கணக்குகள் செலுத்த வேண்டிய/பெறத்தக்க ஆவணங்களை செயலாக்குதல்.

-
OpenOffice.org போர்ட்டபிள் - வணிக நிரல்களின் தொகுப்பின் பதிப்பு திறந்த அணுகல் PortableApps.com இலிருந்து OpenOffice.org. அனைத்து முக்கிய OpenOffice.org பயன்பாடுகளையும் உள்ளடக்கியது: எழுத்தாளர் (சொல் செயலி), கால்க் (விரிதாள் செயலி), இம்ப்ரெஸ் (விளக்கக்காட்சி நிரல்), வரைதல் (கிராபிக்ஸ் எடிட்டர்) மற்றும் அடிப்படை (தரவுத்தளம்).

-
AbiWord Portable என்பது பல்வேறு வடிவங்களில் உருவாக்கப்பட்ட கோப்புகளைத் திறக்கும் திறன் கொண்ட ஒரு சொல் செயலி ஆகும் உரை திட்டங்கள், உட்பட, மைக்ரோசாப்ட் வேர்ட், Word Perfect, Open Document (OpenOffice.org), Office Open XML, RTF, HTML மற்றும் பிற. ஒரு தரநிலையின் அனைத்து அடிப்படை செயல்பாடுகளையும் கொண்டுள்ளது சொல் செயலி, எழுத்துப்பிழை மற்றும் இலக்கண சரிபார்ப்பு மற்றும் நிலையான படிவங்களிலிருந்து கடிதங்களை தானாக எழுதுதல் உட்பட.

07. பிற பயனுள்ள பயன்பாடுகள்

-
சுமத்ரா PDF என்பது விண்டோஸிற்கான ஒரு சிறிய, சிறிய, இலவச PDF பார்வையாளர். இது கையடக்கமானது, எனவே அதன் "போர்ட்டபிள்" பதிப்பு எதுவும் இல்லை. விசைப்பலகை குறுக்குவழிகளால் கட்டுப்படுத்தப்படுகிறது, இது உங்கள் முக்கிய PDF பார்வையாளராக உள்ளமைக்கப்படலாம்.

-
Foxit Reader V3.0 என்பது போர்ட்டபிள் ஃப்ரீவேர் சேகரிப்பின் ஒரு தயாரிப்பு ஆகும். Foxit மூலம், பயணத்தின்போது PDF ஆவணங்களைத் திறந்து படிக்கலாம். ஆனால் பதிவிறக்க பக்கத்தில் உள்ள கருத்துகளின் படி என்பதை நினைவில் கொள்ளுங்கள் இந்த விண்ணப்பம், அதன் நிறுவல் மற்றும் கட்டமைப்பு கடினமாக இருக்கலாம்.

-
Pidgin Portable என்பது Pidgin (முன்னர் Gaim) உடனடி செய்தி கிளையண்டின் கையடக்க பதிப்பாகும். AOL, MSN, ICQ, Jabber மற்றும் Yahoo இன்டர்நெட் மெசஞ்சர்களை ஆதரிக்கிறது. பாதுகாப்பான உடனடி செய்தியிடலுக்காக இது குறியாக்க தொகுதிகளுடன் கூடுதலாக வழங்கப்படலாம்.

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

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

எந்தக் கருவிகளைப் பயன்படுத்த வேண்டும் என்பதைத் தெரிந்துகொள்வது, உங்கள் முன்-இறுதியானது சிறப்பாகச் செயல்படுவதை உறுதிசெய்ய உதவும். இந்தக் கட்டுரையில், Chrome, Safari, Firefox மற்றும் டெவலப்பர்களுக்கான உலாவிக் கருவிகளைப் பார்ப்போம் மைக்ரோசாஃப்ட் எட்ஜ்.

உலாவி அடிப்படையிலான டெவலப்பர் கருவிகள்

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

பயர்பாக்ஸ் டெவலப்பர் பதிப்பு டெவலப்பர் கருவிகள்

ஜாவாஸ்கிரிப்ட். விரைவான தொடக்கம்

Firefox, Chrome மற்றும் Safari இல், டெவலப்பர் கருவிப்பட்டியைத் திறக்க Ctrl + Shift + I (Windows/Linux) அல்லது Cmd + Option + I (macOS) ஆகியவற்றை அழுத்தவும். கீழே உள்ள படம் Chrome டெவலப்பர் கருவிகளைக் காட்டுகிறது.

குரோம் டெவலப்பர் கருவிகள்

மைக்ரோசாஃப்ட் எட்ஜில், கீழே காட்டப்பட்டுள்ளபடி F12 ஐ அழுத்துவதன் மூலம் டெவலப்பர் கருவிகளைத் திறக்கலாம்.

மைக்ரோசாஃப்ட் எட்ஜ் டெவலப்பர் கருவிகள்

பயன்பாட்டு மெனுவைப் பயன்படுத்தி ஒவ்வொரு உலாவியின் டெவலப்பர் கருவிகளையும் நீங்கள் திறக்கலாம்:

மைக்ரோசாஃப்ட் எட்ஜ்: கருவிகள் > டெவலப்பர் கருவிகள்

Firefox: Tools > Web Developer

குரோம்: காண்க > டெவலப்பர்கள்

சஃபாரி: டெவலப்மெண்ட் > ஷோ வெப் இன்ஸ்பெக்டர்

Safari இல், நீங்கள் முதலில் Safari > Preferences > Advanced என்பதற்குச் சென்று, மெனு பட்டியில் உள்ள ஷோ மெனு தேர்வுப்பெட்டியைச் சரிபார்த்து, டெவலப் மெனுவை இயக்க வேண்டும். சஃபாரி டெவலப்பர் கருவிகளுக்கான காட்சி கீழே உள்ளது.

சஃபாரி 11 டெவலப்பர் கருவிகள்

டெவலப்பர் கருவிகள் இடைமுகம் திறந்தவுடன், நீங்கள் விரும்பிய பேனலைத் தேர்ந்தெடுக்க வேண்டும்:

Microsoft Edge: DOM Explorer

பயர்பாக்ஸ்: இன்ஸ்பெக்டர்

குரோம்: கூறுகள்

சஃபாரி: கூறுகள்

பேனலின் ஒரு பக்கத்தில் HTML மற்றும் மறுபுறம் CSS விதிகளைப் பார்க்கும்போது நீங்கள் சரியான பேனலைத் திறந்துவிட்டீர்கள் என்பதை அறிவீர்கள்.

குறிப்பு. HTML பேனலில் நீங்கள் பார்க்கும் மார்க்அப் DOM பிரதிநிதித்துவமாகும். உலாவி ஆவணத்தை பாகுபடுத்தி முடித்ததும், அசல் மார்க்அப்பில் இருந்து வேறுபடலாம். View Source Markup ஐப் பயன்படுத்துவதன் மூலம் நீங்கள் மூல மார்க்அப்பைக் காணலாம், ஆனால் JavaScript பயன்பாடுகளுக்கு அத்தகைய மூல மார்க்அப் இருக்காது என்பதை நினைவில் கொள்ளவும்.

பாங்குகள் பேனலைப் பயன்படுத்துதல்

சில நேரங்களில் ஒரு உறுப்பு எதிர்பார்த்தபடி இருக்காது. ஒருவேளை அச்சுக்கலை மாற்றம் பயன்படுத்தப்படவில்லை அல்லது பத்தியைச் சுற்றியுள்ள உள்தள்ளல் நீங்கள் விரும்பியதை விட குறைவாக இருக்கலாம். வெப் இன்ஸ்பெக்டரில் உள்ள ஸ்டைல்கள் பேனலைப் பயன்படுத்தி ஒரு உறுப்பை எந்த விதிகள் பாதிக்கின்றன என்பதை நீங்கள் தீர்மானிக்கலாம்.

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

ஆசிரியர் பாணி விதிகள் பயனர் முகவர் பாணிகளுக்கு முந்தியவை. பயனர் முகவர் பாணிகள் இயல்புநிலை உலாவி பாணிகளாகும். அவர்களும் செல்வாக்கு செலுத்துகிறார்கள் தோற்றம்உங்கள் தளம். (பயர்பாக்ஸில், பயனர் முகவர் பாணிகளைக் காண, உலாவி விருப்பங்களைக் காண்பி விருப்பத்தைத் தேர்ந்தெடுக்க வேண்டும். இந்த விருப்பத்தை கருவிப்பட்டி விருப்பங்கள் பேனலில் காணலாம்.)

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

அடுக்கு மற்றும் பரம்பரை சிக்கல்களை வரையறுத்தல்

நீங்கள் பாணிகளைச் சரிபார்க்கும்போது, ​​​​சில பண்புகள் கடந்துவிட்டதை நீங்கள் கவனிக்கலாம். இந்த பண்புகள் கீழே காட்டப்பட்டுள்ளபடி, அடுக்கு விதி, முரண்பட்ட விதி அல்லது மிகவும் குறிப்பிட்ட தேர்வாளரால் மேலெழுதப்பட்டுள்ளன.

மற்றொரு அறிவிப்பால் மாற்றப்பட்ட சொத்து மற்றும் மதிப்பு ஜோடிகளை அடையாளம் காணுதல்

ஜாவாஸ்கிரிப்ட். விரைவான தொடக்கம்

ஜாவாஸ்கிரிப்ட்டின் அடிப்படைகளை இணைய பயன்பாட்டை எவ்வாறு உருவாக்குவது என்பதற்கான நேரடி உதாரணத்துடன் கற்றுக்கொள்ளுங்கள்.

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

தவறான பண்புகள் மற்றும் மதிப்புகளை வரையறுத்தல்

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

தவறான மதிப்பை வரையறுத்தல் CSS பண்புகள்உடன் Chrome ஐப் பயன்படுத்துகிறது

பயர்பாக்ஸ் தவறான அல்லது ஆதரிக்கப்படாத பண்புகள் மற்றும் மதிப்புகளை நீக்குகிறது. Firefox Developer Edition ஆனது கீழே காட்டப்பட்டுள்ளபடி ஒரு எச்சரிக்கை ஐகானையும் பயன்படுத்துகிறது. நிலையான பயர்பாக்ஸ்இதேபோல் பிழைகளைக் காட்டுகிறது, ஆனால் எச்சரிக்கை ஐகானைக் கொண்டிருக்கவில்லை.

பயர்பாக்ஸ் டெவலப்பர் பதிப்பு எவ்வாறு தவறான பண்புகள் மற்றும் மதிப்புகளைக் காட்டுகிறது

சஃபாரியில் கீழே உள்ள ஸ்கிரீன்ஷாட்டில், ஆதரிக்கப்படாத விதிகள் சிவப்புக் கோட்டுடன் குறுக்குவெட்டு மற்றும் மஞ்சள் பின்னணி மற்றும் எச்சரிக்கை ஐகானுடன் சிறப்பிக்கப்படும்.

Safari இல் தவறான CSS சொத்து மதிப்பு

மைக்ரோசாப்ட் எட்ஜ் அதற்குப் பதிலாக ஆதரிக்கப்படாத பண்புகள் அல்லது மதிப்புகளைக் குறிக்க அலை அலையான அடிக்கோட்டைப் பயன்படுத்துகிறது.

மைக்ரோசாஃப்ட் எட்ஜில் சரிபார்க்கப்படாத CSS சொத்து மதிப்பு

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

பதிலளிக்கக்கூடிய தளவமைப்புகளில் பிழைத்திருத்தம்

சாதனத்தில் சோதனை செய்வது சிறந்தது. இருப்பினும், வளர்ச்சியின் போது உருவகப்படுத்துவது பயனுள்ளதாக இருக்கும் மொபைல் சாதனங்கள்டெஸ்க்டாப் உலாவியைப் பயன்படுத்துதல். அனைத்து முக்கிய டெஸ்க்டாப் உலாவிகளிலும் தகவமைப்பு பிழைத்திருத்த பயன்முறை உள்ளது.

குரோம்

Chrome அதன் டெவலப்பர் கருவிகளில் சாதன கருவிப்பட்டி அம்சத்தை வழங்குகிறது. அதைப் பயன்படுத்த, மேல் இடது மூலையில் உள்ள "உருப்படியைத் தேர்ந்தெடு" ஐகானுக்கு அடுத்துள்ள சாதன ஐகானை (கீழே உள்ள படம்) கிளிக் செய்யவும்.

குரோம் ரெஸ்பான்சிவ் டிசைன் மோட் ஐகான்

சாதன பயன்முறை பல காட்சிகளை உருவகப்படுத்த உங்களை அனுமதிக்கிறது Android சாதனங்கள்மற்றும் iOS, iPhone 5 மற்றும் Galaxy S5 போன்ற பழைய சாதனங்கள் உட்பட. சாதனப் பயன்முறையில் நெட்வர்க் த்ரோட்லிங் அம்சமும் உள்ளது வெவ்வேறு வேகம்இணைப்புகள் மற்றும் ஆஃப்லைன் பயன்முறையை உருவகப்படுத்தும் திறன்.

பயர்பாக்ஸ்

பயர்பாக்ஸில், இதேபோன்ற பயன்முறையானது Responsive Design Mode எனப்படும். இதன் ஐகான் ஆரம்பகால ஐபாட்களை நினைவூட்டுகிறது. கீழே காட்டப்பட்டுள்ளபடி டெவலப்பர் கருவிப்பட்டியில் திரையின் வலது பக்கத்தில் அதைக் காணலாம்.

பயர்பாக்ஸ் பதிலளிக்கக்கூடிய வடிவமைப்பு முறை ஐகான்

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

மைக்ரோசாஃப்ட் எட்ஜ்

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

SitePoint.com மைக்ரோசாஃப்ட் எட்ஜ் சாதன எமுலேஷன் பயன்முறையைப் பயன்படுத்துகிறது

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

சஃபாரி

சஃபாரியின் பதிலளிக்கக்கூடிய வடிவமைப்பு முறை டெவலப்பர் கருவிகளில் காணப்படுகிறது. இது Firefox இன் எமுலேஷன் பயன்முறையைப் போன்றது, ஆனால் கீழே காட்டப்பட்டுள்ளபடி, iOS சாதனங்களைப் பின்பற்றும் திறனைச் சேர்க்கிறது.

SitePoint.com சஃபாரியின் பதிலளிக்கக்கூடிய வடிவமைப்பு பயன்முறையைப் பயன்படுத்தி பார்க்கும்போது

சஃபாரியின் பதிலளிக்கக்கூடிய வடிவமைப்பு பயன்முறையில் நுழைய, டெவலப் > ரெஸ்பான்சிவ் டிசைன் பயன்முறையை உள்ளிடவும் அல்லது Cmd + Ctrl + R என்பதைத் தேர்ந்தெடுக்கவும்.