Properti dalam CSS

Pengertian Properti CSS (CSS Property)

        CSS (Cascading Style Sheets) adalah bahasa pemrograman yang digunakan untuk mengatur tampilan atau style suatu halaman web. Properti CSS merujuk pada aturan atau instruksi yang digunakan untuk mengubah tampilan atau perilaku elemen HTML pada halaman web. Properti CSS terdiri dari dua bagian, yaitu nama properti dan nilainya. Nama properti merujuk pada aspek yang akan diatur, seperti warna, ukuran font, posisi, dan sebagainya. Sedangkan, nilainya merujuk pada nilai yang akan diterapkan pada properti tersebut, seperti warna merah, ukuran font 16px, atau posisi relative. Properti CSS dapat dituliskan pada file CSS secara terpisah atau pada tag HTML secara langsung dengan menggunakan atribut style. Dengan menggunakan properti CSS, desainer web dapat mengontrol tampilan dan layout halaman web untuk menciptakan tampilan yang menarik dan sesuai dengan kebutuhan pengguna.  

Berikut adalah beberapa properti CSS yang sering digunakan:

• align-content: mengatur posisi isi kontainer di dalam ruang kontainer ketika ada ruang tambahan di sekitar isi kontainer.

• align-items: mengatur posisi item dalam kontainer pada sumbu vertikal (y-axis).

• align-self: mengatur posisi item pada sumbu vertikal (y-axis) secara individual.

• all: memengaruhi semua properti CSS pada elemen terkait.

• animation: menggabungkan semua properti animasi menjadi satu properti dengan memanfaatkan keyframes.

• animation-delay: menunda awal animasi.

• animation-direction: mengatur arah animasi.

• animation-duration: mengatur durasi animasi.

• animation-fill-mode: mengatur bagaimana elemen mempertahankan gaya setelah animasi selesai.

• animation-iteration-count: mengatur berapa kali animasi akan berulang.

• animation-name: mengatur nama animasi.

• animation-play-state: mengatur apakah animasi harus dijeda atau dimainkan.

• animation-timing-function: mengatur bagaimana animasi bergerak melalui waktu.

• backface-visibility: mengatur apakah sisi belakang elemen dapat dilihat atau tidak ketika diputar.

• background: menggabungkan semua properti latar belakang menjadi satu properti.

• background-attachment: mengatur apakah latar belakang bergulir bersama halaman atau tetap diam.

• background-blend-mode: mengatur bagaimana latar belakang akan dipadukan dengan elemen di atasnya.

• background-clip: mengatur area di mana latar belakang harus dipotong.

• background-color: mengatur warna latar belakang.

• background-image: mengatur gambar latar belakang.

• background-origin: mengatur di mana latar belakang harus bermula.

• background-position: mengatur posisi latar belakang.

• background-repeat: mengatur bagaimana gambar latar belakang harus diulang.

• background-size: mengatur ukuran gambar latar belakang.

• border: menggabungkan semua properti border menjadi satu properti.

• border-bottom: menggabungkan semua properti border bawah menjadi satu properti.

• border-bottom-color: mengatur warna border bawah.

• border-bottom-left-radius: mengatur radius sudut kiri bawah dari border bawah.

• border-bottom-right-radius: mengatur radius sudut kanan bawah dari border bawah.

• border-bottom-style: mengatur jenis garis border bawah.

• border-bottom-width: mengatur lebar border bawah.

• border-collapse: mengatur apakah tabel harus menampilkan garis antara sel-sel.

• border-color: mengatur warna border.

• border-image: menggabungkan semua properti border gambar menjadi satu properti.

• border-image-outset: menambahkan jarak antara border dan elemen.

• border-image-repeat: mengatur bagaimana gambar border diulang.

• border-image-slice: mengatur bagian gambar yang harus dipotong untuk dijadikan border.

• border-image-source: mengatur sumber gambar untuk border.

• border: mengatur border dengan gabungan lebar, style, dan warna.

• border-radius: mengatur sudut-sudut border dengan bentuk melengkung.

• box-shadow: mengatur bayangan pada elemen.

• color: mengatur warna teks.

• display: mengatur tampilan elemen seperti block atau inline.

• float: mengatur posisi elemen di sebelah kiri atau kanan dari elemen sebelumnya.

• font-family: mengatur jenis font.

• font-size: mengatur ukuran font.

• font-weight: mengatur ketebalan font.

• height: mengatur tinggi elemen.

• justify-content: mengatur posisi konten dalam suatu container secara horizontal.

• line-height: mengatur jarak antara baris dalam teks.

• margin: mengatur jarak luar elemen.

• max-height: mengatur tinggi maksimum elemen.

• max-width: mengatur lebar maksimum elemen.

• min-height: mengatur tinggi minimum elemen.

• min-width: mengatur lebar minimum elemen.

• opacity: mengatur kekaburan elemen.

• overflow: mengatur perilaku elemen saat konten lebih besar dari ukuran elemen.

• padding: mengatur jarak dalam elemen.

• position: mengatur posisi elemen.

• text-align: mengatur posisi teks dalam elemen.

• text-decoration: mengatur efek dekoratif pada teks seperti garis bawah atau coretan.

• text-transform: mengatur transformasi pada teks seperti huruf besar atau kecil.

• transform: mengatur transformasi pada elemen seperti perputaran atau skalasi.

• transition: mengatur efek transisi pada perubahan properti elemen.

• visibility: mengatur apakah elemen terlihat atau tidak.

• width: mengatur lebar elemen.

• z-index: mengatur urutan tampilan elemen pada layer.

• flex: mengatur tampilan elemen pada flexbox container.

• flex-basis: mengatur lebar awal elemen pada flexbox container.

• flex-direction: mengatur arah tampilan elemen pada flexbox container.

• flex-grow: mengatur rasio elemen terhadap ruang kosong pada flexbox container.

• flex-shrink: mengatur rasio elemen terhadap ruang terlalu penuh pada flexbox container.

• flex-wrap: mengatur apakah elemen akan wrap atau tidak pada flexbox container.

• grid-template-columns: mengatur jumlah dan lebar kolom pada grid container.

• grid-template-rows: mengatur jumlah dan tinggi baris pada grid container.

• grid-column-start: mengatur kolom awal elemen pada grid container.

• grid-column-end: mengatur kolom akhir elemen pada grid container.

• grid-row-start: mengatur baris awal elemen pada grid container.

• grid-row-end: mengatur baris akhir elemen pada grid container.

• grid-column: mengatur posisi kolom awal dan akhir elemen pada grid container.

• grid-row: mengatur posisi baris awal dan akhir elemen pada grid container.

        Itulah beberapa Properti CSS yang sering digunakan para programmer untuk mengatur atau memperindah tampilan website. Sebenarnya masih banyak lagi Properti CSS yang ada, cuma itu yang sering digunakan saja. 

        Baik mungkin demikian artikel mengenai Property CSS semoga bermanfaat bagi kita semua. Sampai jumpa di artikel selanjutnya.

Bahasa Pemrograman Python

 Apa itu Python?

        Python adalah bahasa pemrograman yang banyak digunakan dalam aplikasi web, pengembangan perangkat lunak, ilmu data, dan machine learning (ML). Developer menggunakan Python karena efisien dan mudah dipelajari serta dapat dijalankan di berbagai platform. Perangkat lunak Python dapat diunduh secara gratis, terintegrasi baik dengan semua tipe sistem, dan meningkatkan kecepatan pengembangan.

        Python adalah bahasa pemrograman tujuan umum yang ditafsirkan, tingkat tingi. Dibuat oleh Guido van Rossum dan pertama kali dirilis pada tahun 1991, filosofi desain Python menekankan keterbacaan kode dengan penggunaan spasi putih yang signifikan. Konstruksi bahasanya dan pendekatan berorientasi objek bertujuan untuk membantu pemrogram menulis kode yang jelas dan logis untuk proyek skala kecil dan besar. Singkatnya, Python adalah bahasa pemrograman yang penerapannya tidak hanya pada dunia website saja, akan tetapi pada bidang-bidang lainnya, seperti proses system scripting hingga pembuatan game.

Sejarah Python

Guido van Rossum

        Pyhton dibuat pada akhir 1980-an oleh Guido van Rossum di Centrum Wiskunde & Informatica (CWI) di Belanda sebagai penerus bahasa ABC (sendiri terinsipirasi oleh SETL), mampu menangani pengecualian dan berinteraksi dengan sistem operasi Amoeba. Implementasinya dimulai pada bulan Desember 1989. Van Rossum memikul tanggung jawab penuh atas proyek tersebut, sebagai pengembang utama, hingga 12 Juli 2018. Python 2.0 dirilis pada 16 Oktober 2000 dengan banyak fitur utama baru, termasuk pengumpul sampah pendeteksi siklus dan dukungan untuk Unicode. Tanggal akhir masa pakai Pyhton 2.7 yang awalnya ditetapkan pada tahun 2015 karena sejumlah besar kode yang tidak dapat dengan mudah dilanjukan ke Python 3.

        Python 3.6 (dan setiap perilisan lama), tidak lagi didukung per 2021. Pada tahun 2022, Python 3.10.4 dan 3.9.12 dipercepat dan begitu juga perilisan yang lebih lama termasuk 3.8.13, dan 3.7.13 dikarenakan banyak masalah kemanan pada 2022. Python 3.9.13 adalah versi 3.9 terbaru, dan mulai sekarang 3.9 (dan yang terlama; 3.8 dan 3.7) hanya akan mendapatkan pembaruan keamanan.

Apa saja manfaat dari Python?

Manfaat Python mencakup:

• Developer dapat dengan mudah membaca dan memahami program Python karena memiliki sintaksis dasar seperti dalam bahasa Inggris.
• Python membuat developer lebih produktif karena mereka dapat menulis program Python menggunakan baris kode yang lebih sedikit dibandingkan dengan bahasa lainnya.
• Python memiliki pustaka standar besar berisi kode yang dapat digunakan kembali untuk hampir semua tugas. Sehingga, developer tidak perlu menulis kode dari awal.
• Developer dapat dengan mudah menggunakan Python dengan bahasa pemrograman populer lain seperti Java, C, C++.
• Komunitas aktif Python memiliki jutaan developer pendukung di seluruh dunia. Jika anda memiliki kesulitan, anda bisa mendapatkan dukungan cepat dari komunitas.
• Tersedia banyak sumber daya bermanfaat di internetjika anda ingin mempelajari Python. Contohnya anda dapat dengan mudah menemukan video, tutorial, dokumentasi, dan panduan developer.
• Python portabel untuk beragam sistem operasi komputer seperti Windows, macOS, Linux, dan Unix.

Sintaks dasar Python

Bahasa pemrograman memang memiliki sintaks dasar yang berbeda-beda. Untuk membuat sebuah hello world saja, setiap bahasa memiliki ciri khas dan kodenya masing-masing. Sebagai bahasa yang sangat sederhana, Python tidak memerlukan banyak kode. Hal tersebut sesuai dengan filosofi yang terdapat di PEP 20.

1. Statement (pernyataan)

Ada beberapa statement yang dikenali oleh Python, statement penugasan, statement pengecekan (if), statement pengulangan (for).

2. Baris dan indentasi

Menjadi penting untuk diperhatikan para programmer adalah Python tidak menggunakan tanda {} untuk memberikan tanda pada grup kode. Grup kode ditandai dengan menggunakan indentasi (spasi) yang harus sama pada setiap grup kode.

3. Tanda kutip

Untuk menandai String, bahasa pemrograman Python bisa menggunakan tanda kutip satu (') atau tanda kutip atau ganda(") hingga tiga tanda kutip atau empat sekalipun. Selain itu, string juga diawali dan diakhiri oleh tanda kutip yang sama.

Tipe Data pada Python

Setidaknya ada 6 tipe data yang umum dan banyak digunakan, yaitu:

• Number

Tipe data number sebenarnya mempunyai banyak jenis lainnya seperti integer dan float. Untuk tipe data float, panjang bilangannya hanya sampai 17 angka di belakang koma. Sedangkan untuk tipe data integer, tidak ada batasan khusus untuk tipe integer.

• List

Tipe data list berisi item yang berurut yang memiliki indeks sesuai urutannya. Urutan indeks di list bahasa Python dimulai dari 0.

• String

Tipe data yang sering digunakan adalah tipe data String. Tipe String merupakan data yang terdiri dari serangkaian karakter yang terletak di antara tanda kutip.

• Set

Jika list dan string adalah tipe data yang berurut, hal ini berbeda dengan set yang memiliki tipe data yang tidak berurut. Anggota set diletakkan di dalam tanda kurung kurawal {} yang kemudian dipisahkan dengan tanda koma (,).

• Tuple

Tuple jadi tipe data yang tidak begitu jauh dengan list. Data Tuple bersifat imuttable yang artinya sekali dibuat maka tidak bisa diubah lagi.Anggota yang ada di dalam tuple dipisahkan dengan tanda koma(,).

• Dictionary

Terakhir adalah dictionary. Sesuai dengan namanya yang berarti kamus, setiap anggota yang terdiri di dictionary terdiri dari key dan value yang mirip seperti kata dan arti pada sebuah kamus. Jika hampir semua tipe data memiliki indeks, berbeda dengan dictionary juga termasuk ke dalam tipe data yang tidak berurut.

Aturan Penulisan Kode

Penulisan satu statement tidak diakhiri dengan titik koma

Sedangkan, bila kita ingin menulis lebih dari satu statement dalam satu baris, maka kita harus memisahnya dengan titik-koma.

Tetapi dianjurkan ditulis satu statement setiap barisnya. 

Berbeda dengan bahasa pemrograman lain, penulisan blok pada Python menggunakan indentasi (tab atau spasi 2x/4x). Contoh penulisan kode pada Java:

Jika ditulis dalam bahasa Python:

Variabel dan Tipe Data

Menulis variabel pada Python dengan format nama_variabel = nilai

Contoh:

Aturan Penulisan Variabel

• Nama variabel boleh diawali menggunakan huruf atau garis bawah (_), contoh: nama, _nama, namaKu, nama_variabel.
• Karakter selanjutnya dapat berupa huruf. garis bawah (_) atau angka, contoh: _nama, n2, nilai1.
• Karakter pada nama variabel bersifat sensitive (case-sesitif). Artinya huruf besar dan kecil dibedakan. Misalnya, variabel_Ku dan variabel_ku, keduanya adalah variabel yang berbeda.
• Nama variabel tidak boleh menggunakan kata kunci yang sudah ada dalam Python seperti if, while, for, dsb.

Menghapus Variabel

Ketika sebuah variabel tidak dibutuhkan lagi, maka kita bisa menghapusnya dengan fungsi del(nama_variabel).

Tipe Data

Cara mengisi nilai variabel ditentukan dengan jenis datanya, misalkan untuk tipe data teks (string) maka harus diapit dengan tanda petik ("...") Sedangkan untuk angka (integer)) dan boolean tidak perlu diapit dengan tanda petik.

Contoh:

Pyhton akan secara otomatis mengenali jenis data atau tipe data yang tersimpan dalam sebuah variabel.

Jenis-jenis Tipe Data

Secara umum, tipe data primitif dalam Python dibagi menjadi tiga jenis:

• Tipe data angka (integer, float)
• Tipe data teks (char, String)
• Tipe data boolean

Nah itu dia penjelasan singkat mengenai Bahasa Pemrograman Python, semoga bermanfaat bagi kita semua. Sampai jumpa di artikel selanjutnya.

Rekomendasi 10 Games Steam Gratis Terbaik

 

Sebagai salah satu platform distributor game digital terbesar, Steam nggak hanya menyediakan game berbayar yang mematok harga mahal, loh. Namun, kita juga bisa menemukan banyak banget game Steam Gratis yang nggak kalah keren.

Walaupun kita nggak perlu membelinya dengan uang, tapi soal kualitas dan gameplay nggak perlu diragukan. Gameplay-nya nggak kalah seru, grafisnya nggak kaleng-kaleng, bahkan banyak sekali game terkenal yang akan kita temukan.

1. Apex Legends

Apex Legends adalah salah satu game PC free terbaik di mana pemain bisa memilih karakter pahlawannya sendiri yang masing-masing memiliki kemapuan khusus yang disebut "Legenda".

Setelah itu, game battle royale-hero shooter ini akan membagi para pemain ke dalam skuad-skuad dan harus melakukan apa pun demi memenangkan pertarungan dari skuad lawan.

Bisa jadi alternatif nih, buat kalianyang bosan memainkan Apex Legends Mobile.

2. Dota 2

Siapa yang nggak tahu dota 2? Game paling populer di Steam yang dimainkan oleh jutaan pemain di dunia setiap harinya ini tentu saja termasuk salah satu game gratis di Steam yang wajib kalian coba.

Setiap pemain bisa berubah menjadi salah satu dari ratusan hero Dota 2 dan merangsek masuk ke area pertarungan bersama tim. Ya, ini adalah game PvP yang sangat intens.

Tak cuma membutuhkan keberanian, tapi game Multiplayer Online Battle Arena (MOBA) ini juga mengharuskan pemain punya strategi yang baik agar bisa mempertahankan wilayah tim dan melumpuhkan markas musuh.

3. Counter Strike: Global Offensive

Tentunya, Counter Strike: Global Offensive atau CS:GO ini wajib masuk dalam rekomendasi game Steam gratis terbaik. Game FPS terbaik ini sangat populer dan paling banyak dimainkan gamers dari tahun ke tahun.

Kalian bisa memilih ada di tim polisi atau teroris dalam game besutan Velve dan Hidden Path Entertainment ini. Setelah itu, waktunya mengalahkan tim lawan demi meraih kemenangan.

CS:GO menawarkan maps baru, karakter, senjata, dan beragam mode game lain yang tentunya lebih seru dari seri sebelumnya.

4. PUBG Battlegrounds

Kalo kalian sudah sangat jago bermain PUBG Mobile, berarti wajib banget coba game PUBG: Battlegrounds yang rilis 2017 lalu.

Game battle royale satu ini awalnya memang berbayar, tapi sejak 12 Januari 2022 lalu sudah resmi jadi game survival Steam gratis.

Di sini, kamu harus jadi pemain yang terakhir bertahan di area pertarungan untuk jadi pemenang. Kalian bisa memainkannya sendirian atau dengan tim. Tak hanya harus membunuh pemain lain, tapi kalian juga bisa mengumpulkan sumber daya lainnya sebagai taktik bertahan hidup.

5. Destiny 2

Di game Steam free to play terbaik ini, pemain bakal diajak untuk merasakan serunya pertarungan adu tembak di sistem tata surya. Destiny 2 jugs menawarkan storyline yang seru, misi sulit, dan beberapa mode PvP ysng menantang.

Nggak cuman main sendiri, tapi Desiny 2 juga bisa jadi game Steam Gratis multiplayer. Ada beberapa pilihan petualangan co-op dengan misi yang luar biasa seru

6. War Thunder

Kalau lagi mencari game perang di Steam, kalian bisa memainkan War Thunder. Ada banyak kendaraan militer yang mirip banget sama aslinya.

Kalian bisa pilih mana pun yang kamu mau. Setiap tank hingga pesawat, masing-masing punya kekurangan dan kelebihan yang harus kamu pertimbangkan demi memenangkan pertarungan.

Game MMO militer ini bakal membawa kamu seakan benar-benar berada di tengah pertempuran darat, udara, dan laut yang begitu menegangkan.

7. Team Fortrress 2

Selanjutnya ada Team Fortress 2, salah satu Steam free-to-play yang sudah dirilis sejak 2007 lalu tapi masih tetap populer sehingga kini berkat update berkala dari developer Valve.

Game ini merupakan alternatif buat kamu yang mau main CS:GO tapi spesifikasi PC-nya masih kentang. Game Steam gratis low spec ini nggak membutuhkan spesifikasi yang tinggi-tinggi amat.

Tapi tenang saja, gameplay yang ditawarkan mirip CS:GO. Pilih 1 dari 9 kelas yang ada, dan mainkan salah satu dari 11 mode game yang tersedia. Namun, animasinya agak unik, karena tampilannya cukup imut dan menggemaskan yang bikin game ini terasa lebih kasual.

8. Brawlhalla

Game Brawlhala nggak hanya punya versi mobile aja, loh. Brawlhala versi PC bahkan bisa jadi pilihan game Steam yang ringan dan gratis karena nggak membutuhkan spesifikasi PC yang tinggi-tinggi amat.

Game fighting ini cukup unik, karena bisa mempertemukan hingga 8 pemain sekaligus, yakni 4v4, di satu arena pertarungan. Tak cuma sekadar bertarung, tapi ada juga beberapa game modes unik yang pastinya nggak akan bikin bosan.

9. Unturned

Suka main Minecraft tapi ogah mengeluarkan uang buat membelinya? Kalian bisa coba Unturned, game zombie menegangkan tapi berlatar di dunia kubik ala Minecraft. Unik banget kan?

Game adventure Steam gratis ini memungkinkanmu bergabung dengan pemain lain untuk bertahan hidup. Kalian bisa mengeksplorasi map, mencari sumber daya, dan membunuh sebanyak mungkin zombie.

10. SCP: Secret Laboratory

SCP: Secret Laboratory adalah salah satu game horror Steam gratis yang menawarkan cerita seru nan menegangkan. Cocok buat kalian yang suka memacu adrenalin

Pemain akan dibawa ke Site-02 yang hancur akibat bencana ilmiah. Kalian wajib bertahan hidup sekaligus mencari jalan keluar dari sana. di tengah-tengah, kamu bakal bertemu banyak monster hingga ilmuwan jahat yang harus kamu kalahkan. Game gratis di Steam ini termasuk dalam universe seri SCP Foundation.

Nah, itu tadi rekomendasi game Steam gratis. Tertarik untuk mencobanya? Sampai jumpa di artikel selanjutnya.