Дизайн жана CSS
Түс жана CSS кодун жергиликтүү жандуу алдын ала көрүү менен түзүңүз.
CSS катышынын инвентаризациясы
стилдер таблицасынан aspect-ratio декларацияларын чыгарып, колдонулган уникалдуу пропорцияларды жалпылаңыз.
Куралды ачуу →CSS жабышчаак жайгашуу текшергичи
жабышчаак жайгаштыруу эрежелерин табыңыз жана алардын ар бири колдонула турган inset чек арасын жарыялайбы же жокпу, кабарлаңыз.
Куралды ачуу →CSS көрүнүш терезесинин бирдиктеринин инвентаризациясы
жабыштырылган CSSте колдонулган classic, small, large жана dynamic viewport бирдиктерин инвентаризациялоо.
Куралды ачуу →CSS кайталанган декларацияларды тапкыч
бирдей жалпак CSS эрежесинин ичинде бир нече жолу жарыяланган касиеттерди багытталган карап чыгуу үчүн табыңыз.
Куралды ачуу →CSS толуп кетүү инвентаризациясы
инвентардын ашып кетиши, overflow-x жана overflow-y декларациялары жана кесүү менен жылдыруу маанилерин кыскача баяндаңыз.
Куралды ачуу →CSS өтүү касиетинин инвентаризациясы
кыскача жазуудан жана transition-property декларацияларынан өткөөл CSS касиеттерин чыгарып алыңыз.
Куралды ачуу →CSS сап сабынын инвентары
инвентаризациялык line-height декларацияларын жана бирдиксиз, салыштырмалуу, абсолюттук жана normal маанилерди классификациялоо.
Куралды ачуу →CSS'те фокустун көрүнүшүн текшерүүчү
фокус жана focus-visible селекторлорун салыштырып, клавиатуралык фокустун контурларын басаңдаткан эрежелерди белгилеңиз.
Куралды ачуу →CSS басма медиасынын инвентары
инвентарь басма медиа блоктору жана басма чыгышын калыптандырууда көп колдонулган декларациялар.
Куралды ачуу →CSS Кыймылды азайтуу текшергичи
текшерүү prefers-reduced-motion эрежелерин жана ачык кыскартуу жолу жок кыймыл декларацияларын белгилөө.
Куралды ачуу →CSS шрифттеринин көрсөтүлүшүнүн инвентаризациясы
font-face эрежелеринин ичиндеги font-display стратегияларын инвентаризациялап, жүктөө жүрүм-туруму көрсөтүлбөй калганын белгилеңиз.
Куралды ачуу →CSS мажбурланган түстөрдү текшергич
жогорку контрастка даярдык үчүн forced-colors медиа сурамдарын жана forced-color-adjust декларацияларын текшериңиз.
Куралды ачуу →CSS тийүү аракеттеринин инвентаризациясы
CSSке чапталган материалдагы touch-action декларацияларын инвентаризациялап, жаңсоо чектөөлөрүн жыйынтыктаңыз.
Куралды ачуу →CSS колдонуучу тандоо инвентаризациясы
текстти тандоону өчүргөн user-select декларацияларын жана бөлүп көрсөтүү эрежелерин инвентаризациялоо.
Куралды ачуу →CSS баса белгилөө түс инвентаризациясы
жергиликтүү форма башкаруу элементтерин стилдөөгө колдонулган inventory accent-color декларациялары.
Куралды ачуу →CSS жылдыруу тилкесинин касиеттеринин инвентары
жабыштырылган CSS ичиндеги стандарттуу scrollbar касиеттерин жана эски WebKit scrollbar селекторлорун инвентаризациялаңыз.
Куралды ачуу →Жеткиликтүү CSS кутуча белгилөө генератору
Көрүнүп турган белгиленген абалы, клавиатура фокусунун шакеги жана чектелген өлчөмү, радиусу жана түсүн башкаруу элементтери бар ыңгайлаштырылган белгилөө кутучасын түзүп, андан соң толук CSSти жергиликтүү түрдө көчүрүңүз.
Куралды ачуу →Жеткиликтүү CSS которгучту генератору
Шайкеш трек жана айлана формасы, активдүү түстөр жана клавиатура аркылуу көрүнгөн фокус көрүнүшү бар, жооп берүүчү белгилөө кутучасына негизделген которгучту түзүңүз.
Куралды ачуу →CSS Клип-путь формалары генератору
Чектелген геометрикалык алдын ала орнотууну тандап, жүктөлгөн дизайн маалыматтарысыз, стандарттарга даяр clip-path көп бурчтугун жана жандуу түс алдын ала көрүүсүн түзүңүз.
Куралды ачуу →CSS Фондук үлгү генератору
Сүрөт файлдарынын ордуна CSS градиенттерден жеңил чекиттүү, торлуу же диагоналдуу тилкелүү фон түзүңүз, аралыкты, сызык калыңдыгын жана түстөрдү башкаруу менен.
Куралды ачуу →Жеткиликтүү CSS айнекмөлдүктүү стиль генератору
Тоскоолдук түстүү, фондук бүдөмүктөтүү, чек ара, радиус жана көлөкө маанилери менен жарым тунук панелди түзүп, көзөмөлдөнгөн жергиликтүү фон үстүндө контрастты алдын ала көрүңүз.
Куралды ачуу →HTMLден SVGге рендерлөөчү
Тазаланган HTML фрагментин ар кандай дисплей өлчөмдөрүндө да текстти жана жайгашууну так сактаган масштабдалуучу SVG кенепке айлантыңыз.
Куралды ачуу →HTMLден PNGге рендерлөөчү
Санитарланган HTMLди так көрсөтүлгөн canvas өлчөмү жана кааласаңыз, тунукка ыңгайлуу фон менен жоготуусуз PNG сүрөтүнө айландырыңыз.
Куралды ачуу →HTMLден JPGге рендерлөөчү
Тазаланган HTMLди алдын ала көрүү, электрондук почта долбоорлору жана ачыктык талап кылынбаган социалдык сүрөттөр үчүн компакттуу фотографиялык JPEG кенепке айландыруу.
Куралды ачуу →Бул бетте ылайыктуу куралдар жок.