Code Snippet Weekly

Useful code snippets you can use today. | 2026-05-03

ਬਹੁਤ ਵੱਡਾ

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

ਤੁਰੰਤ ਜਾਣਕਾਰੀ

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

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

ਫੁੱਲ ਸਟੈਕ Web3 DApp ਬਣਾਉਣਾ - ERC-20 ਟੋਕਨ ਅਤੇ React dApp ਨੂੰ ਸ਼ੁਰੂ ਤੋਂ ਬਣਾਉਣ 'ਤੇ ਇੱਕ ਨਵਾਂ ਮਾਰਗਦਰਸ਼ਕ ਜ਼ਰੂਰ ਪੜ੍ਹੋ। ਇਹ ਮਹੱਤਵਪੂਰਨ ਹੈ: ਕੇਂਦਰੀਕ੍ਰਿਤ ਐਪਲੀਕੇਸ਼ਨਾਂ ਦੇ ਉੱਥਾਨ ਨਾਲ, ਆਪਣੇ ਟੋਕਨ ਨੂੰ ਬਣਾਉਣ ਅਤੇ ਇਸਨੂੰ ਫਰੰਟਏਂਡ ਨਾਲ ਇਕੱਠਾ ਕਰਨ ਦੇ ਤਰੀਕਿਆਂ ਨੂੰ ਜਾਣਨ ਨਾਲ ਤੁਸੀਂ ਨੌਕਰੀ ਦੇ ਬਜ਼ਾਰ ਵਿੱਚ ਅਲੱਗ ਹੋ ਜਾਓਗੇ।

Go ਐਪਲੀਕੇਸ਼ਨਾਂ ਨੂੰ Docker ਕਰਨਾ - Go ਐਪਲੀਕੇਸ਼ਨ ਨੂੰ Docker ਕਰਨ 'ਤੇ ਇਸ ਕਦਮ-ਦਰ-ਕਦਮ ਮਾਰਗਦਰਸ਼ਕ ਨੂੰ ਦੇਖੋ। ਇਹ ਮਹੱਤਵਪੂਰਨ ਹੈ: ਕੰਟੇਨਰਾਈਜ਼ੇਸ਼ਨ ਤੈਨਾਤੀ ਨੂੰ ਸੁਗਮ ਬਣਾਉਂਦੀ ਹੈ ਅਤੇ ਯਕੀਨੀ ਬਣਾਉਂਦੀ ਹੈ ਕਿ ਤੁਹਾਡਾ ਐਪਲੀਕੇਸ਼ਨ ਵੱਖ-ਵੱਖ ਵਾਤਾਵਰਣਾਂ ਵਿੱਚ ਸਥਿਰਤਾ ਨਾਲ ਚਲਦਾ ਹੈ, ਜੋ ਆਧੁਨਿਕ ਡਿਵੈਲਪਰਾਂ ਲਈ ਇੱਕ ਨਿਯਮਤ ਹੁਨਰ ਹੈ।

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

ਇੱਕ ਚੀਜ਼ ਜੋ ਅਜ਼ਮਾਉਣੀ ਹੈ

ਇਸ ਹਫਤੇ, ਆਪਣੇ CSS ਪ੍ਰੋਜੈਕਟਾਂ ਵਿੱਚ contrast-color() ਫੰਕਸ਼ਨ ਦੀ ਵਰਤੋਂ ਕਰਨ ਦਾ ਯਤਨ ਕਰੋ। ਇਹ ਇੱਕ ਸਧਾਰਣ ਪਰ ਪ੍ਰਭਾਵਸ਼ਾਲੀ ਤਰੀਕਾ ਹੈ ਇਹ ਯਕੀਨੀ ਬਣਾਉਣ ਲਈ ਕਿ ਤੁਹਾਡਾ ਲਿਖਿਆ ਸਦਾ ਪਿਛੋਕੜ ਦੇ ਰੰਗਾਂ ਦੇ ਖਿਲਾਫ ਪੜ੍ਹਣਯੋਗ ਹੈ, ਜੋ ਸਮੂਹਿਕ ਉਪਭੋਗਤਾ ਦੇ ਅਨੁਭਵ ਨੂੰ ਸੁਧਾਰਦਾ ਹੈ। ਇਸਨੂੰ ਕੁਝ ਤੱਤਾਂ ਵਿੱਚ ਲਾਗੂ ਕਰੋ ਅਤੇ ਫ਼ਰਕ ਵੇਖੋ!

ਸਾਇਨ-ਆਫ਼

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

More from FreshSift:

Get this in your inbox every week

Subscribe for Free →