10. Desain Web – Dayafterday
Dayafterday, nampak desain web responsive ini seperti biasa-biasa saja, di halaman depan situs ini hanya menampilkan menu navigasi, judul situs, tagline situs dan tombol untuk sign up. Di bawah bagian footernya ditambahkan player musik dengan beberapa playlist yang ditampilkan. Tampilan desain pada halaman about, akan muncul keunikannya. Pada awal mengunjungi laman about, tidak terlihat perbedaannya tapi ada tombol yang “scroll to explore”, nah muncul yang menjadi pembeda dari situs ini, seperti dibawa ke tiap halaman dengan desain yang unik dan menakjubkan.
Itulah 10 contoh desain web yang menggunakan framework bootstrap. Dari referensi desain web di atas, Anda bisa memulai projek desain web dengan mengikuti panduan singkat framework bootstrap dan ikuti juga pengaturan css framework bootstrap.
Baca juga:
Adhy Suryadi says
30 April 2015 at 5:34 pmHehehe pas banget hari ini kebetulan saya mencoba bootstap ini dan memang semuanya jadi lebih mudah seperti membuat menu, show hide, button, dll. Perlu dicoba juga membuat blog dari bootstrap ini.
Ahmad Fahrurroji says
30 April 2015 at 7:12 pmIya kang, sangat dipermudah bikin desain web pake bootstrap. Saya juga lagi mau bikin projek pake bootstrap, ditunggu kabar udah jadinya kang 😀
Mangs Aduls says
5 May 2015 at 1:53 pmkeren2 tapi yang no dua Egelnick + Webb.
keren banget
Ahmad Fahrurroji says
5 May 2015 at 2:10 pmdesain sederhana tapi elegan, pake bootstrap jadi terlihat keren semua ya kang 😀
Mangs Aduls says
8 May 2015 at 2:03 pmbetul sekali kang.
obat herbal says
30 June 2016 at 6:20 amkeren banget euy gan…makasih udah berbagi, sangat bermanfaat..
Ahmad/Rudy says
27 August 2016 at 7:50 amIya bang bener banget bagus dan kayaknya lebih muda, Saya pengen mencobanya! dan dmn ya kita bs liat komunitasnya. Oia bang/mas ada yang mau saya tanya nih kalau kita buat page dan post di bootstrap kok ada extensi .html ya? gimana sih cara hilanginya? kayak yang di 10 contoh design ini ga ada sama sekali ektensi .html di ujungnya cuman ada judul/ dan garis miring. atau memang dibuat melalui custom wordpress ya?. Mohon bantuan dan mungkin kiranya bisa di kirim via email. Salam kenal ya bang/mas dan semua. 🙂
Ahmad Fahrurroji says
30 August 2016 at 9:37 amKalo bawaan bootstrap sendiri pake html, harus dikembangkan bisa menggunakan php atau diintegrasikan dengan wordpress juga bisa.
iqbaal says
14 May 2017 at 9:32 amkalau udah download bootstrap terus cara pakainya giman ?
saya masih pemula
Ahmad Fahrurroji says
14 May 2017 at 9:53 amEkstrak file bootstrap nya, cari folder docs>examples, nah di situ banyak template bootstrap yang bisa dipelajari dulu