Codepen, Coding & Enjoying

Pasti kalau kamu termasuk kaum developer kamu sudah tau, atau sudah punya repo disana, atau paling ngga kamu pernah liat doang. Oh belum tau?

Ya, itu merupakan web apps yang dikhususkan para developer untuk coding on the fly. Kita bisa secara langsung coding di browser dengan memanfaatkan fasilitas yang disediakan Codepen.

Emang untuk apa codepen?

To make your life easier. As simple as it is. Kamu developer pasti sangat merasakan betapa membosankannya seharian di depan text editor kesayangan kamu tampa menghasilkan suatu yang waw di hari itu. Ya Codepen memberikan sedikit semangat buat kamu, caranya, kamu tinggal tulis sebagian coding kamu. Lalu hasilnya, bisa dilihat sejuta umat developer lainnya. Ya you know la kalo para developer uda pada ketemu? wiih… urusannya panjang, bisa lebih rame untuk improving code kamu atau bahkan membuat lebih rumit lagi. Haha

Caranya gimana untuk ikut Codepen?

Sangat simple. Apa sih yang jaman sekarang ribet, kamu tinggal daftar aja di site nya codepen.io dan lakukan sign up. Kamu akan dapat gambaran lebih banyak disana.

Keuntungannya apa buat saya?

Banyak. Eh sedikit. Tergantung dari niat kamu masuk kesana. Sebagaimana website sharing media lainnya, manfaat yang kamu dapatkan akan beragam. Kamu bisa lihat product ui dan ux dengan coding yang nude. Pro bono guys. Selain itu kamu bisa lebih mengenal developer lainnya dengan sharing idea dan kerjaan kamu.

Dan ini first pen pertama saya di Codepen. Buat navigation bar menggunakan flex box dan tambahan media queries agar website bersifat adaptif. Enjoy

See the Pen Navigation Bar by Ramadhani Wasil (@arwasil) on CodePen

*ups, sayangnya wordpress.com ga bisa embed html di postingannya. Harus pindah dulu ke .org atau beli domain sendiri. For better preview please click my codepen above.

Bootstrap for Websites

What is Bootstrap?

Bootstrap is a front-end framework is jaunty, good and outstanding mengedapankan display for mobile devices (mobile phones, smartphones etc.) In order to speed up and simplify the development of the website. Bootstrap provides the HTML, CSS and Javascript ready to use and easy to develop.

For what it's bootstrap?

Bootstrap is a framework to build responsive web design. That is, the web interface created by the bootstrap will adjust the screen size of the browser we use both a desktop, tablet or mobile device. This feature can be enabled or disabled in accordance with our own desires. Thus, we can make the web to view the desktop and mobile browser when rendered by the display of the web that we make can not adapt to fit the screen. With our bootstrap can also build dynamic or static web.