Back to Question Center
0

13 प्रतिसाद वेब साधनांसाठी साधने

1 answers:

Semalt वेब डिझाइन विविध डिव्हाइसेस आणि स्क्रीनवर साइट योग्यरित्या प्रस्तुत करते हे सुनिश्चित करते आपल्या वापरकर्त्यांना योग्य पाहण्याचा अनुभव असल्याची खात्री करण्यासाठी प्रतिसाद डिझाइन साधने वापरा.

येथे प्रतिसाद डिझाइन साधनांची सूची आहे. साम्लाक म्हणजे रिऍलिटींग वेब पृष्ठ घटक तयार करण्यासाठीचे उपकरणे आणि विविध प्रकारच्या वास्तविक डिव्हाइसेस आणि स्क्रीन आकारांवर आपल्या डिझाइनची चाचणी करण्यासाठी साधने - teste seu oculos online. मिमल म्हणजे प्रीमियम आणि फ्री टूल्स.

डिझाइन डिझाइनसाठी साधने

प्रतिसाद डिझाईन, उत्तरदायी इलस्ट्रेटेड . एडोबच्या जेम्स मेलर्सने तयार केलेल्या, हे सोपे साधन वापरकर्त्यांना प्रतिसाद डिझाइनचे एक उदाहरण म्हणून खेळण्यास परवानगी देते. आपण वापरत असलेल्या आकार घटनेचे प्रकार पाहण्यासाठी आपल्या ब्राउझर विंडोचा आकार बदला किंमत: विनामूल्य

13 Tools for Responsive Web Semalt

बूटस्ट्रॅप . सर्वात लोकप्रिय फ्रन्ट-एंड घटक लायब्ररीपैकी एकासह वेबवर प्रतिसाददायी, मोबाईल-प्रथम प्रकल्प तयार करा. बूटस्ट्रॅप HTML, CSS, आणि JS सह विकसित होण्याचे एक ओपन सोर्स फ्रेमवर्क आहे. आपल्या कल्पनांचा नमुना जलद किंवा बूटस्ट्रॅपच्या प्रतिसाद ग्रिड सिस्टम, प्रीबिल्ट घटक आणि jQuery वर तयार केलेल्या प्लगिनसह आपले संपूर्ण अॅप तयार करा. किंमत: विनामूल्य

Google मोबाईल फ्रेंडली टेस्ट Google च्या विनामूल्य मोबाईल-फ्रेंडली टेस्टचा वापर करून अभ्यागत मोबाईल डिव्हाइसवर आपल्या पृष्ठाचा किती सहज वापर करू शकेल हे तपासा. आपल्या वेबसाइटवर मोबाइल सुलभतेने डिझाइन करणे हे सुनिश्चित करते की आपले पृष्ठ सर्व डिव्हाइसेसवर चांगले कार्यप्रदर्शन करते. किंमत: विनामूल्य

जस्टिनमंड जस्टिनमंड हा वेब आणि मोबाइल अॅप्ससाठी सर्वसमावेशक प्रोटोटायिंग साधन आहे. वेब, iOS आणि Android साठी ड्रॅग-आणि-ड्रॉप इंटरफेससह वेबसाइट आणि अॅप्स परिभाषित करा - यात काहीही कोडिंगचा समावेश नाही. जस्टिनमंडच्या लवचिक इव्हेंट आणि क्रियांसह सर्व डिव्हाइसेसवर सर्व स्क्रीन आकार फिट करण्यासाठी आपल्या वायरफ्रेमला गतिशील लेआउटसह सानुकूल करा आणि समायोजित करा. जस्टिनमाइंड आपल्याला आपल्या वेब आणि मोबाईल अॅप प्रोटोटाइपला कोणत्याही वेबसाईटद्वारे, झटपट वेब डिस्प्ले आणि विविध डिव्हाइस स्किनसह झटपट बघू देतील. मूल्य: योजना दरमहा $ 19 दरमहा प्रारंभ

13 Tools for Responsive Web Semalt

ग्रीससेट ग्रीससेटने गणकांबद्दल काळजी करण्याची आवश्यकता न ठेवता डिझाइनर वेबसाठी क्रिएटिव्ह लेआउट ग्रिड सेट करण्यास सक्षम करतात. ग्रीससेट आपल्याला परिणामकारक प्रतिसाद डिझाइनसाठी परिभाषित केलेल्या ब्रेकपॉईंटवर विशिष्ट ग्रिड तयार करू देतो, आपली सामग्री कोणत्याही स्क्रीनवर चांगली दिसते हे सुनिश्चित करते. मूल्य: योजना दरमहा $ 9 दराने प्रारंभ करते

अनुकूल प्रतिमा. अनुकूल छायाचित्रे आपल्या अभ्यागतांच्या स्क्रीन आकाराला ओळखतात आणि आपोआप तयार करते, कॅश करतात आणि आपल्या वेब पृष्ठाच्या एम्बेड केलेल्या एचटीएमएल प्रतिमांमधुन योग्य री-स्केल केलेल्या आवृत्त्या देते. हे उत्तरदायी डिझाइनसह वापरण्यासाठी आहे, जे द्रवपदार्थ प्रतिमेसह एकत्र केले जाईल. कोणतेही मार्कअप बदल आवश्यक नाहीत किंमत: विनामूल्य

फिट टेक्स्ट वेब प्रकार वाढविण्यासाठी एक jQuery प्लगइन, FitText फॉन्ट-आकार लवचिक करते स्केल करण्यायोग्य मथळे प्राप्त करण्यासाठी आपल्या द्रव किंवा प्रतिसाद लेआउट वर हे प्लगइन वापरा जे पॅरेंट घटकाची रूंदी भरतात. FitText फक्त प्रचंड प्रदर्शन मजकूरासाठी आहे किंमत: विनामूल्य

13 Tools for Responsive Web Semalt

भूतलाब Ghostlab सह, आपण एकाच वेळी विविध ब्राउझर आणि मोबाईल डिव्हाइसेसवर कोणत्याही वेबसाइटची चाचणी घेऊ शकता. फक्त यूएसला Ghostlab मध्ये ड्रॅग करा आणि "प्ले" बटण क्लिक करा. कनेक्ट केलेल्या ब्राउझर किंवा डिव्हाइसेसपैकी एकामध्ये चाचणी प्रारंभ करा. सर्व अन्य ब्राऊझर आणि डिव्हाइसेस आपल्या क्रियांला मिरर करतील - बटणावर क्लिक करणे, दुवे खालील, पृष्ठ स्क्रॉल करणे, फॉर्म भरणे आणि विशेष घटकांकडे आपले माउस फिरवणे गॉथ्लॅबमधून थेट एक स्क्रीनशॉट घ्या, एकास एकाग्र केलेल्या प्रतिमा संपादकामध्ये लिहा, आणि आपण वापरलेल्या बग ट्रॅकरवर ड्रॅग करा. किंमत: $ 49

मी प्रतिसाद आहे? मी प्रतिसाद प्रतिसाद डिझाइन ब्रेक पॉइंट्सवर जलद स्क्रीनशॉटसाठी एक साधन आहे. फक्त आपली URL प्रविष्ट करा डिव्हाइसवर क्लिक करून आणि ड्रॅग करून डिव्हाइसेसची पुनर्रचना करा आणि पुनर्क्रमित करा. आपल्या स्वतःच्या ब्राऊझरच्या एका क्लिकद्वारे कोणत्याही साइटवर प्रतिसाद पाहण्यासाठी अँटी-आई-आरडब्ल्यूडी बुकमार्केट वापरा.

उत्तरदायित्व प्रतिसादकर्त्याने वेबसाइट निर्मात्यांना त्वरीत त्यांचे प्रतिसाद साइट सर्वात लोकप्रिय डिव्हाइसेसवर कसे दिसेल याचे संकेत देते. तथापि, ते कसे दिसेल ते ठीक नाही. अचूक चाचणीसाठी नेहमी वास्तविक डिव्हाइसेसवर चाचणी घ्या. किंमत: विनामूल्य

13 Tools for Responsive Web Semalt

Google Chrome DevTools डिव्हाइस मोड Google Chrome DevTools Google Chrome मध्ये तयार केलेले संलेखन, डीबग करणे आणि प्रोफाइलिंग करण्याचे एक संच आहे आपली साइट आणि अॅपच्या सक्रिय विकासादरम्यान उत्तरदायी मोडचा वापर करा आणि अनपेक्षित आणि भविष्यातील डिव्हाइस प्रकारांसाठी अपनिय केलेल्या स्वतंत्ररित्या प्रतिसाद डिझाइन तयार करण्यासाठी व्ह्यूपोर्टचा आकार पुन्हा बदला. डिव्हाइस मोडच्या स्क्रीन एमुलेटरद्वारे आपल्या साइटच्या प्रतिसादाची चाचणी घ्या. व्ह्यूपोर्ट नियंत्रणे आपल्याला आपली साइट विविध प्रकारच्या डिव्हाइसवर परीक्षणासह नियंत्रित करते तसेच प्रतिसादपूर्ण देखील करते. किंमत: विनामूल्य

ब्राउझर स्टॅक ब्राउझर स्टॅक लाइव्ह, वेब-आधारित ब्राउझर चाचणीसाठी एक व्यासपीठ आहे. सर्वात अचूक परिणामांसाठी शारीरिक Android आणि iOS मोबाइल डिव्हाइसेस आणि टॅब्लेटच्या श्रेणीवर चाचणी घ्या. रियल मशीनवर 1,100 डेस्कटॉप ब्राउझरसह मीडिया स्ट्रीमिंग, विकसक साधने, कीबोर्ड शॉर्टकट आणि अधिकसह चाचणी घ्या. IOS, Android, OS X, आणि Windows वर वास्तविक डिव्हाइस आकारावर स्क्रीनशॉट व्युत्पन्न करा किंमत: $ 29 दरमहा.

क्रॉसब्रोझर टेस्टिंग. क्रॉसब्रोझर टेस्टिंग आपल्याला आपल्या अभ्यागतांना वापरत असलेल्या ब्राउझर आणि डिव्हाइसेसवर प्रवेश देते. 1,500 डेस्कटॉप आणि मोबाइल ब्राउझरवर परस्परसंवादी मॅन्युअल आणि अन्वेषण चाचणी पूर्ण-पृष्ठ प्रतिसाद लेआउटची तुलना करून, एकाच वेळी एकाधिक ब्राउझर्सवर स्वयंचलितपणे स्क्रीनशॉट घ्या. प्रत्येक नवीन बदलासह दृश्यात्मक चाचण्या घ्या आणि सोपे पुनगमन चाचणीसाठी त्यांची ऐतिहासिक आवृत्तींशी तुलना करा. किंमत: $ 29 दरमहा.

13 Tools for Responsive Web Semalt
March 1, 2018