/screenshots पर एक उत्पाद गैलरी

Featurekamo-marketing
शिप
4 सितंबर 2026 को 1:50 am बजे UTC
लेखक
Kamo
Commit
cf243e4

उत्पाद को दिखाने के लिए एक पेज, जैसा कि यह वास्तव में दिखता है। यह एक के आसपास बनाया गया है मार्कअप के बजाय डेटा मॉड्यूल, क्योंकि अधिक स्क्रीनशॉट आ रहे हैं और एक घटक को संपादित करने का मतलब नहीं होना चाहिए: WebP को छोड़ दें सार्वजनिक/img/screenshots, app/lib/screenshots के लिए एक प्रविष्टि जोड़ें, अपनी प्रतिलिपि जोड़ें शब्दकोश में। पृष्ठ में दो हिस्सों हैं और प्रत्येक खाली होने पर गायब हो जाता है। फ़ीचर शॉट्स को एक पूर्ण शोकेस अनुभाग मिलता है - प्रतिलिपि, क्षमता चिप्स, चित्र में विंडो क्रोम, और कॉलआउट के लिए एक नंबर कुंजी उस पर पिन किया। सब कुछ और नीचे एक फिल्टर करने योग्य ग्रिड में गिर जाता है, जिसका श्रेणी केवल चिप्स प्रदान करता है एक बार बीच चुनने के लिए दो श्रेणियां हैं। आज जिसका अर्थ है शोकेस और कोई ग्रिड नहीं; यह शॉट के रूप में खुद को भरता है। किसी भी चित्र पर क्लिक करने से दर्शक खुल जाता है: तीर कुंजी और थंबनेल को स्थानांतरित करने के लिए शॉट्स के बीच, एस्केप छोड़ने के लिए, फोकस फंस गया और फिर वापस सौंप दिया गया। चित्र जो इसे खोलता है, और एक 1: 1 ज़ूम जो मंच के अपने आप के साथ पैन करता है स्क्रॉल करना। दर्शक एक अनुकूलित के बजाय डिस्क पर WebP पर कार्य करता है वेरिएंट - एक उत्तरदायी srcset व्यूपोर्ट से चुना जाता है, इसलिए एक ज़ूम करना उनमें से 1: 1 एक 3231px स्क्रीनशॉट को 1920 और हर एक में दिखाया गया है इसमें लेबल नरम हो जाता है। जानने लायक तीन चीजें: - छवियाँ.quality 75 लाभ. आगामी 16 एक गुणवत्ता लापता अस्वीकार नहीं करता उस सूची से, यह इसे निकटतम सूचीबद्ध मूल्य पर ले जाता है, इसलिए हर स्क्रीनशॉट को फिर से 50 पर कोडित किया जा रहा था जिसमें कहीं भी कोई चेतावनी नहीं थी। कि एक अंधेरे स्क्रिम के तहत एक तस्वीर के लिए सही है और एक तस्वीर के लिए गलत है 12px UI लेबल से बना है। - कॉलआउट पिन उनके डॉट को आकार दिया जाता है, जिसमें लेबल प्रवाह से बाहर होता है। एक फ्लेक्स पंक्ति के रूप में बाहर निकलें, `translate(-50%)` डॉट प्लस पर पिन केंद्र एक अदृश्य 15rem लेबल, और हर पिन कई प्रतिशत दूर उतरता है यह बात - प्रत्येक में एक अलग राशि से होती है। - दर्शक जेड इंडेक्स 100000 पर बैठता है। प्रस्ताव बैनर 99999 पर है और 10001 पर नेविगेशन; एक मोडल फिक्स्ड हेडर पेंट ओवर नहीं है एक मोडल। उत्पाद मेनू में पंजीकृत, पाद लेख, / साइट-मैप, दोनों साइटमैप और llms.txt, एक ImageObject फ़ीड के साथ तो चित्र उनके बारे में पाया जा सकता है छवि खोज में खुद ही। एक उत्पादन निर्माण में सत्यापित: मार्ग अभी भी है पूर्वनिर्धारित, और खुला / ज़ूम / एस्केप / फोकस-वापसी वास्तविक के साथ संचालित थे डेस्कटॉप और फोन की चौड़ाई पर इनपुट इवेंट।.

सभी बदलाव

जैसा कि आप शिपिंग देखते हैं?

इन अद्यतनों में से प्रत्येक स्वचालित रूप से अपने कार्यक्षेत्र में उतरता है। प्रारंभ करें और सप्ताह के बाद इसे सप्ताह के अंत में देखें।.

Foreverमूल्य निर्धारण देखें