[Auryn]

[Image: responsive-web-design.jpg]

Intro

Spoiler:

Berbicara tentang web responsive Sekarang banyak orang melakukan aktivitas online melalui device SmartPhone, seperti update status, upload gambar, dan tidak terkecuali mengakses sebuah website. Dengan keadaan yang seperti ini, mau tidak mau kita sebagai pemilik website/developer harus memiliki website yang bisa diakses melalui device SmartPhone tersebut. Bagi yang menggunakan CMS seperti WordPress mungkin sudah tersedia pluginnya, tapi bagaimana dengan yang membuatnya dari awal atau nol atau menggunakan CMS yang belum tersedia plugin mobile tersebut? Tentunya harus membuat ulang websitenya dalam bentuk mobile bukan. Lalu bagaimana solusinya? Nah dengan hadirnya teknologi Responsive ini, kita hanya perlu menggunakan satu design saja untuk berbagai device yang ada. Ini adalah cara terbaik jika kita malas untuk mendevelop ulang website kita agar sesuai dengan mobile device. lalu apa sih definisi responsive design? mari kita bahas sedikit.

Apa Itu Responsive Design ?

Spoiler:

Responsive Web Design adalah sebuah teknik yang digunakan untuk membuat layout website menyesuaikan diri dengan tampilan device pengunjung, baik ukuran maupun orientasinya. Jadi tampilan yang berada di desktop komputer dengan tampilan yang diakses melalu SmartPhone misalnya, itu akan berbeda tampilannya. Responsive Web Design Untuk mengetes tampilan yang menggunakan teknik Responsive tersebut tidak harus mengaksesnya melalui mobile device ataupun device lainnya, namun cukup dengan meminimize browser saja ke dalam ukuran mobile device yang diinginkan, kita sudah dapat melihat tampilan website kita pada layar mobile device.

Apa Itu CSS Framework ?

Spoiler:

Framework adalah sekumpulan fungsi, class, atau API yang siap pakai. Tujuan adanya framework adalah mempercepat proses development dan membuat standarisasi coding tertama pada penerapa styles (CSS). Hal lain yang paling penting dari adanya framework adalah menghilangkan konsep “don’t reinvent the wheel” alias jangan mengerjakan sesuatu yang sudah di kerjakan oleh orang lain atau sudah pernah dikerjakan sebelumnya . oke, berikut ini 5 css framewok terbaik dan paling populer yang bisa membantu kita dalam memenuhi kebutuhan dalam membuat sebuah kerangka website responsive.

5 CSS Framework

Spoiler:

1.Bootstrap

[Image: b2ap3_thumbnail_Bootstrap.png]

Code:

http://getbootstrap.com/

2.Foundation

[Image: b2ap3_thumbnail_Foundation.png]

Code:

http://foundation.zurb.com/

3.Gumby

[Image: b2ap3_thumbnail_Gumby.gif]

Code:

http://www.gumbyframework.com/

4.UI KIT

[Image: b2ap3_thumbnail_UIkit.png]

Code:

http://getuikit.com/

5.Sematic UI

[Image: b2ap3_thumbnail_Semantic-UI.png]

Code:

http://semantic-ui.com/

Conclusion

Spoiler:

Yap itu tadi sekilas ttg responsive CSS framework dan mash banyak lagi css framework selain yang disebutkan diatas,yang terpenting adalah sekarang sudah bukan jamannya lagi bikin layout pake tabel, so go a head choose the One.

[kangsander]

2. Bootstrap,,, mntepp iku, lgi mulai blajar yg itu...

skalian momod, pnya refrensi tutor ebook ny kga???

[Auryn]

gak ada, rajin2 liad documentasinya aja itu udah cukup kogg.. @kangsander

[nanto88]

om kalo mulai paling beginner untuk buat website iseng2 belajar apa om

[rudicha]

om kalo mulai paling beginner untuk buat website iseng2 belajar apa om

paling standar dan bnyk di gunain sih bootstrap gan,
ane jg dulu awalnya belajar bootstrap lbh mudah
klo 4 yang lain itu blm pernah ane cb sih hahahah

[hendriaditya]

om mod ajarin download template premium yg baik dan bener dong

[nanto88]

ane lagi nyoba nyoba hosting ni gan, pertama ane mu coba2 edit2 template.. ada template premium gak gan.. yg untuk posting posting tapi home nya agak simple..
mau omm @Auryn

[Auryn]

jangan panggil gan ah kayak apaan aja.. hahah
iya btw om mw bkin web blogging ? @nanto88

[nanto88]

jangan panggil gan ah kayak apaan aja.. hahah
iya btw om mw bkin web blogging ? @nanto88

iya om untuk web blogging tapi ane pengen yg home nya gini :
www.templateexpress.com/formation/ agak simple nyaman modern gitu om..

[arbiyanto]

ane malah kagak tau kalau ada Framework selain bootstrap. mayan nambah ilmu lagi... btw, ane baru mau ngikut web desain tingkat kota. bingung mikirin desain kalau disuruh bikin desain bebas ntar. ada saran ga web onepage yang bagus dan gampang ditiru gitu? kalau bikin desain sendiri malah berantakan ntar.