Clippy – Hasilkan CSS clip-path dengan Cara Praktis

Link

Di dalam CSS, clip-path property memungkinkan kita untuk membuat bentuk-bentuk yang rumit dengan memotong elemen gambar atau foto menjadi bentuk-bentuk dasar seperti lingkaran, elips, poligon dsb. ataupun juga menjadi sesuai bentuk yang dihasilkan source SVG.
Animasi dan transisi CSS juga dapat dihasilkan dengan dua atau lebih bentuk-bentuk clip-path dengan jumlah titik-titik yang sama.

Clippy adalah webtool yang dapat membantu kita dalam menghasilkan CSS clip-path.

Clippy

CodePen

Link

CodePen adalah HTML, CSS, dan JavaScript code editor online dengan preview instan dari kode yang Anda lihat dan tulis. Sangat berguna untuk mempresentasikan pekerjaan Anda dan melihat serta sekaligus belajar dari user CodePen lainnya. CodePen juga bagus untuk memecahkan problem coding dan mendapatkan kritik dari komunitas yang ada di dalamnya.

CodePen

Webtool inspirasi warna

Standard

Warna adalah elemen terpenting dari sebuah desain. Dalam mendesain halaman web. pemilihan warna harus dilakukan hati-hati agar bisa menghasilkan desain akhir yang menarik. Inspirasi warna bisa didapat dari manapun. Salah satunya dengan menggunakan tools yang ada di internet. Ada yang berbasiskan aplikasi desktop dan ada juga yang berbasiskan website. Untuk lebih mempermudah dalam mencari inspirasi warna, kami persembahkan daftar website penghasil warna dimana inspirasi warna bisa didapat.

Well styled color scheme
Menghasilkan skema dan palet warna dari satu warna dasar. Tersedia banyak mode skema warna.

Well styled color scheme

Continue reading