Rounded corners menggunakan CSS

Suatu ketika saya berpikir, kenapa kok bentuk layout itu kok hanya persegi dimana tiap sudutnya lancip?kenapa sudutnya itu melengkung mungkin akan lebih menari!!!Kemudian muncul istilah rounded corners, apa itu rounded corners?fungsinya seperti apa? akhirnya saya menemukan jawabannya. Untuk lebih jelasnya perhatikan gambar di bawah ini:

Hacking CSS

Hacking CSS disini adalah membuat CSS yang valid/ dikenali oleh beberapa browser dengan render yang sama. Baik itu Internet Explorer, Mozilla Firefox, Opera dan lain-lain. Hal ini dikarenakan setiap browser mempunyai cara sendiri-sendiri dan aturan sendiri-sendiri.

Melayout dengan CSS

Didalam dunia desain web, layout atau mengatur letak aitem-aitem yang ada dalam sebuah web menjadi bagian yang amat penting bahkan bisa jadi yang paling lama dibanding dengan bagain desain web lainnya. Karena jika kita membua layout yang salah, maka web kita juga akan salah diterjemahkan oleh browser. Hal itu juga bisa disebabkan karena setiap browser memilliki dukungan bahasa(CSS) yang berbeda dan tentunya default dari browsernya sendiri yang berbeda-beda. Browser yang paling rewel soal layout css adalah IE karena kurang dukungannya terhadap CSS.

Transparent PNG pada Background

Pernah suatu hari saya dipusingkan dengan masalah harus mentransparentkan suatu background pada website. Hal yang termudah adalah dengan menggunakan image dengan suport transparent yaitu gif atau PNG. Gif harus membayar sedangkan PNG sifatnya free dengan kemampuan suport transparent, jadi pasti saya pilih PNG. Tapi masalah muncul kemudian lagi-lagi gara-gara IE yang tidak suport transparent, akhirnya saya temukan solusinya.

Mengatasi Masalah Transparent

Jika anda punya masalah dengan transparent image pada suatau browser ( IE )yang anda buat, padahal image yang anda bikin sudah mendukung tranparent ( Gif & PNG). Maka anda memerlukan trik berikut.