50 Alat & Aplikasi Berbasis Web Gratis untuk Bekerja dengan CSS

Kami telah mengumpulkan koleksi aplikasi dan alat berbasis web kecil favorit kami yang sangat berguna saat Anda bekerja dengan CSS. Semua alat telah dibuat dengan tujuan untuk menjadi penghasil penghemat waktu untuk beberapa aspek yang lebih membuat frustrasi dalam bekerja dengan CSS atau alat pemecahan masalah kecil yang praktis.

Anda akan menemukan alat untuk membuat flexbox dan tata letak grid, generator menu responsif, aplikasi untuk mengumpulkan statistik dan menyortir CSS, generator untuk membuat menu pie dan lingkaran, dan banyak lagi.

Bersiaplah untuk mulai membuat bookmark!

Alat CSS Flexbox & Aplikasi Berbasis Web

Flexulator

Flexulator – Kalkulator distribusi ruang Flexbox CSS interaktif.

Visualizer Atribut Induk FlexBox

FlexBox Parent Attribute Visualizer adalah cara interaktif untuk melihat efek dari berbagai pengaturan Flexbox CSS.

Visualisasikan model kotak

Sebuah aplikasi yang berguna untuk membantu Anda memvisualisasikan model kotak.

kotak fleksibel

Flexy Boxes adalah taman bermain flexbox CSS dan alat pembuatan kode.

Alat Grid CSS & Aplikasi Berbasis Web

Generator Kotak CSS

CSS Grid Generator – Bangun tata letak grid yang kompleks melalui drag-and-drop dengan alat ini.

Pembuat Tata Letak Kotak CSS

CSS Grid Layout Generator – Buat grid kompleks dengan alat visual ini.

Pembuat Tata Letak Kotak CSS

Membangun Layout Responsif secara Visual dengan CSS Grid adalah alat untuk membantu Anda membangun grid CSS yang responsif.

tata letak!

tata letak! adalah alat pembuat Grid CSS interaktif.

Alat Animasi CSS & Aplikasi Berbasis Web

Keyframes.app

Keyframes.app adalah aplikasi web dan ekstensi Chrome untuk membuat animasi CSS.

CSSynth

CSSynth adalah aplikasi kecil untuk menjalankan animasi secara berurutan.

Generator Latar Belakang CSS Animasi

Generator Latar Belakang CSS Animasi – Gunakan alat ini untuk membuat latar belakang yang menakjubkan untuk situs web Anda.

Roket

Rocket adalah alat sederhana untuk membuat animasi web.

SpinKit

SpinKit memungkinkan Anda membuat animasi pemintal pemuatan sederhana dengan CSS.

Aplikasi Berbasis Web Cheatsheet CSS

Lembar Cheat Penyelarasan CSS

CSS Alignment Cheatsheet adalah panduan yang diilustrasikan dengan baik untuk menyelaraskan semua hal.

Peta Ukuran Layar

Peta Ukuran Layar – Peta interaktif yang menampilkan berbagai resolusi layar dan statistik penggunaan.

Generator Bentuk CSS

Trianglify.io

Trianglify.io akan menghasilkan pola poli rendah khusus dalam format PNG atau SVG.

CSS Doodle

css-doodle adalah alat berbasis web untuk menggambar pola sederhana dengan CSS.

Sirkulus

CIRCULUS.SVG adalah generator menu melingkar SVG.

Alat Pengukuran CSS & Aplikasi Berbasis Web

Penguasa CSS

CSS Ruler adalah alat berbasis web yang berguna untuk menjelajahi panjang CSS.

px-em

px-em adalah kalkulator PX ke EM sederhana.

Alat Perbatasan CSS & Aplikasi Berbasis Web

Radius Perbatasan Mewah

Fancy Border Radius Generator adalah alat generator untuk membuat batas CSS yang melampaui batas normal.

Alat Warna CSS & Aplikasi Berbasis Web

Mycolorpanda

Mycolorpanda – Buat gradien CSS dengan mudah dengan alat sederhana ini.

CSS Duotone

CSS Duotone Generator adalah alat sederhana untuk membuat efek duotone yang disesuaikan dengan HTML & CSS.

Pantone Sass

Pantone Sass adalah daftar warna Pantone sebagai variabel Sass.

Warna UI Datar

Referensi warna UI datar.

BADA55.io

BADA55.io adalah aplikasi untuk menemukan kata-kata leet paling buruk untuk warna hex CSS Anda.

Alat Gradien CSS & Aplikasi Berbasis Web

Generator Gradien

Gradient Generator – Ambil dua warna dan buat berbagai gradien CSS khusus.

Gradien CSS

Gradient Joy adalah alat berbasis web untuk menghasilkan gradien sebagai gambar placeholder.

Alat Tipografi CSS & Aplikasi Berbasis Web

typesetwith.me

typesetwith.me adalah tipografi berbasis web dan sandbox keterbacaan.

Jenis Skala

Type Scale adalah kalkulator visual tipografi.

JenisKeajaiban

TypeWonder adalah alat yang berguna untuk menguji font web dengan cepat.

Perpustakaan Font

Perpustakaan Font adalah proyek sumber terbuka untuk menandai dan mengatur Google Font.

Ikon Alat Font, Aplikasi & Generator

Pencarian Glyph

GlyphSearch adalah aplikasi untuk mencari ikon dari Font Awesome, Glyphicons, IcoMoon & Ionicons.

Pencari FontAwesome

FontAwesome Finder akan dengan cepat dan instan mencari ikon FontAwesome.

fontello

Fontello akan menghasilkan font ikon dari Font Awesome, Entypo, Typicons, dan banyak lagi set ikon. .

Fontsatik

Fontsatic adalah alat untuk membuat font ikon kustom (lebih dari 6.000 ikon untuk dipilih).

SVG Ikon Alat, Aplikasi & Generator

mesin terbang

Glyphter adalah alat yang berguna untuk membuat font ikon dari SVG.

ikonizr

iconizr adalah alat untuk mengonversi gambar SVG menjadi sekumpulan ikon CSS.

ikonmelon

iconmelon akan dengan cepat membuat perpustakaan ikon SVG.

Alat CSS Lain-Lain

DropCSS

DropCSS – Alat gratis yang dengan cepat dan menyeluruh membersihkan CSS Anda yang tidak digunakan.

ekstrakCSS

extractCSS adalah alat yang dapat mengekstrak id dan kelas dari dokumen HTML dan menampilkan lembar gaya CSS.

Penyusutan CSS

CSS Shrink adalah alat kecil untuk 'menyusutkan' file CSS.

Nikmati CSS

EnjoyCSS adalah alat yang berguna yang memungkinkan Anda untuk menyesuaikan gaya grafis yang kaya dengan cepat tanpa coding.

Pembangkit CSS3

CSS3 Generator adalah generator CSS3 sederhana.

clip-path CSS

Clippy adalah alat online yang dapat Anda gunakan untuk membuat clip-path CSS.

Alat Encoding / Decoding

One Click Encoding Decoding Tool adalah aplikasi yang berguna untuk mengonversi konten ke rangkaian karakter ASCII.

Superposisi

Superposisi – Aplikasi yang mengekstrak token desain dari situs web Anda untuk digunakan dalam alat desain favorit Anda.

bermerek

bermerek – Alat gratis untuk membuat dan memelihara panduan gaya.