Categories: Tutorial

Contoh Website Portofolio Sederhana Tapi Keren Untuk Programmer

Contoh Website Portofolio Sederhana Untuk Programmer, Web developer. Ok, kembali dengan ngoding pak. Kali ini aku akan membagikan website portofolio ala ala ngoding pak dengan tampilan yang sederhana,simple namun yummy dilihat mata

Yang aku buat kali ini ada fitur skill progress bar, tampilan portofolio nya, about dan ada tampilan timeline nya juga. Framework css yang aku gunakan kali ini ialah materialize CSS, ada yang belum tahu materialize CSS ? framework yang satu ini ialah favorit saya, sebab tampilan dari css ini sangat higienis dan banyak animasinya, kelemahan pada framework ini ialah kurangnya fitur fitur yang disediakan berbeda dengan bootstrap, fitur fitur yang ditawarkan oleh bootstrap sudah cukup banyak

Screenshot speed website yang aku buat

Mungkin load time nya cukup lambat dengan tampilan yang sederhana, tapi 1 detik itu sudah cukup buat para visitor tidak bosan menunggu web nya. Page size nya juga cukup besar sekitar 1MB.

Dengan detail yang aku sanggup sebagai berikut :

HTML 2.66 KB
CSS 34.37 KB
Script js 90.05 KB
Image 130.49 KB
Other 666.83 KB

Diatas hanya konten size dari tipe nya

Website portofolio tidak usah terlalu wah, sederhana saja

Web ini juga disertain tampilan responsive, materi bahan yang aku pakai di website ini :

jQuery
Materialize CSS
Google Font: Pacifico, Montserrat, Gugi
Gambar dari Said Ramirez dari unsplash.com (Dibagian header)

Next ane akan posting lagi satu web portofolio yang tidak mengecewakan keren juga tapi dengan tampilan yang sederhana

DEMO | DOWNLOAD

Ok, sekian dan terimakasih atas kunjungannya ke web ini, silahkan bertanya melalui kolom komentar atau kontak yang aku sudah sediakan

Demikian yang dapat kami share kepada sobat source code aplikasi pada kesempatan ini, semoga dapat bermanfaat dan bisa menjadi referensi pemrograman bagi anda. Jangan lupa like Fan Page kami, dan SUBSCRIBE Channel Youtube kami untuk dapatkan update source code aplikasi terbaru.

Ahmad Code