SmashingMagazine से html / javascript / css टूल और लाइब्रेरी का चयन

वेब इंटरफ़ेस विकास सबसे आसान बात नहीं है। इसके अलावा, यह शुरू करना आसान लगता है, लेकिन पूर्णता प्राप्त करना वास्तव में समस्याग्रस्त है। विचार करने के लिए बहुत सारी चीजें हैं। सेटिंग्स और बारीकियों का सिर्फ एक टन जिसमें भ्रमित होना आसान है और कुछ गलत करना। सौभाग्य से, डेवलपर्स और डिज़ाइनर इस मुश्किल काम को आसान बनाते हैं और एक ही समय में अधिक से अधिक बेहतर करने के लिए सभी प्रकार के औजारों का लगातार आविष्कार करते हैं, और सबसे महत्वपूर्ण बात यह है कि विवरणों में फंसना नहीं है और कुछ और महत्वपूर्ण चीजों पर ध्यान केंद्रित करना है।

लोकप्रिय ऑनलाइन पत्रिका स्मैशमैगज़िन की टीम द्वारा पाए गए कई सुविधाजनक उपकरण कट के नीचे सूचीबद्ध हैं

सीएसएस और HTML उपकरण

HTML ईमेल बॉयलरप्लेट
ई-मेल द्वारा भेजे गए संदेशों को बनाने के लिए काफी संख्या में टेम्प्लेट और उदाहरण वाली साइट, लोकप्रिय क्लाइंट अनुप्रयोगों में इन संदेशों को प्रदर्शित करने के साथ अधिकांश समस्याओं से बचती है।


Initializr
HTML 5 टेम्पलेट जनरेटर। एक नमूना, कच्चे js या jQuery का चयन करें, उपकरणों, सर्वर सेटिंग्स के साथ अपने भविष्य के अनुप्रयोग की संगतता के स्तर को निर्दिष्ट करें और एक तैयार टेम्पलेट प्राप्त करें जिससे आप अपना प्रोजेक्ट शुरू कर सकते हैं।


लेयर स्टाइल
क्रॉस-ब्राउज़र सीएसएस प्रभाव (जैसे कि छाया, पृष्ठभूमि, गोल कोनों के साथ सीमाएं) बनाने के लिए एक सरल और काफी प्रभावी उपकरण। इसमें ग्राफिक संपादकों के समान उपकरण के समान यूजर इंटरफेस है।


मोबाइल बॉयलरप्लेट
मोबाइल उपकरणों की एक विस्तृत श्रृंखला के लिए वेब एप्लिकेशन बनाने का एक टेम्प्लेट, जिसमें ब्लैकबेरी, सिम्बियन और IE मोबाइल पर सबसे आधुनिक स्मार्टफोन से लेकर पुराने मॉडल शामिल हैं।


kotatsu
HTML टेबल का एक साधारण डिज़ाइनर। समान सूची जनरेटर में रुचि रखने वाला कोई भी व्यक्ति यहां देख सकता है ।


शोहरत
सीएसएस संपादित करते समय ब्राउज़र कैश को लगातार साफ़ करने की समस्या से बचने के लिए, नोड जेएस पर आधारित स्थानीय सर्वर।

LiveReload
उपकरण स्वचालित रूप से सीएसएस / जेएस परिवर्तन जैसे कि सफारी और क्रोम के ब्राउज़रों पर लागू होता है और यदि HTML बदलता है तो पूरे पृष्ठ को फिर से लोड करता है। आप एक वैकल्पिक टूल Live.js पर भी नज़र डाल सकते हैं
media.smashingmagazine.com/uploads/2011/06/useful-tools-141.jpg

सीएसएस-एक्स आग
एक सुविधाजनक आईडीई में सीएसएस नियमों को संपादित करने और डीबगिंग के दौरान ब्राउज़र पृष्ठ को फिर से लोड किए बिना एक उपकरण।


Ffffallback
विभिन्न फ़ॉन्ट सेट के साथ संगतता के लिए अपने वेब अनुप्रयोगों का परीक्षण करने के लिए एक उपकरण।


कम-बॉयलरप्लेट
CSS Boilerplate LESS में फिर से लिखा गया


सुई v0.1a1
परीक्षण लेआउट के लिए उपकरण। स्क्रीनशॉट लेता है और उन्हें अन्य स्क्रीनशॉट के साथ तुलना करने की अनुमति देता है। यह गणना किए गए सीएसएस नियमों के परीक्षण के लिए उपकरण प्रदान करता है, साथ ही पृष्ठ पर HTML तत्वों की स्थिति भी।


inuit.css
एक और सीएसएस फ्रेमवर्क जिसमें लेखक ने एक फ़ाइल में संचित सर्वोत्तम प्रथाओं को इकट्ठा करने की कोशिश की।

Spritemapper
सीएसएस स्प्राइट जनरेटर। बड़ी संख्या में छवियों को एक में जोड़ता है और अलग से प्रदर्शित करने के लिए CSS नियम बनाता है। यह तकनीक पृष्ठ को लोड करने के लिए आवश्यक सर्वर से कनेक्शन की संख्या को कम कर देती है, जिससे इस डाउनलोड का कुल समय कम हो सकता है।


CSSsitemap सिस्टम
सीएसएस पर साइटमैप बनाने के लिए एक दिलचस्प परियोजना


Normalize.css
जोनाथन नील और निकोलस गैलाघर के काम के परिणाम को रीसेट पर। सभी ब्राउज़र की डिफ़ॉल्ट सेटिंग्स को पारंपरिक रूप से रीसेट करने के बजाय, वे केवल उन सभी को रीसेट करने की पेशकश करते हैं जो सभी ब्राउज़रों के लिए समान सीएसएस नियमों के उपयोग में हस्तक्षेप करते हैं, और अन्य सुविधाजनक चूक से बचाते हैं।


होम्स
सीएसएस नियमों का एक सेट जो आपको एक पृष्ठ पर एक संदिग्ध, गलत या अस्थिर लेआउट के साथ ब्लॉक को उजागर करने की अनुमति देता है। इसे एक बुकमार्कलेट के साथ उपयोग करने का प्रस्ताव है।


झेन कोडिंग
बड़ी संख्या में कोड संपादकों के लिए प्लग-इन, तेज टाइपिंग की पेशकश करना और विशेष नियमों के साथ सीएसएस नियमों का संपादन।

सीएसएस तनाव परीक्षण और प्रदर्शन रूपरेखा
प्रदर्शन और रूपरेखा सीएसएस के परीक्षण के लिए एक उपकरण।

सीएसएस क्रश
CSS के लिए PHP प्रीप्रोसेसर विक्रेता के उपसर्गों की आवश्यकता से बचता है, साथ ही CSS नियम बनाते समय कुछ अन्य क्रियाओं का निर्माण करता है। आप <a href=" PCSS "> इस समान टूल पर भी नज़र डाल सकते हैं


CSSPrefixer
सीएसएस में विक्रेता उपसर्ग जोड़ने के लिए स्वचालन उपकरण।

जावास्क्रिप्ट उपकरण

आधुनिकीकरण २
अद्भुत ढांचे का दूसरा संस्करण आपको HTML5 और CSS3 के प्रसन्नता का उपयोग करने की अनुमति देता है, जो कि बहुत ताज़ा ब्राउज़र के उपयोगकर्ताओं को खोने के जोखिम के बिना नहीं है।


yepnope.js
पुस्तकालय आपको इस पृष्ठ पर केवल जेएस फाइलों को लोड करने की अनुमति देता है।


FitText
JQuery के लिए एक मॉड्यूल जो फ्लेक्सिबल रूप से एक मोबाइल टेक्स्ट की छोटी स्क्रीन से उपकरणों की एक विस्तृत श्रृंखला पर एक ही टेक्स्ट को आसानी से रखने के लिए फ़ॉन्ट का आकार बदलता है, एक पेशेवर तीस-इंच का मॉनिटर।


jQuery के तरीके
एक मॉड्यूल जो आपको उस समय कुछ कोड निष्पादित करने की अनुमति देता है जब उपयोगकर्ता पृष्ठ को किसी विशिष्ट तत्व तक स्क्रॉल करता है।


jQuery प्लगइन बॉयलरप्लेट
JQuery के लिए प्लग-इन लिखने के लिए एक आसान आवरण

संयुक्ताक्षर-js
एक फ़ंक्शन जो पाठ में टाइपोग्राफिक लिगचर जोड़ता है


प्लेसहोल्डर jQuery प्लगइन / पॉलीफ़िल
HTML5 प्लेसहोल्डर विशेषता को पुराने या गैर-सहायक ब्राउज़र में समर्थन करने के लिए एक मॉड्यूल।

StronglyTyped
जावास्क्रिप्ट में चर के अधिक कड़े टाइपिंग को जोड़ने के लिए जितना संभव हो क्रॉस-ब्राउज़र की कोशिश करना


Kaffeine
जटिल जावास्क्रिप्ट अनुप्रयोगों को लिखने के लिए सिंथेटिक चीनी। नियमित जावास्क्रिप्ट कोड में संकलित।


Crossroads.js
विशिष्ट URL के आधार पर कुछ js फ़ंक्शन को कॉल करने का तंत्र सर्वर-साइड फ़्रेमवर्क जैसे रेल, पिरामिड, Django, CakePHP, CodeIgniter, आदि में समान तंत्र के समान है।


Hivelogic
पुस्तकालय आपकी साइट पर ई-मेल प्रकाशित करने के लिए अपेक्षाकृत सुरक्षित (स्पैम कार्यक्रमों द्वारा पार्सिंग के संदर्भ में) की अनुमति देता है।

जावास्क्रिप्ट गार्डन
Js कोड विश्लेषक कोड को प्रकाशित करने के चरण से पहले ही जावास्क्रिप्ट भाषा के अनुभवहीन उपयोगकर्ताओं के उपयोग में अक्सर होने वाली त्रुटियों को समाप्त करने की अनुमति देता है।


Syntaclet
HTML पृष्ठों पर हाइलाइटिंग js सिंटैक्स के लिए बुकमार्क


Bookmarkleter
सुधार करने की क्षमता के साथ एक बुकमार्क को जेएस कोड में परिवर्तित करने का एक उपकरण (अतिरिक्त रिक्त स्थान हटा दें, यूनिकोड वर्ण बदलें, आदि)

ग्रिड

जावास्क्रिप्ट ग्रिड
एक साधारण बुकमार्क ब्राउज़िंग तंत्र के साथ ग्रिड जनरेटर।


ग्रिड कैलकुलेटर
एडोब इलस्ट्रेटर या एडोब फोटोशॉप में आयात के साथ सुविधाजनक ग्रिड डिजाइनर


GridCalc
किसी दिए गए पृष्ठ की चौड़ाई, ब्लॉक की चौड़ाई और ब्लॉकों के बीच की खाई, साथ ही चयनित विकल्पों के लिए एक कोड जनरेटर के लिए संभावित ग्रिड विकल्पों का कैलकुलेटर।

मॉड्यूलर ग्रिड पैटर्न
ग्राफिक संपादकों के लिए ग्रिड जनरेटर। फ़ोटोशॉप के लिए भी इसी विस्तार है


Susy
रेल फ्रेमवर्क आपको अपने लेआउट, डिज़ाइन और इच्छाओं के अनुकूल होने के लिए जितना संभव हो उतना लचीला बनाने की अनुमति देता है।


Griddle.it
एक सरल और सुविधाजनक तंत्र जो आपको पृष्ठ की पृष्ठभूमि उत्पन्न करने की अनुमति देता है जिस पर शासकों को साइट डिज़ाइन के तत्वों को संरेखित करने के लिए लागू किया जाएगा।

खैर, थोड़ा और

ASCII उच्चारण प्रोग्रामर के लिए नियम
साइट अंग्रेजी में ASCII वर्णों के नाम के लिए एक मार्गदर्शिका है।


पुनश्च: अनुवाद में मूल लेख में वर्णित सभी उपकरण शामिल नहीं हैं - कुछ बस काम नहीं करते थे, कुछ मुझे यहां पूरी तरह से अनुचित लग रहे थे। लेकिन अनुवाद बहुत अधिक निकले, इसलिए इन पंक्तियों को पाने वालों का सम्मान :-)