Web

Buat Efek Gambar Responsif Dengan Gradien CSS Dan rasio aspek

Masalah klasik dalam CSS adalah mempertahankan rasio aspek gambar di seluruh komponen terkait, seperti kartu. Properti `aspect-ratio` yang baru didukung dalam kombinasi dengan `object-fit` memberikan obat untuk sakit kepala di masa lalu ini! Mari belajar menggunakan properti ini, selain menciptakan efek gambar gradien responsif untuk bakat ekstra.

Baca lebih lajut

Keadaan GDPR Pada Tahun 2021: Pembaruan Utama Dan Apa Artinya

Sebagai praktisi digital, GDPR telah memengaruhi setiap aspek kehidupan profesional dan pribadi kita. Baik Anda kecanduan Instagram, mengirim pesan ke keluarga Anda di WhatsApp, membeli produk dari Etsy atau informasi Google, tidak ada yang lolos dari aturan yang diperkenalkan pada tahun 2018.

Baca lebih lajut

Membangun Kurikulum Pembelajaran Pribadi Anda Sendiri

Sebagai pengembang, kami terus mempelajari bahasa dan kerangka kerja baru. Tetapi bagaimana Anda dapat menyusun pembelajaran ini untuk memastikan manfaat maksimal sambil terus berkembang? Inilah cara Anda dapat merancang kurikulum Anda sendiri untuk terus bergerak ke arah yang benar.

Baca lebih lajut

Konteks Dan Variabel Dalam Generator Situs Statis Hugo

Pada artikel ini, kita melihat topik konteks dan variabel di Hugo, generator situs statis yang populer. Anda akan memahami konsep seperti konteks global, kontrol aliran, dan variabel dalam templat Hugo, serta aliran data dari file konten melalui templat ke parsial dan templat dasar.

Baca lebih lajut

Tip dan Pintasan Debugging DevTools (Chrome, Firefox, Edge)

DevTools sangat canggih dan membantu, tetapi juga bisa sangat menakutkan dan berlebihan. Mari kita perbaiki itu. Pada artikel ini, Vitaly mengulas fitur dan pintasan yang berguna untuk debugging di Chrome, Firefox, Edge, dan Safari.

Baca lebih lajut

Mengoptimalkan Video Untuk Ukuran Dan Kualitas

Menambahkan video ke aplikasi Anda dapat meningkatkan keterlibatan dan kepuasan pelanggan. Tetapi kebalikannya dapat terjadi ketika ada masalah dengan pemutaran video: video stall membuat frustrasi dan membuat pelanggan menjauh. Dalam artikel ini, kami akan memandu langkah-langkah untuk mengoptimalkan video di situs web Anda untuk memastikan pemutaran yang cepat dan mengurangi jeda.

Baca lebih lajut

Hal Yang Diharapkan Dari Lokakarya Smashing: Kelas Master Desain Formulir

Beberapa minggu yang lalu, kami menyelenggarakan [Kelas Master Desain Formulir](https://smashingconf.com/online-workshops/workshops/adam-silver), sebuah lokakarya online dengan Adam Silver bersama 81 orang yang ramah dan cerdas. Hari ini, Adam membagikan pengalaman dan detailnya dengan menyoroti apa yang Anda sebagai peserta dapat harapkan dari Smashing Workshop, dan hal-hal yang perlu diingat saat menjalankannya.

Baca lebih lajut

Apa yang Saul Bass Dapat Ajarkan Tentang Desain Web

Kredit film, logo merek, poster… Saul Bass melakukan semuanya, dan prinsip-prinsip yang menginformasikan karyanya sekarang sama berharganya dengan 50 tahun yang lalu.

Baca lebih lajut

Membangun Aplikasi Web Dengan React, Redux, dan Sanity.io

Headless CMS adalah cara yang ampuh dan mudah untuk mengelola konten dan mengakses API. Dibangun di atas React, Sanity.io adalah alat yang mulus untuk manajemen konten yang fleksibel. Ini dapat digunakan untuk membangun aplikasi sederhana hingga kompleks dari bawah ke atas. Dalam artikel ini, Ifeanyi menjelaskan cara membuat aplikasi daftar sederhana dengan Sanity.io dan React. Status global akan dikelola dengan Redux dan aplikasi akan ditata dengan komponen gaya.

Baca lebih lajut

Pengetikan Statis Dinamis Dalam TypeScript

Dalam artikel ini, kita melihat beberapa fitur TypeScript yang lebih canggih, seperti tipe gabungan, tipe bersyarat, tipe literal templat, dan generik. Kami ingin memformalkan perilaku JavaScript paling dinamis dengan cara yang dapat menangkap sebagian besar bug sebelum terjadi.

Baca lebih lajut