चौड़ाई / ऊँचाई के बिना चित्र

पृष्ठ पर उपयोग की जाने वाली छवियों, उनकी लंबाई और चौड़ाई के लिए हमेशा संकेत देना अच्छा माना जाता है। अक्सर ऐसी तस्वीरें, यदि हम उनके आकारों को इंगित नहीं करते हैं, तो लोडिंग के दौरान हमारे लेआउट को स्विंग कर सकते हैं।
इसलिए कि विकास के दौरान यह अधिक स्पष्ट होगा जहां हमने आकारों को निर्दिष्ट किए बिना चित्रों को छोड़ दिया, 37Signals के लोगों ने एक छोटा लेकिन अत्यंत उपयोगी स्निपेट सुझाया:

img:not([width]):not([height]) { border: 2px solid red !important; } 

अब उन सभी चित्रों को जिनके लिए हमने आकार निर्दिष्ट नहीं किया था, उन्हें एक लाल फ्रेम के साथ हाइलाइट किया जाएगा, और उन्हें लंघन करना अधिक कठिन होगा।

मूल लेख