Tailwind CSS
ટેઈલવિન્ડ સીએસએસ એ ઓપન સોર્સ સીએસએસ માળખું છે. આ લાઈબ્રેરીનું મુખ્ય લક્ષણ એ છે કે, બુટસ્ટ્રેપ જેવા અન્ય CSS માળખાઓથી વિપરીત, તે બટનો અથવા કોષ્ટકો જેવા ઘટકો માટે પૂર્વવ્યાખ્યાયિત વર્ગોની શ્રેણી પ્રદાન કરતું નથી. તેના બદલે, તે "ઉપયોગિતા" CSS વર્ગોની સૂચિ બનાવે છે જેનો ઉપયોગ દરેક તત્વને મિશ્રણ અને મેળ કરીને શૈલી બનાવવા માટે કરી શકાય છે. ઉદાહરણ તરીકે, અન્ય પરંપરાગત પ્રણાલીઓમાં, એક વર્ગ હશે જે પીળો પૃષ્ઠભૂમિ રંગ અને બોલ્ડ લખાણ લાગુ કરશે. ટેઈલવિન્ડમાં આ પરિણામ હાંસલ કરવા માટે, લાઇબ્રેરી દ્વારા બનાવેલા વર્ગોનો સમૂહ લાગુ કરવો પડશેઃ અને. 30મી જુલાઈ 2023 સુધીમાં, Tailwind CSS પાસે GitHub પર 70,000 થી વધુ તારાઓ છે. લક્ષણો બુટસ્ટ્રેપ જેવા અન્ય પરંપરાગત સી. એસ. એસ. માળખાના સંબંધમાં મૂળભૂત વિભાવનાઓમાં તફાવત હોવાને કારણે, તે ફિલસૂફીને જાણવી મહત્વપૂર્ણ છે કે જેમાંથી ટેઈલવિન્ડ બનાવવામાં આવી હતી, તેમજ તેનો મૂળભૂત ઉપયોગ. ઉપયોગિતા વર્ગો ઉપયોગિતા-પ્રથમ ખ્યાલ ટેલવિન્ડના મુખ્ય વિભેદક લક્ષણનો સંદર્ભ આપે છે. ઘટકો (બટન, પેનલ, મેનૂ, ટેક્સ્ટબોક્સ.) ની આસપાસ વર્ગો બનાવવાને બદલે, વર્ગો ચોક્કસ શૈલી તત્વ (પીળો રંગ, બોલ્ડ ફોન્ટ, ખૂબ મોટા લખાણ, કેન્દ્ર તત્વ) ની આસપાસ બનાવવામાં આવે છે. આ દરેક વર્ગોને ઉપયોગિતા વર્ગો કહેવામાં આવે છે. ટેલવિન્ડ સી. એસ. એસ. માં ઘણા ઉપયોગિતા વર્ગો છે જે મોટી સંખ્યામાં સી. એસ. એસ. ગુણધર્મો જેમ કે રંગો, સરહદ, પ્રદર્શન પ્રકાર (પ્રદર્શન), ફોન્ટનું કદ અને ફોન્ટ, લેઆઉટ, શેડોને નિયંત્રિત કરવામાં સક્ષમ બનાવે છે. વેરિયન્ટ્સ ટેલવિન્ડ મીડિયા ક્વેરીઝ દ્વારા કેટલીક પરિસ્થિતિઓમાં જ ઉપયોગિતા વર્ગ લાગુ કરવાની સંભાવના પ્રદાન કરે છે, જેને વેરિઅન્ટ કહેવામાં આવે છે. વિવિધ પ્રકારોનો મુખ્ય ઉપયોગ વિવિધ સ્ક્રીન કદ માટે પ્રતિભાવશીલ ઇન્ટરફેસ ડિઝાઇન કરવાનો છે. એક તત્વની વિવિધ સ્થિતિઓ માટે પણ વિવિધ પ્રકારો છે, જેમ કે જ્યારે હોવર કરેલ હોય, જ્યારે કીબોર્ડ પસંદ કરેલ હોય અથવા જ્યારે ઉપયોગમાં હોય, અથવા જ્યારે બ્રાઉઝર અથવા ઓપરેટિંગ સિસ્ટમમાં ડાર્ક મોડ સક્ષમ હોય. ચલોના બે ભાગો હોય છેઃ પૂરી કરવાની શરત અને જો શરત પૂરી થાય તો લાગુ કરવામાં આવતો વર્ગ. ઉદાહરણ તરીકે, જો સ્ક્રીનનું કદ નિર્ધારિત મૂલ્ય કરતાં વધારે હોય તો વેરિઅન્ટ વર્ગને લાગુ કરશે. ટેલવિન્ડ સીએસએસ જાવાસ્ક્રિપ્ટનો ઉપયોગ કરીને વિકસાવવામાં આવે છે, જે Node.js દ્વારા ચાલે છે, અને એન. પી. એમ. અથવા યાર્ન જેવા પર્યાવરણ પેકેજ મેનેજરો સાથે સ્થાપિત થાય છે. સેટિંગ્સ અને થીમ્સ ઉપયોગિતા વર્ગો અને પ્રકારોને રૂપરેખાંકિત કરવાનું શક્ય છે જે સામાન્ય રીતે નામવાળી રૂપરેખાંકન ફાઇલ દ્વારા ટેલવિન્ડ પ્રદાન કરે છે. રૂપરેખાંકનમાં ઉપયોગિતા વર્ગોના મૂલ્યો નક્કી કરી શકાય છે, જેમ કે રંગ-પટ્ટી અથવા માર્જિન માટેના ઘટકો વચ્ચેના કદ. બિલ્ડ ઓલ એન્ડ પર્જ ટેઈલવિન્ડનો મૂળભૂત પ્રકાર એ છે કે સિસ્ટમ પ્રોજેક્ટ સેટિંગ્સના આધારે તમામ સંભવિત CSS સંયોજનો પેદા કરે છે. પછી, પર્જસીએસએસ જેવી અન્ય ઉપયોગિતા દ્વારા, બધી ફાઇલોને પાર કરવામાં આવે છે, અને જે વર્ગોનો ઉપયોગ કરવામાં આવતો નથી તે પરિણામી સીએસએસ ફાઇલમાંથી દૂર કરવામાં આવે છે. પ્રકારોની સંખ્યા અને તેમના સંયોજનો દ્વારા પેદા કરી શકાય તેવા વર્ગોની સંખ્યાને કારણે, આ પદ્ધતિમાં લાંબા રાહ જોવાના સમય અને શુદ્ધ થતાં પહેલાં CSS ફાઇલોના મોટા કદની ખામીઓ છે. કામગીરીની આ રીત હવે ટેઈલવિન્ડ સી. એસ. એસ. ની આવૃત્તિ 3માં ઉપલબ્ધ નથી. જેઆઇટી જેઆઇટી મોડ (જસ્ટ-ઇન-ટાઇમ) એ સીએસએસ જનરેટ કરવાની વૈકલ્પિક રીત છે, જે તમામ સંભવિત વર્ગો જનરેટ કરવાને બદલે અને પછી જેનો ઉપયોગ કરવામાં આવી રહ્યો નથી તે બધાને દૂર કરવાને બદલે, એચટીએમએલ ફાઇલોની સામગ્રી (અથવા રૂપરેખાંકિત એક્સ્ટેન્શન્સ અથવા સ્થાનો) નું વિશ્લેષણ કરે છે અને તરત જ માત્ર તે જ વર્ગો જનરેટ કરે છે જે જરૂરી અને ઉપયોગમાં લેવાય છે. કારણ કે તમામ સંભવિત ચલ હવે ઉત્પન્ન થતા નથી, પરિણામી CSS ફાઇલોનો રાહ જોવાનો સમય અને કદ મોટા પ્રમાણમાં ઘટાડવામાં આવે છે. આ તકનીકી સુધારાએ અસંખ્ય નવા પ્રકારો અને ઉપયોગિતા વર્ગો રજૂ કરવાનું શક્ય બનાવ્યું છે, તેમજ રૂપરેખાંકનમાં સેટ ન કરેલા મનસ્વી મૂલ્યો સાથે ફ્લાય પર ઉપયોગિતા વર્ગો બનાવવાની ક્ષમતા પણ શક્ય બનાવી છે. ટેઈલવિન્ડ સી. એસ. એસ. ની આવૃત્તિ 3 થી શરૂ કરીને, જે. આઈ. ટી. સ્થિતિ મૂળભૂત બની ગઈ છે. આવૃત્તિઓ ટેઈલવિન્ડ સીએસએસ તેની આવૃત્તિ સુસંગતતાને ઓળખવા માટે સિમેન્ટીક સંસ્કરણનો ઉપયોગ કરે છે. સંદર્ભો બાહ્ય કડીઓ સત્તાવાર ટેઈલવિન્ડ દસ્તાવેજીકરણ ટેઈલવિન્ડ પ્લે ગિથબ રેપો ટેઈલવિન્ડ કન્વર્ટર સીએસએસ માળખું કેસ્કેડિંગ સ્ટાઇલ શીટ્સ સોફ્ટવેર એમઆઇટી લાઇસન્સ રિસ્પોન્સિવ વેબ ડિઝાઇનનો ઉપયોગ કરીને