ડિઝાઇન અને CSS
લાઇવ સ્થાનિક પૂર્વદર્શન સાથે ઉપયોગી રંગો અને CSS બનાવો.
CSS આસ્પેક્ટ રેશિયો ઇન્વેન્ટરી
સ્ટાઇલશીટમાંમાંથી aspect-ratio declarations કાઢો અને વપરાયેલા અનન્ય proportionsનો સારાંશ આપો.
ટૂલ ખોલો →CSS સ્ટિકી સ્થિતિ ચેકર
સ્ટિકી સ્થિતિના નિયમો શોધો અને જાણ કરો કે દરેક ઉપયોગી inset સીમા જાહેર કરે છે કે નહીં.
ટૂલ ખોલો →CSS વ્યૂપોર્ટ યુનિટ ઇન્વેન્ટરી
પેસ્ટ કરેલા CSS માં વપરાતા inventory classic, નાના, મોટા અને dynamic viewport units.
ટૂલ ખોલો →CSS નકલી જાહેરાત શોધક
કેન્દ્રિત સમીક્ષા માટે એ જ ફ્લેટ CSS નિયમની અંદર એકથી વધુ વાર જાહેર કરાયેલ ગુણધર્મો શોધો.
ટૂલ ખોલો →CSS ઓવરફ્લો ઇન્વેન્ટરી
ઈન્વેન્ટરી ઓવરફ્લો, overflow-x અને overflow-y ઘોષણાઓ અને ક્લિપિંગ તથા સ્ક્રોલિંગ મૂલ્યોનો સારાંશ આપો.
ટૂલ ખોલો →CSS સંક્રમણ ગુણધર્મ યાદી
શોર્ટહેન્ડ અને transition-property ઘોષણાઓમાંથી પરિવર્તિત CSS ગુણધર્મો કાઢો.
ટૂલ ખોલો →CSS લાઇન ઊંચાઈ ઇન્વેન્ટરી
ઇન્વેન્ટરી લાઇન-હાઇટ ડિકલેરેશન્સ અને એકમરહિત, સાપેક્ષ, નિશ્ચિત અને નોર્મલ મૂલ્યોનું વર્ગીકરણ કરો.
ટૂલ ખોલો →CSS ફોકસ દૃશ્યમાન ચેકર
ફોકસ અને ફોકસ-વિઝિબલ સિલેક્ટર્સની તુલના કરો અને કીબોર્ડ ફોકસ આઉટલાઇન્સને દબાવી દેતા નિયમોને ચિહ્નિત કરો.
ટૂલ ખોલો →CSS પ્રિન્ટ મીડિયા ઇન્વેન્ટરી
ઇન્વેન્ટરી પ્રિન્ટ મીડિયા બ્લોક્સ અને સામાન્ય રીતે છપાયેલા આઉટપુટને આકાર આપવા માટે વપરાતી ઘોષણાઓ.
ટૂલ ખોલો →CSS ઘટાવેલ ગતિ ચેકર
prefers-reduced-motion નિયમોની તપાસ કરો અને સ્પષ્ટ ઘટાડા માર્ગ વગરની motion જાહેરાતોને ચિહ્નિત કરો.
ટૂલ ખોલો →CSS ફોન્ટ ડિસ્પ્લે ઇન્વેન્ટરી
font-face નિયમોમાં font-display વ્યૂહરચનાઓની યાદી કરો અને છોડાયેલ લોડિંગ વર્તણૂકને ચિહ્નિત કરો.
ટૂલ ખોલો →CSS ફરજિયાત રંગો ચેકર
ઉચ્ચ-કોન્ટ્રાસ્ટ તૈયારી માટે forced-colors media queries અને forced-color-adjust declarations નું નિરીક્ષણ કરો.
ટૂલ ખોલો →CSS ટચ એક્શન ઇન્વેન્ટરી
પેસ્ટ કરેલા CSS માં touch-action ઘોષણાઓની યાદી બનાવો અને gesture પ્રતિબંધોનો સારાંશ આપો.
ટૂલ ખોલો →CSS વપરાશકર્તા પસંદગી સૂચિ
ટેક્સ્ટ પસંદગી અક્ષમ કરતી inventory user-select declarations અને highlight rules.
ટૂલ ખોલો →CSS ઉચ્ચાર રંગ સૂચિ
મૂળભૂત ફોર્મ નિયંત્રણોને શૈલી આપવા માટે ઉપયોગમાં લેવાતી accent-color ઘોષણાઓની યાદી.
ટૂલ ખોલો →CSS સ્ક્રોલબાર પ્રોપર્ટી ઇન્વેન્ટરી
પેસ્ટ કરાયેલા CSS માં ઇન્વેન્ટરી સ્ટાન્ડર્ડ સ્ક્રોલબાર પ્રોપર્ટીઝ અને લેગસી વેબકિટ સ્ક્રોલબાર સિલેક્ટર્સ.
ટૂલ ખોલો →સુલભ CSS ચેકબોક્સ જનરેટર
દૃશ્યમાન ચેક થયેલી સ્થિતિ, કીબોર્ડ ફોકસ રિંગ અને નિયંત્રિત કદ, ત્રિજ્યા અને રંગ નિયંત્રણો સાથે એક કસ્ટમ ચેકબોક્સ બનાવો, પછી સંપૂર્ણ CSS સ્થાનિક રીતે કૉપિ કરો.
ટૂલ ખોલો →સુગમ CSS ટૉગલ સ્વિચ જનરેટર
સુસંગત ટ્રેક અને થમ્બ જ્યોમેટ્રી, સક્રિય રંગો અને કીબોર્ડથી દેખાતું ફોકસ ટ્રીટમેન્ટ ધરાવતો પ્રતિસાદી ચેકબોક્સ-આધારિત ટૉગલ સ્વિચ જનરેટ કરો.
ટૂલ ખોલો →CSS ક્લિપ પાથ શેપ જનરેટર
એક સીમાબદ્ધ ભૂમિતીય પ્રીસેટ પસંદ કરો અને લાઇવ રંગ પૂર્વાવલોકન સાથે અને અપલોડ કરેલ ડિઝાઇન ડેટા વિના ધોરણ-તૈયાર clip-path પોલિગોન બનાવો.
ટૂલ ખોલો →CSS પૃષ્ઠભૂમિ પેટર્ન જનરેટર
CSS ગ્રેડિયન્ટ્સથી હળવા ડોટ્સ, ગ્રીડ અથવા તિર્યક-ધારી પૃષ્ઠભૂમિઓ બનાવો, જેમાં ઇમેજ એસેટ્સની બદલે નિયંત્રિત અંતર, સ્ટ્રોક પહોળાઈ અને રંગો હોય.
ટૂલ ખોલો →સુલભ CSS ગ્લાસમોર્ફિઝમ જનરેટર
ફૉલબૅક રંગ, બેકડ્રૉપ બ્લર, બોર્ડર, રેડિયસ અને શેડો મૂલ્યો સાથે અર્ધપારદર્શક પેનલ બનાવો, અને નિયંત્રિત સ્થાનિક બેકડ્રૉપ પર કોન્ટ્રાસ્ટનું પૂર્વદર્શન કરો.
ટૂલ ખોલો →HTML થી SVG રેન્ડરર
સેનિટાઈઝ કરેલા HTML ફ્રેગમેન્ટને સ્કેલ કરી શકાય એવા SVG કેનવાસમાં ફેરવો, જેના ટેક્સ્ટ અને લેઆઉટ વિવિધ ડિસ્પ્લે કદમાં પણ સ્પષ્ટ રહે.
ટૂલ ખોલો →HTML થી PNG રેન્ડરર
સેનિટાઇઝ કરેલ HTML ને સ્પષ્ટ કેનવાસ કદ અને વૈકલ્પિક પારદર્શકતા-મૈત્રીપૂર્ણ પૃષ્ઠભૂમિ સાથે લોસલેસ PNG છબી તરીકે રેન્ડર કરો.
ટૂલ ખોલો →HTML થી JPG રેન્ડરર
પૂર્વાવલોકન, ઇમેઇલ ડ્રાફ્ટ્સ અને સામાજિક આર્ટવર્ક માટે, જેમાં પારદર્શિતા જરૂરી નથી, શુદ્ધ કરેલા HTML ને સંક્ષિપ્ત ફોટોગ્રાફિક JPEG કેનવાસમાં રૂપાંતરિત કરો.
ટૂલ ખોલો →આ પૃષ્ઠ પર કોઈ મેળ ખાતાં ટૂલ્સ નથી.