ਟੇਲਵਿੰਡ ਸੀਐਸਐਸ: ਰੈਪਿਡ, ਜਵਾਬਦੇਹ ਡਿਜ਼ਾਈਨ ਲਈ ਇੱਕ ਉਪਯੋਗਤਾ-ਪਹਿਲਾ ਸੀਐਸਐਸ ਫਰੇਮਵਰਕ ਅਤੇ ਏਪੀਆਈ

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

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

CSS ਫਰੇਮਵਰਕ

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

• ਬੂਟਸਟਰੈਪ - ਇੱਕ frameਾਂਚਾ ਜੋ ਇੱਕ ਦਹਾਕੇ ਵਿੱਚ ਵਿਕਸਤ ਹੋਇਆ, ਪਹਿਲਾਂ ਟਵਿੱਟਰ ਦੁਆਰਾ ਪੇਸ਼ ਕੀਤਾ ਗਿਆ. ਇਹ ਅਣਗਿਣਤ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਦੀ ਪੇਸ਼ਕਸ਼ ਕਰਦਾ ਹੈ. ਇਸ ਵਿੱਚ ਡਾsਨਸਾਈਡਸ ਹਨ, ਐਸਏਐਸਐਸ ਦੀ ਜ਼ਰੂਰਤ ਹੈ, ਓਵਰਰਾਈਡ ਕਰਨਾ ਮੁਸ਼ਕਲ ਹੈ, ਜੇਕਿquਕਿeryਰੀ 'ਤੇ ਨਿਰਭਰ ਹੈ, ਅਤੇ ਇਸਨੂੰ ਲੋਡ ਕਰਨਾ ਬਹੁਤ ਭਾਰੀ ਹੈ.
• ਦਾ ਪਤਾ -ਇੱਕ ਸਾਫ ਸੁਥਰਾ frameਾਂਚਾ ਜੋ ਡਿਵੈਲਪਰ-ਅਨੁਕੂਲ ਹੈ ਅਤੇ ਜਾਵਾਸਕ੍ਰਿਪਟ ਤੇ ਕੋਈ ਨਿਰਭਰਤਾ ਨਹੀਂ ਹੈ.
• ਫਾਊਡੇਸ਼ਨ - ਇੱਕ ਵਧੇਰੇ ਆਮ ਅਤੇ ਉਪਯੋਗੀ CSS ਫਰੇਮਵਰਕ ਜਿਸ ਵਿੱਚ ਬਹੁਤ ਸਾਰੇ ਭਾਗ ਹਨ ਜੋ ਅਸਾਨੀ ਨਾਲ ਅਨੁਕੂਲ ਬਣਾਏ ਜਾ ਸਕਦੇ ਹਨ. ਇਸ ਤੋਂ ਇਲਾਵਾ, ਉਥੇ ਹੈ ਈਮੇਲ ਲਈ ਫਾ Foundationਂਡੇਸ਼ਨ ਅਤੇ ਮੋਸ਼ਨ UI ਐਨੀਮੇਸ਼ਨ ਲਈ.
• UI ਕਿੱਟ -ਤੁਹਾਡੇ ਫਰੰਟ-ਐਂਡ ਨੂੰ ਤੇਜ਼ੀ ਅਤੇ ਅਸਾਨੀ ਨਾਲ ਵਿਕਸਤ ਕਰਨ ਲਈ HTML, ਜਾਵਾਸਕ੍ਰਿਪਟ ਅਤੇ CSS ਦਾ ਸੁਮੇਲ.

ਟੇਲਵਿੰਡ ਸੀਐਸਐਸ ਫਰੇਮਵਰਕ

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

ਇੱਥੇ ਕੁਝ ਬਹੁਤ ਵਧੀਆ ਉਦਾਹਰਣਾਂ ਹਨ:

CSS ਗਰਿੱਡ

CSS ਗਰੇਡੀਐਂਟ

ਡਾਰਕ ਮੋਡ ਸਪੋਰਟ ਲਈ CSS

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

ਇਸ ਤੋਂ ਵੀ ਜ਼ਿਆਦਾ ਸੂਝਵਾਨ, ਟੇਲਵਿੰਡ ਉਤਪਾਦਨ ਲਈ ਨਿਰਮਾਣ ਕਰਦੇ ਸਮੇਂ ਆਪਣੇ ਆਪ ਸਾਰੇ ਅਣਵਰਤੇ CSS ਨੂੰ ਹਟਾ ਦਿੰਦੀ ਹੈ, ਜਿਸਦਾ ਅਰਥ ਹੈ ਕਿ ਤੁਹਾਡਾ ਅੰਤਮ CSS ਬੰਡਲ ਸਭ ਤੋਂ ਛੋਟਾ ਹੈ ਜੋ ਸੰਭਵ ਤੌਰ 'ਤੇ ਹੋ ਸਕਦਾ ਹੈ. ਦਰਅਸਲ, ਜ਼ਿਆਦਾਤਰ ਟੇਲਵਿੰਡ ਪ੍ਰੋਜੈਕਟ ਕਲਾਇੰਟ ਨੂੰ 10kB ਤੋਂ ਘੱਟ CSS ਭੇਜਦੇ ਹਨ.