CSS sprites: ਵੇਰਵਾ, ਬੁਨਿਆਦੀ ਤਕਨੀਕਾਂ ਅਤੇ ਉਪਯੋਗੀ ਸਿਫਾਰਸ਼ਾਂ

ਆਧੁਨਿਕ ਸਾਈਟ ਵਿਕਾਸ ਦੇ ਪੜਾਅ ਤੇ ਅਤੇ ਕਲਾਇੰਟ ਨਾਲ ਕੰਮ ਕਰਦੇ ਸਮੇਂ, ਤੇਜ਼, ਸੁੰਦਰ ਅਤੇ ਪ੍ਰਭਾਵਸ਼ਾਲੀ ਹੋਣੀ ਚਾਹੀਦੀ ਹੈ. ਇੱਕ ਨਿਯਮ ਦੇ ਤੌਰ ਤੇ, ਹਰੇਕ ਕੰਪਨੀ ਜੋ ਇੰਟਰਨੈਟ ਸਰੋਤ ਬਣਾਉਂਦਾ ਹੈ, ਆਪਣਾ ਖੁਦ ਦਾ ਵਿਅਕਤੀ ਰੱਖਣਾ ਚਾਹੁੰਦਾ ਹੈ, ਦਰਸ਼ਕਾਂ ਦੁਆਰਾ ਆਪਣੀ ਡਿਜ਼ਾਇਨ, ਸ਼ੈਲੀ, ਭਰੋਸੇਯੋਗਤਾ, ਗਤੀ ਅਤੇ ਹੋਰ ਗੁਣਾਂ ਨੂੰ ਆਕਰਸ਼ਿਤ ਕਰਦਾ ਹੈ.

Sprites ਦੇ ਉਪਯੋਗੀ ਸੰਪਤੀਆਂ

CSS sprites ਤੁਹਾਨੂੰ ਸਾਈਟ ਦੀ ਗੁਣਵੱਤਾ ਦੀਆਂ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਅਤੇ ਕੰਪਨੀ ਦੀ ਚਿੱਤਰ ਨੂੰ ਬਿਹਤਰ ਬਣਾਉਣ ਵਿੱਚ ਸਹਾਇਤਾ ਕਰਦੀਆਂ ਹਨ ਅਸਲ ਵਿਚ, ਇਹ ਡਿਲੀਵਰ ਨਹੀਂ ਬਹੁਤ ਸੰਭਾਵੀ ਸੰਦ ਹੈ, ਪਰ ਇਹ ਅਸਲ ਵਿੱਚ ਸਰੋਤ ਵਿਕਾਸ ਦੀ ਪ੍ਰਕਿਰਿਆ ਨੂੰ ਤੇਜ਼ ਕਰਦਾ ਹੈ, ਅਤੇ ਉਹਨਾਂ ਦੇ ਕੰਮ ਦੀ ਗਤੀ ਨੂੰ ਵਧਾਉਂਦਾ ਹੈ.

ਦੂਜੀਆਂ ਚੀਜਾਂ ਦੇ ਵਿੱਚ, ਕੋਡ ਨੂੰ ਸਰਲ ਬਣਾਇਆ ਗਿਆ ਹੈ ਅਤੇ, ਇੱਕ ਵਿਸ਼ੇਸ਼ ਰੂਪ ਵਿੱਚ, ਦੂਜੇ ਸਰੋਤਾਂ ਲਈ ਪੋਰਟੇਬਲ ਬਣ ਜਾਂਦਾ ਹੈ, ਜੋ ਕਿ, CSS sprites ਦੀ ਵਰਤੋਂ ਕਰਕੇ, ਨਜ਼ਦੀਕੀ ਰਿਸ਼ਤੇਦਾਰਾਂ ਦੇ ਸਮਾਨ ਬਣ ਜਾਂਦੇ ਹਨ, ਕਿਉਂਕਿ ਤੁਸੀਂ ਇੱਕੋ ਗ੍ਰਾਫਿਕ ਵਿਚਾਰਾਂ ਦੀ ਵਰਤੋਂ ਕਰ ਸਕਦੇ ਹੋ, ਢਾਂਚੇ ਅਤੇ ਟੈਗ ਦੀ ਸਮੱਗਰੀ

ਕਿਸੇ ਵੈਬਸਾਈਟ ਦੇ ਵਿਕਾਸ ਦੀ ਆਮ ਪ੍ਰਕਿਰਿਆ ਵਿੱਚ, ਤੁਹਾਨੂੰ ਬਹੁਤ ਸਾਰੀਆਂ ਤਸਵੀਰਾਂ ਬਣਾਉਣ ਦੀ ਲੋੜ ਹੈ ਬਹੁਤ ਵਾਰ ਇਹ ਤਸਵੀਰਾਂ ਬਹੁਤ ਘੱਟ ਥਾਂ ਲੈਂਦੀਆਂ ਹਨ, ਪਰ ਉਹ ਹਮੇਸ਼ਾ ਇੱਕ ਵੱਖਰੀ ਫਾਈਲ ਹੁੰਦੀਆਂ ਹਨ. ਕਿਸੇ ਵੀ ਸਰਵਰ ਦੇ ਕਿਸੇ ਵੀ ਓਪਰੇਟਿੰਗ ਸਿਸਟਮ ਲਈ, ਇੱਕ ਫਾਇਲ ਖੋਲ੍ਹਣਾ ਇੱਕ ਸਮਾਂ ਬਰਬਾਦ ਕਰਨ ਵਾਲੀ ਕਿਰਿਆ ਹੈ, ਪਰ ਇਹ 13 ਤੋਂ 13 ਪਿਕਸਲ ਦੇ ਦੁਆਰਾ ਖੋਲ੍ਹਿਆ ਗਿਆ ਸਮਾਂ ਵਿੱਚ ਮਹੱਤਵਪੂਰਣ ਨਹੀਂ ਹੋਵੇਗਾ, ਅਤੇ ਜਦੋਂ 16 ਸਕ੍ਰਿਪਟਾਂ 52 by 52 ਪਿਕਸਲ ਖੁੱਲੀਆਂ ਹਨ. ਪਹਿਲੇ ਕੇਸ ਵਿਚ, ਤੁਹਾਡੇ ਕੋਲ 16 ਫਾਈਲਾਂ ਅਤੇ 16 ਖੁੱਲ੍ਹੀਆਂ / ਪੜ੍ਹੀਆਂ ਜਾਣ ਵਾਲੀਆਂ ਕਾਰਵਾਈਆਂ ਹੋਣੀਆਂ ਚਾਹੀਦੀਆਂ ਹਨ, ਦੂਜੇ ਮਾਮਲੇ ਵਿਚ, ਕੇਵਲ 16 ਫਾਈਲਾਂ ਨੂੰ ਇੱਕ ਹੀ ਫਾਇਲ ਖੋਲ੍ਹ ਕੇ ਪ੍ਰਾਪਤ ਕੀਤੀ ਜਾਵੇਗੀ.

ਜੇ ਤੁਸੀਂ ਅਜਿਹੀਆਂ ਫਾਈਲਾਂ ਦੇ ਵਿਸ਼ਾ (ਹਰੀਜੱਟਲ ਮੇਨੂ, ਡਾਇਲਾਗ ਫਾਰਮਾਂ, ਕੈਲਕੂਲੇਟਰ ਬਟਨ, ਕੈਲੰਡਰ ਆਈਟਮ ...) ਦੇ ਕੇ ਬਣਾਉਂਦੇ ਹੋ, ਤਾਂ ਤਸਵੀਰਾਂ ਦੇ ਅਜਿਹੇ ਸੈੱਟ ਨੂੰ ਸਾਈਟ ਤੋਂ ਸਾਈਟ ਉੱਤੇ ਮੋਬਾਈਲ ਰੂਪ ਵਿੱਚ ਟ੍ਰਾਂਸਫਰ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ.

ਸਿੱਕਾ ਦੇ ਉਲਟ ਪਾਸੇ

ਜਦੋਂ ਵੀ ਅਜਿਹੇ ਪ੍ਰਸ਼ੰਸਕ ਹੁੰਦੇ ਹਨ ਜੋ CSS sprites ਵਰਤਣ ਦੀ ਸਿਫ਼ਾਰਸ਼ ਕਰਨ ਲਈ ਬਹੁਤ ਤੇਜ਼ ਹੁੰਦੇ ਹਨ, ਉਨ੍ਹਾਂ ਨੂੰ ਇਹ ਯਕੀਨੀ ਬਣਾਉਣਾ ਚਾਹੀਦਾ ਹੈ ਕਿ ਉਹ ਸਵਾਲ ਦਾ ਧਿਆਨ ਨਾਲ ਅਧਿਐਨ ਕਰਨ ਅਤੇ ਸਮਝਦਾਰੀ ਨਾਲ ਇਹ ਦਰਸਾਉਂਦੇ ਹਨ ਕਿ ਇਹ ਹਮੇਸ਼ਾ ਪੁਰਾਣੇ ਢੰਗ ਨਾਲ ਕੰਮ ਕਰਨ ਲਈ ਪ੍ਰਭਾਵੀ ਹੁੰਦਾ ਹੈ.

ਦਰਅਸਲ, ਜੇ 16 ਚਿੱਤਰਾਂ ਦੀ ਬਜਾਏ 16 ਤਸਵੀਰਾਂ ਦੀ ਇਕ ਫਾਈਲ ਹੁੰਦੀ ਹੈ, ਤਾਂ 16 ਖੋਲ੍ਹਣ / ਰੀਡਿੰਗ ਦੇ ਕੰਮ ਕਰਨ ਦੀ ਬਜਾਏ ਇੱਕ ਹੋਵੇਗੀ. ਪਰ ਯੂਟਿਕ ਇਹ ਹੈ ਕਿ ਹਰ ਬ੍ਰਾਉਜ਼ਰ ਕੋਲ ਕੈਸ਼ ਹੈ, ਅਤੇ ਇਹ ਕੇਵਲ ਇੱਕ ਆਖਰੀ ਸਹਾਰਾ ਦੇ ਤੌਰ ਤੇ ਲੋਡ ਕਰਦਾ ਹੈ. ਇਸ ਤੋਂ ਇਲਾਵਾ, ਆਮ ਤੌਰ ਤੇ ਪੇਜ਼ ਐਲੀਮੈਂਟ ਪਹਿਲੀ ਵਾਰ ਲੋਡ ਕੀਤੇ ਜਾਂਦੇ ਹਨ ਜਦੋਂ ਸਫ਼ੇ ਨੂੰ ਖੋਲ੍ਹਿਆ ਜਾਂਦਾ ਹੈ, ਅਤੇ ਕੇਵਲ ਬਦਲੀਆਂ ਹੋਈਆਂ ਹੀ ਬਾਅਦ ਵਿੱਚ ਲੋਡ ਕੀਤੀਆਂ ਜਾਂਦੀਆਂ ਹਨ.

ਇਕ ਹੋਰ ਪਹਿਲੂ ਆਮਤੌਰ ਤੇ ਤਸਵੀਰਾਂ ਇੱਕ ਫਾਇਲ ਵਿੱਚ ਚਿਪਕਣ ਦੀ ਬਜਾਏ ਕੱਟੀਆਂ ਜਾਂਦੀਆਂ ਹਨ ਕਿਸੇ ਤਰ੍ਹਾਂ ਤਕਨਾਲੋਜੀ ਨੇ ਇਸ ਤਰ੍ਹਾਂ ਵਿਕਸਿਤ ਕੀਤਾ ਹੈ, ਕਸਟਮ ਡਿਜ਼ਾਇਨਰ ਇੱਕ ਖਾਕਾ ਤਿਆਰ ਕਰਦਾ ਹੈ, ਅਤੇ ਲੇਆਉਟ ਇਸਦੇ ਟੁਕੜੇ ਵਰਤਦਾ ਹੈ: ਲੇਆਉਟ ਦੇ ਬਾਰੀਕ ਕੱਟੇ ਹੋਏ ਹਿੱਸੇ ਸਪਰੇਟ ਦੇ ਵਿਰੋਧੀਆਂ ਦਾ ਮੰਨਣਾ ਹੈ ਕਿ ਇੱਕ ਫਾਈਲ ਵਿੱਚ ਕਈ ਚਿੱਤਰਾਂ ਦਾ ਸੰਗ੍ਰਹਿ ਸਮਾਂ-ਬਰਦਾਸ਼ਤ ਵਾਲਾ ਕੰਮ ਹੈ, ਜੋ ਕਿ ਸਫ਼ੇ ਦੇ ਸਮੁੱਚੇ ਵਿਕਾਸ ਸਮੇਂ ਵਿੱਚ ਵਾਧਾ ਕਰਦਾ ਹੈ.

ਡਿਵੈਲਪਰ ਵੀ ਹਨ ਜੋ HTTP ਬੇਨਤੀਆਂ ਦੀ ਗਿਣਤੀ ਨੂੰ ਸਮਝਦੇ ਅਤੇ ਅਨੁਕੂਲ ਕਰਦੇ ਹਨ, ਇਹ ਮੰਨਦੇ ਹੋਏ ਕਿ ਇਹ ਸਰਗਰਮੀ CSS sprites ਤੋਂ ਵੱਧ ਵਿਹਾਰਕ ਹੈ.

ਸਾਰੇ ਸੰਕੇਤ ਹੋਏ ਪਲਾਂ ਵਿੱਚ ਬੇਸ਼ਕ ਇਸ ਨਾਲ ਕੋਈ ਫ਼ਰਕ ਪੈਂਦਾ ਹੈ, ਪਰ ਵਧੇਰੇ ਮਹੱਤਵਪੂਰਨ ਰਾਇ ਹੈ: ਹਰ ਚੀਜ਼ ਨੂੰ ਵਾਜਬ ਸੀਮਾਵਾਂ ਦੇ ਅੰਦਰ ਲਾਗੂ ਕੀਤਾ ਜਾਣਾ ਚਾਹੀਦਾ ਹੈ.

ਆਟੋਮੇਸ਼ਨ ਅਤੇ CSS sprites

ਜੇ CSS ਸਪ੍ਰਿਟ ਜਰਨੇਟਰ ਚਲਾਉਣ ਅਤੇ ਡਿਜ਼ਾਇਨ ਦਾ ਸਹੀ ਹਿੱਸਾ ਪ੍ਰਾਪਤ ਕਰਨ ਵਿੱਚ ਕੋਈ ਬਿੰਦੂ ਨਹੀਂ ਹੈ, ਤਾਂ ਆਮ ਤੌਰ 'ਤੇ ਇਸ ਹਿੱਸੇ ਨੂੰ ਕੇਵਲ ਬੰਦ ਕਰਨ ਲਈ ਕੁਝ ਨਹੀਂ ਹੈ. ਜੇ ਆਮ ਟੈਕਨਾਲੋਜੀ ਸੈਂਕੜੇ ਚਿੱਤਰਾਂ ਨੂੰ ਕੱਟਣ ਦੀ ਜ਼ਰੂਰਤ ਵੱਲ ਅਗਵਾਈ ਕਰਦੀ ਹੈ, ਤਾਂ ਇਹ JavaScript ਫੰਕਸ਼ਨ ਨੂੰ ਤਿਆਰ ਕਰਨਾ ਬਿਹਤਰ ਹੈ, ਜੋ, ਜੇ ਲੋੜ ਹੋਵੇ, ਤਾਂ ਸਪ੍ਰਿਟ ਤੋਂ ਲੋੜੀਂਦੀ ਏਰੀਆ ਦੀ ਚੋਣ ਕਰੇਗਾ ਅਤੇ ਇਸ ਨੂੰ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰੇਗਾ.

ਇਹ ਨੋਟ ਕੀਤਾ ਜਾਣਾ ਚਾਹੀਦਾ ਹੈ, ਹਾਲਾਂਕਿ, ਦੋ ਜਾਂ ਤਿੰਨ ਤੱਤਾਂ ਜਾਂ ਇਕ ਦਰਜਨ ਜਾਂ ਦੋ ਦੀ ਸਪਰੇਟ ਕਿਤੇ ਵੀ ਨਹੀਂ ਜਾਂਦੀ, ਪਰ ਜਦੋਂ ਸ੍ਰੇਸ਼ਠ ਵਿਚ ਸੈਂਕੜੇ ਡਰਾਇੰਗ ਹੁੰਦੇ ਹਨ, ਤਾਂ ਜ਼ਰੂਰ ਜ JavaScript ਫੰਕਸ਼ਨ ਲਿਖਣ ਵਿਚ ਕੋਈ ਸਮੱਸਿਆ ਨਹੀਂ ਹੋਵੇਗੀ, ਪਰ ਇਸ ਨੂੰ ਬਣਾਉਣ ਲਈ ਕਿੰਨਾ ਕੁ ਕੋਸ਼ਿਸ਼ ਹੋਵੇਗੀ ਅਜਿਹੇ ਇੱਕ ਵੱਡੇ sprite ... ਇਸ ਤੋਂ ਇਲਾਵਾ, ਗੂੰਦ ਤਸਵੀਰਾਂ ਇਕ ਚੀਜ਼ ਹੈ, ਸਪ੍ਰਿਟ ਜਰਨੇਟਰ CSS ਇਸ ਲਈ ਲੋੜੀਦਾ ਚਿੱਤਰ ਅਤੇ CSS- ਕੋਡ ਦੋਨੋ ਕਰਦਾ ਹੈ, ਇਸ ਨਾਲ ਕੋਈ ਫ਼ਰਕ ਨਹੀਂ ਪੈਂਦਾ ਕਿ ਸਟਰਾਈਟ ਕਿੰਨੇ ਤੱਤ ਹੋਣਗੇ. ਸਮੱਸਿਆ ਉਦੋਂ ਪੈਦਾ ਹੁੰਦੀ ਹੈ ਜਦੋਂ ਤੁਸੀਂ ਸਾਈਟ ਨੂੰ ਡਿਜ਼ਾਇਨ ਕਰਦੇ ਹੋ, ਡਿਜ਼ਾਇਨ ਬਦਲੋ, ਮਿਟਾਓ ਅਤੇ ਨਵੀਂਆਂ ਆਈਟਮਾਂ ਜੋੜੋ. ਜਦੋਂ ਇੱਕ ਸਪ੍ਰਿਟ ਵਿਕਸਤ ਕਰਦੇ ਹੋ, ਤਾਂ ਤੁਹਾਨੂੰ ਇਸਦਾ ਇਸਤੇਮਾਲ ਕਰਨ ਬਾਰੇ ਨਹੀਂ ਸੋਚਣਾ ਚਾਹੀਦਾ, ਪਰ ਬਾਅਦ ਵਿੱਚ ਇਸਨੂੰ ਕਿਵੇਂ ਬਦਲਣਾ ਹੈ.

ਸਪ੍ਰੈਟਸ ਵਰਤਣ ਦੇ ਥੈਮੀਕ ਲਾਭ

CSS ਪ੍ਰੋਗ੍ਰਾਮਿੰਗ ਭਾਸ਼ਾਵਾਂ ਦੇ ਉਲਟ, ਇਹ ਨਿਯਮ ਦੇ ਇੱਕ ਸਥਿਰ ਸੈੱਟ ਹੈ, ਇਸਦੀ ਸਾਰੀ ਗਤੀ ਵਿਗਿਆਨ ਨਿਯਮਾਂ ਅਤੇ ਉਹਨਾਂ ਦੀ ਕਾਰਜਕਾਰੀ ਸਮੱਗਰੀ (ਮਿਆਰੀ ਦੁਆਰਾ) ਦੁਆਰਾ ਨਿਰਧਾਰਤ ਕੀਤੀ ਜਾਂਦੀ ਹੈ. ਸਪ੍ਰਿਟਜ਼, ਐਚਟੀਐਮਟੀ, ਸੀਐਸਐਸਐਸ ਦੇ ਸੈੱਟ ਵਿਚ ਤੁਸੀਂ ਡਿਜ਼ਾਈਨ-ਫੰਕਸ਼ਨਲ ਦੀ ਥੀਮੈਟਿਕ ਲਾਇਬ੍ਰੇਰੀਆਂ ਬਣਾ ਸਕਦੇ ਹੋ.

ਉਦਾਹਰਨ ਲਈ, ਮੀਨੂ ਦਾ ਮੁਕੰਮਲ ਵਰਜਨ: ਬਸ ਕੁਝ ਸੀਐਸ-ਨਿਯਮਾਂ, ਜੇ ਐਸ-ਫੰਕਸ਼ਨ ਅਤੇ ਕੋਡ ਵਿਚ ਕਈ ਐਚਟੀਟੀ-ਐਚਆਈਐਚ ਸ਼ਾਮਲ ਕਰਕੇ ਤੁਸੀਂ ਨਤੀਜਾ ਪ੍ਰਾਪਤ ਕਰ ਸਕਦੇ ਹੋ. ਤਸਵੀਰ ਸਪ੍ਰਾਇਟ ਦੀ ਸਮਗਰੀ ਨੂੰ ਬਦਲਣਾ, ਤੁਸੀਂ ਇਸ ਮੀਨੂੰ ਦੀ ਦਿੱਖ ਨੂੰ ਬਦਲ ਸਕਦੇ ਹੋ. ਫੰਕਸ਼ਨ ਸਰੀਰ ਨੂੰ ਨਿਰਦਿਸ਼ਟ ਕਰਕੇ, ਤੁਸੀਂ ਕਾਰਜਸ਼ੀਲ ਨੂੰ ਅਨੁਕੂਲ ਕਰ ਸਕਦੇ ਹੋ.

ਇਹ ਆਬਜੈਕਟ-ਓਰੀਐਂਟਡ ਪ੍ਰੋਗਰਾਮਿੰਗ (ਓਓਪੀ) ਦਾ ਅਜੀਬ ਵਰਜ਼ਨ ਸਾਬਤ ਕਰਦਾ ਹੈ. ਨਿਰਸੰਦੇਹ, ਇਹ ਇੱਕ ਸ਼ਾਨਦਾਰ ਵਿਚਾਰ ਹੋਵੇਗਾ, ਪਰ ਇਹ ਅਸਲੀ ਭਾਸ਼ਾਵਾਂ ਵਿੱਚ ਦੂਜੀਆਂ OOP ਉਪ-ਭਾਸ਼ਾਵਾਂ ਦੀ ਪਿਛੋਕੜ ਦੇ ਵਿਰੁੱਧ ਬਹੁਤ ਉਜਵਲ ਨਹੀਂ ਹੋਵੇਗੀ. ਇਹ ਸਿਰਫ 90 ਦੇ ਦਹਾਕੇ ਦੇ ਸ਼ੁਰੂ ਵਿਚ ਸੀ, ਜਦੋਂ ਓਓਪੀ ਨੇ ਮੁੜ ਸੁਰਜੀਤ ਕੀਤਾ ਅਤੇ ਸੂਰਜ ਵਿਚ ਅਸਧਾਰਨ ਤੌਰ ਤੇ ਤੇਜ਼ੀ ਨਾਲ ਸਥਾਨ ਹਾਸਲ ਕਰਨਾ ਸ਼ੁਰੂ ਕਰ ਦਿੱਤਾ, ਇਹ ਇਕ ਠੋਸ ਵਿਚਾਰ ਅਤੇ ਇਸਦਾ ਪ੍ਰਗਟਾਵਾ ਦਾ ਇਕ ਠੋਸ ਰੂਪ ਦਰਸਾਉਂਦਾ ਸੀ, ਅਤੇ ਅੱਜ ਦੇ ਡਿਵੈਲਪਰਾਂ ਨੇ ਬਹੁਤ ਸਾਰੀਆਂ ਉਪਭਾਸ਼ਾਵਾਂ ਨਾਲ ਅਪਣਾਇਆ ਹੈ ਕਿਉਂਕਿ ਕੋਈ ਵੱਖਰੀ ਰੂਸੀ ਭਾਸ਼ਾ ਨਹੀਂ ਹੈ.

ਖਿਡੌਣੇ - sprites ਲਈ ਇੱਕ ਸੋਨੇ ਦੀ ਖਾਣਾ

ਉਤਸ਼ਾਹ ਅਤੇ ਪ੍ਰੋਗ੍ਰਾਮਿੰਗ ਅਨੁਰੂਪ ਧਾਰਨਾਵਾਂ ਹਨ, ਪਰ ਪ੍ਰੋਗ੍ਰਾਮਰ ਲਿਖਣ ਵਾਲੇ ਖੇਡਾਂ ਦੀ ਯੋਗਤਾ ਆਮ (ਸਧਾਰਣ ਕੋਡਿੰਗ) ਅਤੇ ਰਚਨਾਤਮਕ (ਡਿਜ਼ਾਈਨਿੰਗ ਅਤੇ ਨਵੀਂ ਤਕਨਾਲੋਜੀਆਂ, ਵਿਚਾਰਾਂ) ਨੂੰ ਵਿਸਤਰਤ ਹੈ.

ਵੈਕਟਰ ਗਰਾਫਿਕਸ ਲਈ ਗੇਮ ਡਿਜ਼ਾਇਨ ਅਪੀਲ ਹੈ, ਕਿਉਂਕਿ SVG sprite + CSS ਨਿਯਮਾਂ ਦਾ ਮੇਲ ਸਿਰਫ ਮੰਗ ਵਿੱਚ ਨਹੀਂ ਹੈ, ਪਰ ਇਹ ਅਕਸਰ ਇੱਕ ਡਿਵੈਲਪਰ (ਸਾਈਟ) ਦੇ ਇੱਕ ਵਸਤੂ ਨੂੰ ਅਸਲ ਗੇਮ ਦੇ ਇੱਕ ਵਸਤੂ ਦੇ ਰੂਪ ਵਿੱਚ ਬਦਲ ਦਿੰਦਾ ਹੈ. ਖਾਸ ਤੌਰ ਤੇ, ਪ੍ਰਸਿੱਧ ਗੇਮ ਕਾਊਂਟਰ ਹੜਤਾਲ sprites ਦੀ ਸ਼ਰਤ 'ਤੇ ਲਾਗੂ ਹੁੰਦੀ ਹੈ, ਸਪਰੇਅ ਕਾਫੀ ਅਰਥਪੂਰਨ ਸਮਾਨਾਰਥੀ ਸ਼ਬਦ ਹਨ: ਧਮਾਕਾ, ਖ਼ੂਨ, ਨਜ਼ਰ ...

ਸ਼ੁਰੂ ਕਰਨ ਲਈ "ਸਪਿਰਟ CSS v34 ਇੰਸਟਾਲ ਕਰੋ" ਸ਼ਬਦ ਕਾਫ਼ੀ ਸਾਧਾਰਨ ਅਤੇ ਸਮਝਣ ਯੋਗ ਹੈ. ਸਪ੍ਰਾਈਟਸ ਨੂੰ ਨਾ ਸਿਰਫ ਉਪਯੋਗਤਾ ਵਿੱਚ ਆਪਣੇ ਸਾਰਾਂ ਵਿੱਚ ਲਾਭ ਹੋਇਆ ਹੈ, ਸਗੋਂ ਇੱਕ ਅਜਿਹੀ ਜਗ੍ਹਾ ਵੀ ਬਣਾਈ ਗਈ ਹੈ ਜੋ ਪੂਰੀ ਤਰ੍ਹਾਂ ਕੰਮ ਕਰਨ ਯੋਗ, ਪਹੁੰਚਯੋਗ ਅਤੇ ਖਪਤਕਾਰਾਂ ਦੇ ਇੱਕ ਨਿਸ਼ਚਿਤ ਚੱਕਰ ਨੂੰ ਸਮਝਣ ਯੋਗ ਹੈ.

CSS sprites: ਇੱਕ ਉਦਾਹਰਨ

ਕਿਸੇ ਸਾਈਟ ਦੇ ਪੰਨਿਆਂ ਨੂੰ ਇੱਕ ਜਾਂ ਕਿਸੇ ਹੋਰ ਭਾਸ਼ਾ ਵਿੱਚ ਬਦਲਣ ਲਈ, ਬਹੁਤ ਸਾਰੇ ਵਿਕਲਪ ਵਰਤੇ ਜਾਂਦੇ ਹਨ, ਪਰ ਜੇ ਭਾਸ਼ਾ ਚੋਣਕਾਰ ਨੂੰ ਆਈਕਾਨ ਦੇ ਰੂਪ ਵਿੱਚ ਚਲਾਇਆ ਜਾਂਦਾ ਹੈ, ਤਾਂ ਸਪ੍ਰਿਸਟ ਦੀ ਵਰਤੋਂ ਦਾ ਹੱਲ ਇਸ ਤਰ੍ਹਾਂ ਦਿਖਾਈ ਦੇਵੇਗਾ:

ਸਪਰੇਟਸ ਦੇ ਸਪਸ਼ਟ ਨੁਕਸਾਨ

ਸਭ ਤੋਂ ਪਹਿਲਾਂ, ਇਹ ਇੱਕ ਕਿਰਵੀ ਅਤੇ ਇਮਾਨਦਾਰ ਕਾਰਜ ਹੈ. ਇਕ ਡਿਜ਼ਾਇਨ ਨੂੰ ਛੋਟੇ ਟੁਕੜਿਆਂ ਵਿਚ ਕੱਟਣਾ ਇਕ ਗੱਲ ਹੈ, ਦੂਜਾ ਇਕ ਛੋਟੀ ਜਿਹੀ ਤਸਵੀਰ ਵਿਚ ਇਕ ਤਸਵੀਰ ਇਕੱਠੀ ਕਰਨਾ ਹੈ. ਕੈਨਵਸ ਦੇ ਵਿਚਾਰ ਨੂੰ ਲਾਗੂ ਕਰੋ ਅਤੇ ਸਾਈਟ ਤੇ ਵਰਤੇ ਗਏ ਸਾਰੇ ਚਿੱਤਰਾਂ ਨੂੰ ਪੂਰੀ ਤਰ੍ਹਾਂ ਵਿਅਰਥ ਕਰੋ.

ਵੀ ਇੱਕ CSS sprite ਜਨਰੇਟਰ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋਏ, ਮੁਸ਼ਕਲਾਂ ਤੋਂ ਬਚਿਆ ਨਹੀਂ ਜਾ ਸਕਦਾ, ਖਾਸ ਕਰਕੇ ਜਦੋਂ ਤੁਹਾਨੂੰ ਸਾਈਟ ਡਿਜ਼ਾਇਨ ਨੂੰ ਡਿਜ਼ਾਇਨ ਕਰਨਾ ਪਵੇਗਾ. ਕੁੱਝ ਦਰਜਨ ਚਿੱਤਰਾਂ ਦੀ ਸਫਾਈ ਵਿੱਚ ਰੱਖੋ - ਇਹ ਤੱਤਾਂ ਦੀ ਲੜੀ ਨਹੀਂ ਹੈ, ਗ੍ਰਾਫਿਕਸ ਗਰਾਫਿਕਸ ਹਨ, ਇਹ ਆਮ ਤੌਰ ਤੇ ਸਿਰਫ ਵੇਖਾਈਦਾ ਹੈ, ਨਾ ਕਿ ਲੋੜੀਂਦਾ ਤੱਤ ਦੀ ਖੋਜ ਦੇ ਖੇਤਰ ਵਿੱਚ ਲੜੀਬੱਧ ਕਰਨ ਦੀ ਬਜਾਏ.

ਸਟੈਂਡਰਡ ਅਤੇ ਹੇਠਾਂ ਦਿੱਤੇ ਡਿਵੈਲਪਰਾਂ ਦਾ ਦਾਅਵਾ ਹੈ ਕਿ ਕਿਉਂਕਿ ਸਪ੍ਰਿਸਟ ਨਿਯਮ ਪਿਛੋਕੜ ਨਾਲ ਸਬੰਧਤ ਹਨ, ਫਿਰ ਇਹ ਇੱਕ ਵਿਸ਼ੇਸ਼ ਬੈਕਗਰਾਊਂਡ ਚਿੱਤਰ ਹੈ, ਨਾ ਕਿ ਸਾਈਟ ਦਾ ਇੱਕ ਤੱਤ. ਸਫ਼ਾ ਇਕਾਈਆਂ ਦੇ ਗ੍ਰਾਫਿਕ ਭਾਗ ਨੂੰ img tags ਨੂੰ ਹੇਰ-ਫੇਰ ਕਰਨਾ ਚਾਹੀਦਾ ਹੈ.

ਇਸ ਦੇ ਨਾਲ ਇਹ ਸਧਾਰਣ ਆਧਾਰ ਤੇ ਸਹਿਮਤ ਹੋਣਾ ਔਖਾ ਹੁੰਦਾ ਹੈ ਕਿ ਬੈਕਗ੍ਰਾਉਂਡ ਨੂੰ ਆਮ ਪਿਛੋਕੜ ਨਹੀਂ ਮੰਨਿਆ ਗਿਆ ਸੀ. ਇਹ ਸਿਰਫ ਇੱਕ ਬੈਕਗਰਾਊਂਡ ਹੈ, ਭਾਵੇਂ ਕੋਈ ਵੀ ਹੋਵੇ - ਇੱਕ ਛੋਟਾ ਜਿਹਾ ਤੱਤ ਜਾਂ ਸਮੁੱਚੇ ਤੌਰ 'ਤੇ ਪੂਰਾ ਪੰਨਾ.

ਇਸ ਦੌਰਾਨ, ਇਹ ਗ੍ਰਾਫਿਕ ਕੰਪੋਨੈਂਟ ਹੈ ਜੋ sprites ਦੀ ਵਰਤੋਂ ਵਿਚ ਇਕ ਗੰਭੀਰ ਰੁਕਾਵਟ ਹੈ.

ਠੋਸ ਵਰਤੋਂ

ਇਸ ਤੱਥ ਦੇ ਬਾਵਜੂਦ ਕਿ "ਇੰਟਰਨੈਟ ਤਕਨਾਲੋਜੀ" ਅਤੇ "ਉੱਚ ਤਕਨਾਲੋਜੀ" ਨੂੰ ਸਮਾਨਾਰਥੀ ਮੰਨਿਆ ਜਾਂਦਾ ਹੈ, ਅਸਲ ਵਿੱਚ ਇਹ ਕਿਰਤ-ਅਧਾਰਤ ਹੈ ਅਤੇ ਕੁਝ ਸਥਾਨਾਂ ਵਿੱਚ ਬਹੁਤ ਹੀ ਗੈਰ-ਤਕਨੀਕੀ ਕੰਮ ਹੈ ਸਪ੍ਰਾਈਟਾਂ ਖਾਸ ਤੌਰ 'ਤੇ ਦੂਜੀਆਂ ਰੁਕਾਵਟਾਂ, ਜਿਵੇਂ ਕਿ ਜਾਵਾਸਕ੍ਰਿਪਟ ਜਾਂ ਪੀਐਚਏਪੀ ਵਿੱਚ ਸ਼ੁੱਧ ਪ੍ਰੋਗਰਾਮਿੰਗ, ਜਾਂ ਲੋੜੀਂਦੀ ਕਾਰਜਸ਼ੀਲਤਾ ਨੂੰ ਵਿਕਸਤ ਕਰਨ ਦੇ ਰੂਪ ਵਿੱਚ, ਜਾਣਕਾਰੀ ਦੇ ਨਾਲ ਸਾਈਟਾਂ ਨੂੰ ਭਰਨ ਦੀਆਂ ਪ੍ਰਕਿਰਿਆਵਾਂ ਨੂੰ ਸੰਰਚਿਤ ਕਰਨ ਦੇ ਰੂਪ ਵਿੱਚ, ਜਾਂ, ਉਦਾਹਰਨ ਲਈ, ਆਰਕਾਈਵਜ਼ ਦੀਆਂ ਪਿਛੋਕੜ ਦੀਆਂ ਕਾਪੀਆਂ ਬਣਾਉਣਾ

ਵਰਤੇ ਗਏ ਸਾਈਟ ਪ੍ਰਬੰਧਨ ਪ੍ਰਣਾਲੀਆਂ ਦੀ ਤਾਕਤ ਅਤੇ ਦ੍ਰਿਸ਼ਟੀਕੋਣ ਸਮੇਂ ਸਮੇਂ ਤੇ ਉਹਨਾਂ ਦੀ ਪ੍ਰੈਕਟੀਕਲ ਐਪਲੀਕੇਸ਼ਨ ਦੇ ਸੂਤਰਧਾਰਾਂ ਦੁਆਰਾ ਸਥਾਪਤ ਕੀਤੇ ਜਾਂਦੇ ਹਨ, ਅਤੇ ਨਿਯਮ ਦੇ ਤੌਰ ਤੇ ਸਰੋਤਾਂ ਦਾ ਮੈਨੂਅਲ ਡਿਵੈਲਪਮੈਂਟ, 1001 ਵੇਂ ਸਮੇਂ ਲਈ ਇਕ ਜਾਂ ਦੂਹਰੇ ਅਲਗੋਰਿਦਮਾਂ ਦਾ ਦੁਬਾਰਾ ਲਿਖਣ ਦੀ ਜ਼ਰੂਰਤ ਵੱਲ ਅਗਵਾਈ ਕਰਦਾ ਹੈ.

ਕੀ ਕਿਹਾ ਗਿਆ ਹੈ ਦੇ ਸੰਦਰਭ ਵਿੱਚ, ਇਹ ਸਿਰਫ ਮਹੱਤਵਪੂਰਣ ਹੈ ਕਿ ਕਿਸੇ ਵੀ ਆਧੁਨਿਕ ਸਾਧਨ ਦੁਆਰਾ ਪ੍ਰਦਾਨ ਕੀਤੀ ਜਾਣ ਵਾਲੀ ਹਰ ਚੀਜ ਨੂੰ ਉਚਿਤ ਸੀਮਾਵਾਂ ਦੇ ਅੰਦਰ ਵਰਤਣ ਲਈ. ਕਿਸੇ ਇਕ ਨੂੰ ਨੁਕਸਾਨ ਕਰਨ ਲਈ ਇਕ ਦੀ ਵਰਤੋਂ ਕਰਨ ਵਿਚ ਜੋਸ਼ੀਲੀ ਨਾ ਹੋਵੋ ਅਤੇ ਸਾਈਟ ਬਿਲਡਿੰਗ ਵਿਚ ਸੁਨਹਿਰੇ ਨਿਯਮ ਇਹ ਹੈ: ਕਿਸੇ ਨੂੰ ਇਹ ਨਹੀਂ ਸੋਚਣਾ ਚਾਹੀਦਾ ਕਿ ਜਿੰਨਾ ਛੇਤੀ ਹੋ ਸਕੇ ਕੰਮ ਨੂੰ ਸੌਂਪਣਾ ਹੈ, ਪਰ ਇਸ ਨੂੰ ਲਾਗੂ ਕਿਵੇਂ ਕਰਨਾ ਹੈ ਇਸ ਲਈ ਕਿ ਕਿਸੇ ਵੀ ਅਣਪਛਾਤੀ ਸਥਿਤੀ ਦੀ ਸਥਿਤੀ ਵਿਚ ਇਹ ਛੇਤੀ ਹੱਲ ਹੋ ਸਕੇ. ਕੋਈ ਵੀ ਸਮੱਸਿਆ.