5 website keren buat programmer #part 3

-

Website adalah kumpulan halaman yang berisi informasi tertentu dan dapat diakses dengan mudah oleh siapapun, kapanpun, dan di manapun melalui internet.

Ya, di segmen sebelumnya saya sudah membahasa tentang website keren dan bermanfaat, di segmen kali ini saya akan membahas tentang website keren buat programmer #part 3. Apa saja websitenya? Sebagai berikut.

1. Uiverse.io


Di website yang satu ini kamu di sediakan berbagai objek yang biasanya ada pada suatu website seperti card, batton, toggle, loader, animasi Hover, dan masih banyak yang lainya. 

Cara penggunaan: kamu tinggal pilih saja apa yang kamu ingin buat lalu klik html & CSS yang ada di bawah objek yang ingin dibuat maka akan langsung ada html dan CSS nya kamu tinggal copy paste saja.

2. Animista.net



Animista.net ini merupakan sebuah website yang menyediakan banyak sekali animasi yang bisa anda gunakan ke website yang anda buat. Animasi tersebut bisa langsung anda pakai karena disini merupakan menyediakan sintak CSS yang digunakan pada suatu animasinya. 

Cara penggunaan: anda tinggal pilih saja animasi nama yang akan di pakai atau di copy paste, maka disana akan langsung menyediakan sintak yang digunakan untuk membuat animasi tersebut.

3. Stack overflow



Stack overflow adalah platform publik yang membangun kumpulan pertanyaan dan Jawaban coding secara terpercaya, Stack Overflow sering diibaratkan sebagai ‘sahabat’ programmer zaman now. Tidak peduli jenis pekerjaan atau lama karir yang dimiliki, seorang programmer pasti pernah membuka situs Stack Overflow untuk mencari jawaban penyelesaian masalah coding yang mereka hadapi. ya jika kamu sedang menghadapi error yang berminggu-minggu atau berbulan-bulan tidak kunjung benar stack overflow adalah jalan keluar nya.

4. Neumorphism.io



Jika kamu sedang bingung bagaimana cara membuat box-shadow yang bagus, website yang satu ini cocok buat kamu. Disini menyediakan cara mudah untuk membuat box-shadow. Kamu tinggal mengatur size, blur, radius, color, Bentuk, dan masih banyak yang lainya. Dan sintak atau code yang box-shadow itu akan muncul di bawah pengaturan di atas dan kamu tinggal copy paste saja.

5. Awwwards



Awwards ini adalah website dimana kita sedang tidak ada inspirasi untuk membuat suatu website. Disini kamu akan disajikan berbagai macam website yang kamu bisa jadikan inspirasi dari website yang akan kamu buat. 















Komentar

Posting Komentar

Postingan populer dari blog ini

Cara Membuat Love dari HTML CSS

-
Gambar
  Pengertian HTML adalah kepanjangan dari Hypertext Markup Language, pengertian html yaitu bahasa markah standar untuk dokumen yang dirancang untuk ditampilkan di peramban internet.  CSS adalah kepanjangan dari Cascading Style Sheet, pengertian dari CSS yaitu aturan untuk mengatur beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam.  Bahan dan Alat : 1. Leptop/komputer/hp 2. Teks editor. Leptop (vscode), Handphone (TrebEdit) Langkah Pengerjaan : 1. Siapkan device kalian 2. Buka teks editor 3. Buat file love.html 4. Buat struktur html 5. Masukan ini dalam tag body:     <style>         .center{             display: flex;             justify-content: center;         }         .word{             padding: 70px 50px 0 0;             text-align: center;         }         .love{             position: relative;             height: 160px;             width: 100px;             background-color: #d16ba5;             border-radius: 200px 200px 0 0;             tra
Baca selengkapnya

Cara Membuat Bunga Menggunakan Bahasa Pemrograman Python

-
Gambar
Membuat Bunga Menggunakan Bahasa Pemrograman Python Apa itu Python? Python merupakan bahasa pemrograman tingkat tinggi yang diracik oleh Guido van Rossum. Python dikenal dengan bahasa pemrograman yang mudah dipelajari, karena struktur sintaknya rapi dan mudah dipahami. Bahkan jika ingin mengeluarkan "hello word" saja sangan mudah tinggal ketik :  print "hello word" Persiapan alat untuk membuat bunga 1. Python: Interpreter yang menerjemahkan bahasa python ke bahasa mesin, sehingga program bisa dijalankan. 2.Teks Editor/IDE: Program yang digunakan untuk menulis kode. Disini kita menggunakan visual studio code. 3.download terlebih dahulu extension yang bernama  "Python" di Visual studio code kalian  Langkah Pengerjaan : 1. Buat file di teks editor kalian dengan nama bungan.py   2. Ketikan code ini :  import turtle s = turtle.Screen() t = turtle.Turtle() s.bgcolor('#262626') t.pencolor('#540d6e') t.speed(100) col = ('#ee4266', '#ff
Baca selengkapnya

Membuat Card html css

-
Gambar
  Card adalah komponen panel yang dapat mencakup pilihan untuk header dan footer, berbagai macam konten, warna latar belakang kontekstual, dan pilihan tampilan yang beragam. Bagaimana cara membuat Card? Mari kita buat Card dari html dan CSS, ikuti langkah-langkah berikut: 1. Buka teks editor kalian 2. Buat file card.html 3. Buatlah sebuah struktur html 4. Masukan sintak dibawah ini kedalam tag <body> 5. Buat file baru style.css 6. Masukan sintak berikut  Komponen Pembentuk Card Style Untuk Text  7. Jika sudah, sambungkan file CSS ke html 8. Jalankan file html 9. Maka hasil yang akan keluar seperti di bawah ini Output   Ya, begitulah cara membuat Card menggunakan HTML dan CSS. Bagaimana mudah bukan, sekian dari saya salam ~Zenprojek
Baca selengkapnya