कुछ लोगों के लिए आइसोटोप उस काम के समान होगा जो आपने पहले चिनाई के साथ किया था; क्या आप दोनों के बीच मुख्य अंतर बता सकते हैं?
आइसोटोप में कई विशेषताएं हैं जिनमें चिनाई का अभाव है। चिनाई अनिवार्य रूप से एक काम करता है, आइटम तत्वों को कैस्केडिंग व्यवस्था में रखता है। आइसोटोप में चिनाई के लेआउट तर्क का निर्माण किया गया है, लेकिन इसके अलावा, इसमें कई अन्य लेआउट मोड भी हैं जिनका उपयोग स्थिति तत्वों को गतिशील करने के लिए किया जा सकता है। तुम भी अपने स्वयं के कस्टम लेआउट मोड विकसित कर सकते हैं।
जैसा कि मैंने उल्लेख किया है, इसमें फ़िल्टरिंग और सॉर्टिंग कार्यक्षमता बनी है। फ़िल्टरिंग आइटम एक jQuery चयनकर्ता में पास करना जितना आसान है:
$('#container').isotope({ filter: '.my-selector' });
आइसोटोप वहाँ से बाहर सबसे अच्छा ब्राउज़र सुविधाओं का लाभ लेता है। विशिष्ट वाम / शीर्ष शैलियों की स्थिति का उपयोग करने के बजाय, आइसोटोप एक प्रगतिशील वृद्धि दृष्टिकोण लेता है और ब्राउज़र द्वारा समर्थित होने पर सीएसएस ट्रांसफ़ॉर्म का उपयोग करता है। यह शीर्ष पायदान ब्राउज़रों के लिए शीर्ष प्रदर्शन के लिए प्रदान करता है। हार्डवेयर त्वरण किकिंग के साथ, एनिमेशन WebKit ब्राउज़रों पर रेशमी चिकनी दिखते हैं, और यहां तक कि iOS का उपयोग करने वाले कम शक्तिशाली उपकरण भी। CSS ट्रांसफ़ॉर्म CSS बदलावों के साथ बेहतर प्रदर्शन करते हैं, जिसकी चर्चा मैं बाद में करूँगा।