Footer stay at the bottom

Mengalami masalah seperti di gambar di samping? Ingin footer tetap berada di bagian bawah viewport?
Nah, untuk membuat footer tetap berada di bawah, ada beberapa cara:

Susunan kuat lemahnya styling CSS

Anda mempunyai suatu styling tetapi tidak jalan? Yakin selectornya sudah benar? Yakin stylingnya juga tidak salah ketik?

Berarti styling Anda ter-replace oleh styling lain. Simak beberapa sebabnya berikut.

Persegi dengan tinggi sama dengan lebar, Responsive Box CSS only

Membuat persegi dengan CSS? Mudah tinggal buat elemen HTML misalkan div, kemudian beri style {height: 100px; width: 100px;}. Selesai.

Tapi bagaimana kalau kita ingin hasil yang responsif/ responsive design? Jadi berapa pun lebarnya, kita tak perlu mendeklarasikannya, tingginya bisa kita atur, dan, kita cuma perlu CSS, bisakah?

Yup, bisa. Bahkan kita bisa mengatur berapa prosentase tinggi dari lebarnya. Kali ini saya akan membahas hal tersebut.

Collection of Sass Mixin

Andy.scss is an open-source collection of useful SASS mixins.

Here is the link http://gillesbertaux.com/andy/.
Unfortunately, no detailed documentations there, but it is pretty simple to use.

Maybe I'll cover this later,
and maybe in the future I will post something about Saas too.

Learn Flexbox

CSS Flexible Box or Flexbox is simply a CSS layout model.
Using flexbox we do not need to rely on float anymore, and it could be responsive too.

I think flexbox will be used widely in the future, so we better start to learn now.
Anyway, flexbox is very cool and we must learn it, definitely.

Easily add animation with Animate.css

Swing? Bounce? Shake? You can add all that animations with Animate.css, very easily. View the demo will describe it the best.

So, how do we use it?

Berbagai CSS Selector

Ada banyak cara untuk mentarget elemen html. Dalam artikel kali ini saya akan membahas banyak cara tadi.
Tanpa basa-basi lagi, mari kita mulai.

Trianglify, triangle meshes generator

Kali ini yang saya ingin share generator yang saya temukan saat cek-cek email barusan.