Code Snippet Weekly

Useful code snippets you can use today. | 2026-04-12

ਵੱਡੀ ਗੱਲ

ਇਸ ਹਫ਼ਤੇ, CSS Tricks ਨੇ CSS ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਕੈਲੰਡਰ ਵਿੱਚ ਬਹੁਤ ਸਾਰੀ ਮਿਤੀਆਂ ਚੁਣਨ ਦਾ ਇੱਕ ਸਮਝਦਾਰੀ ਭਰਿਆ ਤਰੀਕਾ ਸਾਂਝਾ ਕੀਤਾ। :nth-child() ਚੁਣਨਕਾਰ ਦੀ ਮਦਦ ਨਾਲ, ਤੁਸੀਂ ਬਿਨਾਂ ਜਟਿਲ ਜਾਵਾਸਕ੍ਰਿਪਟ ਦੇ ਇੱਕ ਰੇਂਜ ਚੋਣ ਪ੍ਰਭਾਵ ਬਣਾ ਸਕਦੇ ਹੋ। ਇਹ UI ਵਿਕਾਸਕਰਤਾਵਾਂ ਲਈ ਇੱਕ ਖੇਡ-ਬਦਲਣ ਵਾਲਾ ਤਰੀਕਾ ਹੈ ਜੋ ਮਿਤੀ ਪਿਕਰਾਂ 'ਤੇ ਉਪਭੋਗੀ ਸੰਵਾਦ ਨੂੰ ਵਧਾਉਣ ਦੀ ਕੋਸ਼ਿਸ਼ ਕਰ ਰਹੇ ਹਨ। ਤੁਸੀਂ ਇੱਕ ਸਾਫ, ਜਵਾਬਦਿਹ ਕੈਲੰਡਰ ਪ੍ਰਾਪਤ ਕਰ ਸਕਦੇ ਹੋ ਜੋ ਸਮਝਣ ਵਿੱਚ ਆਸਾਨ ਹੈ। ਜੇ ਤੁਸੀਂ ਆਮ ਤੌਰ 'ਤੇ ਆਪਣੇ ਵੈੱਬ ਐਪਲੀਕੇਸ਼ਨਾਂ ਵਿੱਚ ਮਿਤੀ ਚੋਣ ਦਾ ਸਾਹਮਣਾ ਕਰਦੇ ਹੋ, ਤਾਂ ਆਪਣੇ ਕੋਡ ਨੂੰ ਸਧਾਰਨ ਕਰਨ ਅਤੇ ਉਪਭੋਗੀ ਅਨੁਭਵ ਨੂੰ ਸੁਧਾਰਨ ਲਈ ਇਸ ਤਰੀਕੇ ਨੂੰ ਲਾਗੂ ਕਰਨ ਦੀ ਸੋਚੋ। ਇਸ ਬਾਰੇ ਹੋਰ ਪੜ੍ਹੋ ਇੱਥੇ.

ਤੇਜ਼ ਸੂਚੀਆਂ

!important ਕੀਵਰਡ ਦੇ ਵਿਕਲਪ

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

ਨਵੀਆਂ CSS ਬਹੁ-ਕੋਲਮ ਲੇਆਔਟ ਫੀਚਰ

Chrome 145 ਨੇ ਬਹੁ-ਕੋਲਮ ਲੇਆਔਟ ਲਈ ਨਵੀਆਂ ਪ੍ਰਾਪਰਟੀਆਂ ਜਿਵੇਂ column-height ਅਤੇ column-wrap ਪੇਸ਼ ਕੀਤੀਆਂ। ਇਹ ਫੀਚਰ ਵਧੀਆ ਸਮੱਗਰੀ ਪ੍ਰਬੰਧਨ ਦੀ ਆਗਿਆ ਦਿੰਦੇ ਹਨ, ਖਾਸ ਕਰਕੇ ਉਭਰਦੇ ਸਕ੍ਰੋਲਿੰਗ ਲਈ। ਇਹ ਮਹੱਤਵਪੂਰਨ ਹੈ: ਇਹ ਤੁਹਾਡੇ ਸਮੱਗਰੀ-ਭਾਰੀ ਪੰਨਿਆਂ ਦੀ ਪੜ੍ਹਨਯੋਗਤਾ ਨੂੰ ਬਹੁਤ ਸੁਧਾਰ ਸਕਦਾ ਹੈ, ਉਨ੍ਹਾਂ ਨੂੰ ਹੋਰ ਉਪਭੋਗੀ-ਮਿਤਰ ਬਣਾਉਂਦਾ ਹੈ। ਹੋਰ ਜਾਣਕਾਰੀ ਲਓ ਇੱਥੇ.

ਇੱਕ ਆਧੁਨਿਕ ਰੈਸਟੋਰੈਂਟ POS ਬਣਾਉਣਾ

ਇੱਕ ਵਿਕਾਸਕਰਤਾ ਨੇ React ਅਤੇ SurrealDB ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਇੱਕ ਹਲਕਾ, ਆਧੁਨਿਕ POS ਸਿਸਟਮ ਬਣਾਉਣ ਦੀ ਆਪਣੀ ਪ੍ਰਕਿਰਿਆ ਸਾਂਝੀ ਕੀਤੀ। ਇਹ ਮਹੱਤਵਪੂਰਨ ਹੈ: ਇਹ ਪ੍ਰੋਜੈਕਟ ਦਿਖਾਉਂਦਾ ਹੈ ਕਿ ਆਧੁਨਿਕ ਟੂਲਾਂ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਕਿਵੇਂ ਜਟਿਲ ਕਾਰਜ ਪ੍ਰਵਾਹਾਂ ਨੂੰ ਸਧਾਰਨ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ ਅਤੇ ਪ੍ਰਦਰਸ਼ਨ ਨੂੰ ਵਧਾਇਆ ਜਾ ਸਕਦਾ ਹੈ, ਖਾਸ ਕਰਕੇ ਤੇਜ਼ ਗਤੀ ਵਾਲੇ ਵਾਤਾਵਰਨ ਵਿੱਚ। ਇਸ ਨੂੰ ਦੇਖੋ ਇੱਥੇ.

ਭਰੋਸੇਯੋਗ AI ਸਿਸਟਮ ਬਣਾਉਣ ਦਾ ਤਰੀਕਾ

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

Python ਲਾਗਿੰਗ ਨੂੰ ਸਧਾਰਨ ਕਰਨ ਲਈ Loguru ਦੀ ਵਰਤੋਂ

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

ਇੱਕ ਚੀਜ਼ ਅਜ਼ਮਾਉਣ ਲਈ

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

More from FreshSift:

Get this in your inbox every week