Sorotan Pengembang: Max Barvian | beragampengetahuan

 – Beragampengetahuan
5 mins read

Sorotan Pengembang: Max Barvian | beragampengetahuan – Beragampengetahuan

Dalam sorotan pengembang sebelumnya, kami memperkenalkan pengembang yang telah mempromosikan tips untuk membangun situs web pemenang penghargaan. Namun, pengembangan web bukan hanya desain dengan terjemahan yang sangat baik, tetapi Max Barvian adalah salah satu pelopor dengan pemahaman mendalam tentang mekanisme inti pengembangan front-end. Pada tahun 2024, ia berbagi dengan kami salah satu animasi yang digerakkan oleh CSS paling keren dengan kami di beragampengetahuan. Kami tidak dapat bersinar di Max, karena karyanya mewakili perbatasan berikutnya dalam pengembangan web – perpaduan pengetahuan teknis yang mendalam dengan eksperimen kreatif.

Halo! Nama saya Max Barvian. Saya seorang insinyur UI yang saat ini bekerja untuk karyawan.

Contents

Proyek yang saya banggakan

nomor

NumberFlow adalah komponen digital animasi untuk React, Vue, Svelte dan Vanilla TS/JS. Itu terinspirasi oleh animasi digital di aplikasi rumah yang indah:

Saya membangun elemen khusus dengan komponen pembungkus untuk setiap kerangka kerja. Semua animasi didukung oleh Web Animation API (WAAPI). Ini menggunakan teknologi flip, properti CSS khusus terdaftar, properti berbasis pegas linear() Waktu, fungsi dan sintesis matematika CSS baru KeyframeEffectS dapat lebih baik mengganggu pemrosesan.

Respons terhadap aliran digital sudah nyata. 𝕏 Saat ini sedang digunakan untuk dasbor analitik mereka, dan Elon Musk bahkan memposting ulang tangkapan layar ini:

Barvian.me

Ketika saya membangun kembali portofolio saya tahun lalu, tujuan saya adalah menggabungkan kesalehan dengan layar rumah Apple TV. Selama bertahun -tahun, saya benar -benar menginginkan situs web seperti ini dengan serangkaian video proyek yang dengan lancar beralih ke halaman detail, tetapi tidak pernah memiliki kepercayaan diri untuk menghapusnya. Kemudian saya menemukan API transisi tampilan. Terlepas dari kelemahannya (mis. Tidak ada penanganan interupsi), rasanya seperti alat yang ideal untuk bekerja. Melihat transisi menggunakan “Snapshot of Old Views” tampaknya sempurna untuk grid video <video> Elemen pada saat yang sama. Akhirnya, selama transisi, saya harus menggunakan lebih banyak tips untuk mendapatkan kinerja yang baik, tetapi saya masih tidak bisa membayangkan telah membangun situs dengan hal lain. Saya merasa sangat terhormat ketika Googles Addy Osmani dan Una Kravets membagikan situs web kecil saya sebagai demo transisi menonton.

Musée

Beberapa tahun yang lalu, saya menemukan desain yang luar biasa ini oleh Kevin Pham di Dribbble dan segera jatuh cinta padanya. Saya dulu ingin mencobanya dengan CSS Scroll Capture dan adegan 3D untuk sementara waktu, dan ini tampaknya menjadi kandidat yang sempurna. Saya akhirnya menggunakan tiga serat, reaksi aksi dan penarik untuk mengimplementasikannya. Ini tidak sempurna (ada bug yang menjengkelkan pada slide sebelumnya yang tidak bisa saya perbaiki), tetapi saya sangat senang dengan apa yang ternyata. Saya merasa sangat terhormat ketika Guillermo Rauch, Paul Henschel, Matt Perry dan Trix.js semuanya dirilis ulang.

Item Jenis Cairan

Pekerjaan ini mungkin yang paling membosankan dalam daftar, tapi saya masih senang dengan itu. Saya bekerja untuk plugin Tailwind di CSS clamp() Ketika saya memiliki beberapa masalah aksesibilitas jangka panjang. Saya tidak ingin membawa pertanyaan -pertanyaan ini ke dalam plugin saya, jadi saya menghabiskan seluruh hari Minggu menonton video matematika di YouTube dan berbicara dengan saudara -saudara saya dari fisikawan untuk mencari tahu cara mengatasi mereka. Akhirnya, saya menerbitkan hasil di majalah Smash dengan bantuan dari editor hebat di sana dan merasa terhormat melihat Adrian Roselli mengutip karya itu dalam artikel aslinya. Utopia adalah generator klip fluida populer yang juga mengintegrasikan temuan ke dalam alat mereka.

Tentang saya

Saya mulai kreatif di kelas jurnalisme kelas tujuh ketika guru saya adalah seorang webmaster untuk surat kabar sekolah kami. Tahun itu, saya bertanya kepada orang tua saya tentang Natal Dreamweaver dan setelah tahun itu saya mendapatkan freelancer pertama saya. Saya telah ditransfer dari Dreamweaver🙂 sejak itu, tetapi saya tidak pernah ingin melakukan hal lain secara profesional. Saya beruntung bisa mengejar karir dari hasrat saya.

Tantangan saat ini

Di staf, saya sedang membangun perpustakaan komponen untuk dasbor. Mencoba membangun sesuatu yang menekankan UX dan DX adalah tantangan yang menarik! Saya berharap saat ini berlangsung, saya dapat berbagi lebih banyak. Komponen React ARIA adalah inspirasi besar di sini.

alat

Saya pada dasarnya tinggal dalam penulisan kode VS, dengan reaksi, tailwinds dan kode olahraga sepanjang hari.

filsafat

Orang yang saya ikuti 𝕏Thow Neverflow adalah contoh yang bagus dari kutipan Charlie Munger:

“Ambil ide sederhana dan menganggapnya serius.”
– Charlie Munger

Ini telah mengganggu saya selama beberapa bulan terakhir dan saya pikir itu telah meningkatkan kenikmatan proyek yang saya pikir terlalu teratur atau membosankan.

Merupakan suatu kehormatan untuk ditampilkan di situs web yang telah saya baca sepanjang karier. Terima kasih banyak, Manoela dan tim beragampengetahuan!

rencana pengembangan website



metode pengembangan website

jelaskan beberapa rencana untuk pengembangan website, proses pengembangan website, kekuatan dan kelemahan bisnis pengembangan website
, jasa pengembangan website, tahap pengembangan website, biaya pengembangan website

#Sorotan #Pengembang #Max #Barvian #beragampengetahuan

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *