- डेवलपमेंट करते समय हम कुछ बनाते हैं, कई बार क्लिक करते हैं, उसे सुधारते हैं, फिर दोबारा क्लिक करते हैं — इस प्रक्रिया को बार-बार दोहराते हैं
- पेज ट्रांज़िशन के मामले में, Back बटन का कई बार उपयोग किया जाता है
- यह एक तरह की QA रणनीति है, जिसमें क्लिक करते हुए समस्याएँ खोजी और ठीक की जाती हैं
- यह बढ़ईगीरी के काम जैसा है, जहाँ पहले बड़ी समस्याएँ हल की जाती हैं और फिर बारीक हिस्सों को तराशा जाता है
UI टेस्ट
- सॉफ्टवेयर में इतने अधिक variables होते हैं कि हर चीज़ को टेस्ट और परिष्कृत करना मुश्किल होता है
- UI को बार-बार इस्तेमाल करके समस्याएँ खोजने और ठीक करने की प्रक्रिया दोहराई जाती है
रेडियो ऑप्शन लिस्ट पर काम
और को एक ही पंक्ति में रखा जाता है, center align किया जाता है, और उनके बीच spacing दी जाती है- पहले CSS के float का उपयोग किया जाता था, लेकिन अब flexbox की मदद से यह काम आसानी से किया जाता है
Foo
.container {
display: flex;
flex-direction: row;
align-items: center;
gap: .5rem;
}
समस्या की खोज और समाधान
- UI में radio और label के बीच एक ऐसा dead area मिला जहाँ क्लिक काम नहीं करता था
- यह पुष्टि हुई कि flexbox की
gap property ही समस्या की वजह थी
gap हटाकर और label में padding जोड़कर समस्या हल की गई- label में padding जोड़ने से बिना dead area के क्लिक करना संभव हो गया
निष्कर्ष
- छोटी-छोटी समस्याएँ मिलकर बड़ी असुविधा पैदा कर सकती हैं
- समस्याएँ खोजने और उन्हें ठीक करने की प्रक्रिया को दोहराकर अंततः एक smooth परिणाम मिलता है
GN⁺ का सारांश
- यह लेख UI डेवलपमेंट के दौरान आने वाली छोटी समस्याओं को खोजने और हल करने की प्रक्रिया समझाता है
- flexbox से layout बनाना आसान हो सकता है, लेकिन अप्रत्याशित समस्याएँ भी आ सकती हैं
- समस्या हल करने के लिए कई तरीके आज़माए गए और अंत में padding का उपयोग करके समाधान मिला
- यह UI डेवलपर्स के लिए उपयोगी टिप्स देता है और छोटी समस्याओं को हल करने की प्रक्रिया के महत्व पर ज़ोर देता है
अभी कोई टिप्पणी नहीं है.