Дизайн жана CSS
Түс жана CSS кодун жергиликтүү жандуу алдын ала көрүү менен түзүңүз.
Түс конвертери
HEX, RGB жана HSL түстөрүн айландырып, так натыйжаны алдын ала көрүңүз.
Куралды ачуу →CSS градиент генератору
Эки түстүү сызыктуу градиент түзүп, өндүрүшкө даяр CSS көчүрүп алыңыз.
Куралды ачуу →WCAG контраст текшергичи
эки түс ортосундагы контраст катышын эсептеп, жалпы WCAG AA жана AAA тексттик босоголорун текшериңиз.
Куралды ачуу →CSS кутучанын көлөкөсүн генератору
жандуу түс, жылыш, бүдөмүктөө жана жайылуу маанилери менен box-shadow түзүңүз.
Куралды ачуу →CSS тексттик көлөкө генератору
тандалган фонго каршы окула турган text-shadow декларациясын түзүп, алдын ала көрүңүз.
Куралды ачуу →CSS чек арасынын радиусун генератору
төрт өз алдынча бурч радиусун коюп, натыйжадагы CSS декларациясын экспорттоңуз.
Куралды ачуу →Жооп берүүчү CSS Clamp генератору
viewport тууралыктары боюнча минималдуу жана максималдуу өлчөмдөрдүн ортосундагы fluid clamp туюнтмасын эсептеңиз.
Куралды ачуу →PX ↔ REM конвертери
жеткиликтүү жайгаштыруулар үчүн ачык түпкү шрифт өлчөмүн колдонуу менен пикселдерди жана rem бирдиктерин айландырыңыз.
Куралды ачуу →CSS үчбурчтук генератору
өлчөмүн жана түсүн өзгөртүүгө боло турган төрт багыт үчүн нөл өлчөмдүү CSS чек ара үчбурчтугун түзүңүз.
Куралды ачуу →Түс көлөкөлөрүн генератору
HEX түсүнөн көчүрүлө турган CSS өзгөрмөлөрү менен жарыктан караңгыга чейин детерминисттик өң шкаласын түзүңүз.
Куралды ачуу →CSS жүктөгүч генератору
өлчөмү, калыңдыгы, ылдамдыгы жана түстөрү жөнгө салынуучу жеңил, жеткиликтүү айлангычты түзүңүз.
Куралды ачуу →CSS өзгөчөлүк калькулятору
селекторлордун спецификалдуулугун эсептеп, IDлерди, класстарды, атрибуттарды, псевдокласстарды жана элемент селекторлорун салыштырыңыз.
Куралды ачуу →CSS жайлоо функциясын түзүүчү
cubic-bezier башкаруу чекиттерин текшерип, кайра колдонууга боло турган өтүүнүн убакытталышы үчүн CSS түзүңүз.
Куралды ачуу →CSS Ыңгайлаштырылган касиет бөлүп алгыч
CSS өзгөрмө декларацияларын, кайталанган аныктамаларды жана алардын акыркы чечилген тексттик маанилерин табыңыз.
Куралды ачуу →CSS медиа суроо-негиздөөчү
ачык жооп берүүчү шарттардан туурасы, багыты жана кыймыл артыкчылыгы боюнча media суроо-талаптарын түзүңүз.
Куралды ачуу →CSS түс баалуулугун бөлүп алуу куралы
койулган CSSтен HEX, RGB, HSL жана заманбап функционалдык түс маанилерин чыгарып, санагыла.
Куралды ачуу →CSS колдоо эрежесин түзүүчү
бир текшерилген CSS декларациясынан оң жана кошумча өзгөчөлүк суроолорун түзүңүз.
Куралды ачуу →CSS шрифт стек түзгүчү
такталган жалпы запас менен жана кайталангандарын алып салуу менен quoted font-family stack түзүңүз.
Куралды ачуу →CSS Z-индекс анализатору
стилдүү баракты аткарбастан сандык z-index декларацияларын бөлүп алыңыз жана катмарлануу маанилерин ранжирлеңиз.
Куралды ачуу →CSS анимациясынын узактыгын текшерүүчү
инвентаризация анимациясынын жана өтүү убакыттарынын тизмеси жана кыскартылган кыймылдарды иштетүү бар-жогун отчет бериңиз.
Куралды ачуу →CSS үзүлүү чекиттеринин инвентаризациясы
min-width жана max-width медиа-суроо ажырым чекиттерин чыгарып, алардын жыштыгын жана тартибин билдир.
Куралды ачуу →CSS Логикалык касиет текшергичи
writing-modeге ылайыктуу макеттер үчүн физикалык жана агымга салыштырмалуу CSS касиеттеринин колдонулушун салыштырыңыз.
Куралды ачуу →CSS шрифт өлчөмү инвентаризациясы
көлөмү жана бирдиги боюнча font-size декларацияларын чыгарып, типографиялык масштабдардын ыраатсыздыгын аныктаңыз.
Куралды ачуу →CSS Grid трек анализатору
инвентаризация grid-template сап жана тилке декларациялары repeat жана minmax колдонуу жыйынтыктары менен.
Куралды ачуу →Бул бетте ылайыктуу куралдар жок.