← ხელსაწყოები
დიზაინი და CSS
შექმენით ფერები, პასუხისმგებელი ზომები და წარმოებისთვის მზად CSS.
ფერი და ხელმისაწვდომობა
- ფერების კონვერტერიგადაიყვანეთ ფერები HEX, RGB, HSL, HSV, CMYK და LAB ფორმატებს შორის — შეცვალეთ ნებისმიერი ველი და დანარჩენი ავტომატურად განახლდება.სპეციალიზებული გვერდები (8)
- კონტრასტის შემმოწმებელიშეიყვანეთ ტექსტისა და ფონის ფერები WCAG კონტრასტის კოეფიციენტისა და AA/AAA შესაბამისობის შესამოწმებლად.
CSS განლაგება და ეფექტები
- ჩრდილების (Box Shadow) გენერატორიგადაათრიეთ სლაიდერები box-shadow-ს შესაქმნელად, დაადეთ ფენები სიღრმისთვის და დააკოპირეთ მზა CSS მომენტალურად.
- გრადიენტების გენერატორიშექმენით წრფივი, რადიალური ან კონუსური გრადიენტი, დაამატეთ ფერის წერტილები, მიუთითეთ მიმართულება და დააკოპირეთ CSS ერთი დაწკაპუნებით.
- კუთხეების მომრგვალების (Border Radius) გენერატორიმოამრგვალეთ თითოეული კუთხე სლაიდერებით, შექმენით ორგანული ფორმები ელიფსური რეჟიმით და დააკოპირეთ CSS მომენტალურად.
- Flexbox გენერატორიშექმენით flex კონტეინერი და მისი ელემენტები ვიზუალური მართვის საშუალებით, დააკვირდით ცვლილებებს რეალურ დროში და დააკოპირეთ CSS ერთი დაწკაპუნებით.
- CSS Grid გენერატორიგანსაზღვრეთ სვეტები და სტრიქონები, გადაათრიეთ კურსორი უჯრედებზე ელემენტების განსათავსებლად და დააკოპირეთ grid CSS შესაბამის HTML-თან ერთად ერთი დაწკაპუნებით.
- CSS Cubic Bezier გენერატორიგადაათრიეთ ორი სახელური ანიმაციის მრუდის შესაქმნელად, დააკვირდით მოძრაობას წრფივ ანიმაციასთან შედარებით და დააკოპირეთ cubic-bezier() მნიშვნელობა.
- CSS clamp() კალკულატორიმიუთითეთ ზომა მცირე და დიდი ეკრანებისთვის და მიიღეთ დინამიკური clamp() მნიშვნელობა, რომელიც თანაბრად იცვლება მათ შორის — შრიფტებისთვის, padding-ებისთვის, margin-ებისთვის ან gap-ებისთვის.
ეკრანი, ბეჭდვა და პროპორციები
- პიქსელების / DPI გადამყვანიგადაიყვანეთ პიქსელები დიუმებში, სანტიმეტრებსა და მილიმეტრებში ნებისმიერ DPI/PPI-ზე — როგორც ეკრანის დიზაინისთვის, ასევე ბეჭდვისთვის.
- ეკრანის PPI კალკულატორიშეიყვანეთ რეზოლუცია და ეკრანის ზომა პიქსელების სიმკვრივის, პიქსელის ბიჯის, ფიზიკური ზომებისა და სხვა მონაცემების მისაღებად.
- px-დან rem და em-ში კონვერტერიგადაიყვანეთ მნიშვნელობები px, rem და em ერთეულებს შორის თქვენი საკუთარი ძირეული და კონტექსტური შრიფტის ზომების გამოყენებით — შეცვალეთ ნებისმიერი ველი და დანარჩენი ორი განახლდება წერისას.
შრიფტის შემოწმება და ლიცენზირება
ამ კატეგორიაში შესატყვისი ხელსაწყოები არ არის.