CSS

Posisi Elemen Di Tengah Dengan CSS | Vertical & Horizontal

Dalam tutorial ini kita akan membuat posisi sebuah element berada di tengah layar dengan css. Meletakan sebuah elemen agar posisinya berada ditengah secara horizontal tidaklah sulit, kita hanya perlu membuat text-align menjadi center, namun secara vertical kita membutuhkan beberapa trik untuk melakukan nya. Ada banyak trik yang bisa digunakan untuk membuat suatu element berada di…

Belajar HTML5 dan CSS3

HTML5 dan CSS3

HTML5 dan CSS3 bukanlah barang baru, sudah beberapa tahun belakangan ini kita mendengar kedua kata itu. Namun, sepertinya ditahun 2013 inilah HTML5 dan CSS3 akan semakin banyak digunakan. Itu juga karena W3C telah menyatakan bahwa fitur HTML5 sudah lengkap. HTML5 dan CSS3 adalah Masa depan website, kedepan nya HTML5 dan CSS3 akan semakin banyak digunakan….

Belajar CSS Layout | Panduan

Belajar membuat layout website dengan css tidak lah sulit, namun bagi beberapa orang yang baru memulai terlihat rumit, karena harus berurusan dengan sintak-sintak HTML dan CSS yang tidak sedikit, ada banyak sekali sintak HTML dan CSS yang harus di hafal untuk dapat menjadi web designer yang handal. Ada banyak cara untuk belajar suatu bidang ilmu,…

Mempercantik Tulisan di Website dengan Adobe Edge Font


Dec 3rd, 2012 Web Design 3 Comments

Font sangat penting dalam sebuah website, font bisa membuat website menjadi terlihat menarik dan bisa juga tidak, itu tergantung bagaimana kita menempatkan dan menggunakan font dengan benar diwebsite yang kita buat. Anda pasti sering mendengar istilah Typography, yap itu berkaitan dengan penggunaan font. Kali ini kita sedikit membahas tentang Typography di website. Untuk di web…

Membuat Dropdown Menu Dengan Jquery dan CSS

Membuat dropdown menu dengan css, menu adalah hal paling penting dalam sebuah website, Menu yang baik akan memudahkan pengunjung dalam menjelajahi website kita, terutama ketika website kita ternyata memiliki halaman yang terdiri dari sub dan sub sub halaman. Pada tutorial kali ini kita akan mencoba membuat Dropdown menu dengan CSS, dan kita akan mempercantik menu…

Mudah membuat Efek CSS3 Dengan CSS3 Generator

Bagi anda pengembang website, khususnya web designer pasti sering bersinggungan dengan CSS, khususnya untuk saat ini CSS3. Banyak sintak CSS3 yang tidak berjalan dengan baik di beberapa browser jika kita lupa untuk menuliskan sintak nya dengan benar. Untuk itu beberapa orang membuat website yang bisa menggenerate (otomatis) membuat code CSS3 yang siap untuk anda gunakan,…

Install Sass di windows

Hai developers, kali ini kita akan mencoba menginstall Ruby di windows dan coba menggunakan Sass. Jika anda seorang yang selalu berurusan dengan CSS, kami sarankan anda untuk mencoba Sass, karena dengan Sass penulisan kode CSS menjadi lebih menarik dan menyenangkan. Seperti apa yang tertulis diwebsite resmi Sass Sass makes CSS fun again. Sass is an…

Membuat slide control dengan Jquery

Jquery Slide Control

Pada tutorial kali ini kita akan mencoba membuat Slide Control dengan Jquery, Apa sih slide control itu? Pada dasarnya kita akan mengontrol isi dari sebuah input text hanya dengan menyeret pengontrol nya saja. Ini bagus jika anda ingin menggunakannya untuk mempercantik form ketika terdapat field untuk mengisi berat badan misal nya, atau tinggi badan, atau…

Tips Membuat Horizontal Menu Dengan CSS

Horizontal Menu

Navigasi merupakan hal yang ponting untuk ada di website, ini untuk memudahkan user dalam menjelajahi isi website, Navigasi bisa disebut menu, menu ada yang berbentuk Vertical, dan ada juga yang berbentuk Horizontal. Menu Vertical adalah menu yang berderet kebawah, sedangkan Horizontal Memanjang Kesamping. Pada tips singkat berikut ini kita akan mencoba teknik dasar bagaimana teknik…

Membuat Slide Menu Dengan CSS dan Jquery

Slide Menu

Menu yang ketika Mouse Hover akan berganti seperti slide, dibuat dengan CSS dan Jquery. Kali ini kita akan mencaba membuat contoh menu yang bisa diterapkan di website anda, menu ini cukup menarik karena terlihat agak animatif dengan slide nya. Oke kita mulai saja langsung Ingredients Font Electrolize dari Google Web Fonts Jquery Subtlepattern Egg-Shell Struktur HTML…

1 3 4 5 6