logo logo

Portal media terdepan yang menyajikan informasi terkini seputar dunia teknologi, gadget, dan inovasi digital di Indonesia.

Sentral Media

Langganan Update Teknologi

Dapatkan rangkuman berita mingguan langsung ke email Anda.

Daftar Newsletter

Surabaya, Indonesia

Kota Surabaya, Jawa Timur

Email: redaksi@sentralmediateknologi.id

Berita frontend-uiux

Flexbox Spacing: Menggunakan properti Gap
frontend-uiux

Flexbox Spacing: Menggunakan properti Gap

Artikel ini akan membahas penggunaan properti gap, row-gap, dan column-gap dalam konteks Flexbox. Anda akan mempelajari mengapa gap lebih unggul dibandingkan margin tradisional, ca...

Flexbox Alignment: Justify-Content dan Align-Items.
frontend-uiux

Flexbox Alignment: Justify-Content dan Align-Items.

Artikel ini akan membahas dua properti perataan paling penting dalam Flexbox: justify-content untuk mengatur posisi elemen pada Main Axis (sumbu utama) dan align-items untuk mengat...

Flexbox: Mengatur Sumbu dengan Flex-Direction
frontend-uiux

Flexbox: Mengatur Sumbu dengan Flex-Direction

Artikel ini akan membahas empat nilai utama dari flex-direction: row, row-reverse, column, dan column-reverse. Anda akan mempelajari bagaimana arah sumbu memengaruhi fungsi propert...

CSS Flexbox Dasar: Flex Container vs Flex Items.
frontend-uiux

CSS Flexbox Dasar: Flex Container vs Flex Items.

Artikel ini akan membedah konsep dasar Flexbox dengan memisahkan dua peran utama: Flex Container (induk) dan Flex Items (anak). Anda akan mempelajari bagaimana mengaktifkan mode Fl...

Revolusi Layout Web: Dari Table, Float, hingga Flexbox/Grid
frontend-uiux

Revolusi Layout Web: Dari Table, Float, hingga Flexbox/Grid

Artikel ini akan membawa Anda menelusuri garis waktu teknologi tata letak web. Kita akan membedah masa kelam penggunaan Table, era penuh trik dengan Float, hingga revolusi modern m...

Proyek CSS Mikro: Kartu Profil Karyawan Modern
frontend-uiux

Proyek CSS Mikro: Kartu Profil Karyawan Modern

Proyek ini adalah latihan praktik yang menggabungkan penggunaan Flexbox, Positioning, Border-radius, Box-shadow, dan CSS Transitions. Fokus utama adalah menciptakan kartu profil ya...

Blend Modes: Manipulasi Warna dan Gambar ala Photoshop di CSS
frontend-uiux

Blend Modes: Manipulasi Warna dan Gambar ala Photoshop di CSS

Panduan ini akan membahas teknik manipulasi warna menggunakan properti background-blend-mode. Anda akan mempelajari tiga mode percampuran paling populer: multiply untuk efek pengge...

Filter CSS: Manipulasi Gambar Instan dengan Kode
frontend-uiux

Filter CSS: Manipulasi Gambar Instan dengan Kode

Artikel ini membahas penggunaan properti filter untuk memanipulasi tampilan gambar secara dinamis. Kita akan membedah empat fungsi paling populer: blur untuk efek kedalaman, bright...

Fungsi CSS Math: Membuat Layout yang Cerdas dan Dinamis
frontend-uiux

Fungsi CSS Math: Membuat Layout yang Cerdas dan Dinamis

Artikel ini membahas empat fungsi matematika esensial dalam CSS modern: calc() untuk perhitungan dasar, min() dan max() untuk batasan nilai, serta clamp() untuk tipografi dan layou...

Dark Mode Murni CSS: Menggunakan Media Query prefers-color-scheme
frontend-uiux

Dark Mode Murni CSS: Menggunakan Media Query prefers-color-scheme

Panduan ini akan mengajarkan cara menggunakan media query prefers-color-scheme untuk mendeteksi pengaturan mode gelap pengguna. Anda akan belajar cara mengintegrasikan variabel CSS...