Code Snippet Weekly

Useful code snippets you can use today. | 2026-08-09

ਬੜੀ ਗੱਲ

ਕੀ ਤੁਸੀਂ ਕਦੇ <dialog> ਇਲਿਮੈਂਟ ਨੂੰ HTML ਵਿੱਚ ਨਜ਼ਰਅੰਦਾਜ਼ ਕੀਤਾ ਹੈ? ਇਸ ਹਫਤੇ, ਮੈਂ ਇਸ ਦੀਆਂ ਖੂਬੀਆਂ ਦੀ ਗਹਿਰਾਈ ਵਿੱਚ ਜਾਣਕਾਰੀ ਪ੍ਰਾਪਤ ਕੀਤੀ ਅਤੇ ਕੁਝ ਸ਼ਾਨਦਾਰ ਸ਼ੈਲੀਆਂ ਦੇ ਟ੍ਰਿਕਸ ਲੱਭੇ, ਜੋ ਤੁਹਾਡੇ ਵੈਬ ਐਪਸ 'ਤੇ ਯੂਜ਼ਰ ਇੰਟਰੈਕਸ਼ਨ ਨੂੰ ਬਿਹਤਰ ਬਣਾ ਸਕਦੇ ਹਨ। <dialog> ਇਲਿਮੈਂਟ ਮੋਡਲ ਡਾਇਲਾਗ ਲਈ ਡਿਜ਼ਾਇਨ ਕੀਤਾ ਗਿਆ ਹੈ, ਪਰ ਬਹੁਤ ਸਾਰੇ ਡਿਵੈਲਪਰ ਇਹ ਨਹੀਂ ਸਮਝਦੇ ਕਿ ਇਸਨੂੰ ਕਿਸੇ ਹੋਰ ਇਲਿਮੈਂਟ ਵਾਂਗ ਸਜਾਇਆ ਜਾ ਸਕਦਾ ਹੈ, ਇਸ ਦੀ CSS ਪ੍ਰਾਪਰਟੀਜ਼ ਦੀ ਬਦੌਲਤ। ਤੁਸੀਂ ਇਸ ਦੀ ਦਿੱਖ, ਪੋਜ਼ੀਸ਼ਨਿੰਗ ਅਤੇ ਇਨ੍ਹਾਂ ਦੀਆਂ ਐਨੀਮੇਸ਼ਨਾਂ ਨੂੰ ਕੰਟਰੋਲ ਕਰ ਸਕਦੇ ਹੋ। ਹਾਲਾਂਕਿ, ਇੱਕ ਆਮ ਗਲਤੀ ਇਹ ਹੈ ਕਿ ਇਸ ਦੀ ਪਹੁੰਚ ਯੋਗਤਾ ਦੇ ਫੀਚਰ—ਜਿਵੇਂ ਕਿ ਫੋਕਸ ਟ੍ਰੈਪਿੰਗ ਅਤੇ ਕੀਬੋਰਡ ਨੈਵੀਗੇਸ਼ਨ—ਜੋ ਸਕਰੀਨ ਰੀਡਰ 'ਤੇ ਭਰੋਸਾ ਕਰਨ ਵਾਲੇ ਯੂਜ਼ਰਾਂ ਲਈ ਬਹੁਤ ਹੀ ਅਹਿਮ ਹਨ, ਨੂੰ ਸੰਭਾਲਣਾ ਭੁੱਲ ਜਾਂਦੇ ਹਨ। ਇਸਦਾ ਪੂਰਾ ਵਿਸਥਾਰ ਦੇਖਣ ਲਈ CSS-Tricks 'ਤੇ ਜਾਓ।

ਤੇਜ਼ ਹਿੱਟ

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

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

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

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

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

ਇੱਕ ਗੱਲ ਕੋਸ਼ਿਸ਼ ਕਰਨ ਲਈ

ਇਸ ਹਫਤੇ, ਆਪਣੇ ਅਗਲੇ ਵੈਬ ਪ੍ਰੋਜੈਕਟ ਵਿੱਚ <dialog> ਇਲਿਮੈਂਟ ਨਾਲ ਅਜ਼ਮਾਇਸ਼ ਕਰਨ ਦੀ ਕੋਸ਼ਿਸ਼ ਕਰੋ! ਤੁਸੀਂ ਫਾਰਮ ਜਾਂ ਪੁਸ਼ਟੀ ਲਈ ਮੋਡਲ ਬਣਾਉਣ ਦੇ ਯੋਗ ਹੋ ਸਕਦੇ ਹੋ ਬਿਨਾਂ ਕਿਸੇ ਤੀਜੀ ਪਾਰਟੀ ਲਾਇਬ੍ਰੇਰੀਆਂ 'ਤੇ ਨਿਰਭਰ ਕੀਤੇ। ਸਿਰਫ ਇਹ ਯਾਦ ਰੱਖੋ ਕਿ ਪਹੁੰਚ ਯੋਗਤਾ ਨੂੰ ਠੀਕ ਤਰੀਕੇ ਨਾਲ ਸੰਭਾਲਣਾ!

ਸਾਈਨ-ਆਫ

ਇਹ ਇਸ ਹਫਤੇ ਲਈ ਹੈ। ਮੈਂ ਉਮੀਦ ਕਰਦਾ ਹਾਂ ਕਿ ਤੁਹਾਨੂੰ ਇਹ ਸਨਿੱਪਪ ਅਤੇ ਟਿਪਸ ਲਾਭਦਾਇਕ ਮਿਲਣਗੇ! ਜੇ ਤੁਹਾਡੇ ਕੋਲ ਕੋਈ ਸਵਾਲ ਹਨ ਜਾਂ ਤੁਸੀਂ ਆਪਣੀਆਂ ਅਨੁਭਵਾਂ ਨੂੰ ਸਾਂਝਾ ਕਰਨਾ ਚਾਹੁੰਦੇ ਹੋ, ਤਾਂ ਸਿਰਫ ਜਵਾਬ ਦਿਓ। ਖੁਸ਼ ਕੋਡਿੰਗ!

More from FreshSift:

Get this in your inbox every week

Subscribe for Free →