CSS3

CSS Tanpa HTML

CSS Tanpa HTML

Tadi pagi iseng-iseng nyoba CSS tanpa HTML dan menyebarkan sebuah link demo ke twitter, Fan Page Facebook Tutorial Web Design, dan beberapa group, ternyata lumayan banyak tanggapan dan penasaran bagaimana membuatnya, kok bisa muncul tulisan di halaman web tapi di HTML nya tidak menulis apa-apa ketika di VIEW Source dengan Mozilla, hal itu bisa saja…

Membuat Animasi Awan Berjalan Dengan CSS

Cloud

Mempercantik header dengan efek awan bergerak / berjalan cukup menarik untuk diterapkan di website yang sedang dikerjakan. Membuatnya pun cukup mudah, hasilnya pun akan memberikan nilai plus untuk website kita, karena ini termasuk elemen yang bisa membuat orang betah berlama-lama di website anda sambil menikmati animasi tersebut (UX). Untuk membuatnya kita sebenarnya hanya membutuhkan keterampilan…

Membuat Efek Tumpukan Kertas Dengan CSS3

paper

Membuat Efek Tumpukan Kertas Dengan CSS3 mempunyai banyak kegunaan, tidak salah untuk dipelajari karena teknik ini cukup terpakai di dunia web desain, contoh beberapa bulan yang lalu saya pernah mendapatkan project untuk membuat website untuk sebuah kontes menulis artikel singkat, dan yang meminta ingin layout nya itu seperti kertas, bagaimana pun designer harus mencari akal…

Menampilkan Jumlah Follower Twitter Dengan PHP

twitter computer

Untuk menampilkan atau mengetahui jumlah follower twitter ada berbagai macam cara, dengan menggunakan Javascript (Jquery) atau dengan PHP juga bisa. Kegunaan dari ditampilkannya jumlah follower ini pastinya bermacam-macam juga, selain untuk statistik pribadi, menampilkan jumlah follower ini juga agar membuat orang lain percaya kalau website tersebut serius, makanya tidak jarang banyak orang menggunakan jasa seseorang…

Membuat Menu Bersuara Dengan HTML5 Audio

html5 audio menu

Membuat menu bersuara atau ada efek suara nya ketika mouse hover dengan menggunakan HTML5 Audio adalah bahasan kita kali ini. Dahulu kita perlu menggunakan Flash untuk membuat efek suara seperti ini, terlihat sangat canggih. Namun sekarang dengan hadirnya HTML5 yang cukup canggih membuat segalanya menjadi lebih mudah, kita tidak perlu membuatnya dengan flash, dan kita…

Belajar HTML5 Dengan Video

HTML5

Belajar HTML5 Dengan melihat video tutorial dan contoh adalah sesuatu yang baik, ada banyak cara untuk belajar, diataranya dengan membaca, bertanya, mendengar dan melihat. Kali ini kita akan mencoba belajar dengan melihat video tentang HTML5 yang mungkin belum kita ketahui. Banyak orang bilang HTML5 adalah masa depan website, fitur-fitur baru dari HTML5 cukup banyak. HTML5…

Membuat Fixed Menu Ketika Scroll Dengan CSS3, Jquery & HTML5

Fixed Scroll Menu

Kali ini tutorial-webdesign.com akan mencoba membuat menu yang posisinya selalu diatas (fixed) setelah halaman web di scroll, bukan hanya berada diatas, manu yang tadinya menyatu dengan halaman website ini akan berubah warna juga. Intinya disini kita akan belajar bagaimana menghapus dan menambah class pada tag html ketika menu di scroll dengan bantuan jquery. Agak berbeda…

Membuat Gambar Hitam Putih Dengan CSS Filter

Grayscale NoCar

Membuat gambar berwarna menjadi hitam putih dengan CSS3 adalah bahasan kita kali ini. Dulu kita harus menggunakan Photoshop untuk memberi efek photo grayscale (hitam putih) untuk sebuah gambar, namun sekarang dengan kecanggihan fitur-fitur css3 kita tidak perlu capek2 mengeditnya di Photoshop, cukup dengan beberapa baris kode css kita sudah bisa membuat foto berwarna menjadi hitam…

Mencegah Pencurian Artikel Web Dengan CSS


Feb 28th, 2013 News 11 Comments

Disable Text

Mencegah orang melakukan seleksi terhadap teks yang ada di website kadang sangat diperlukan, apa lagi di era Internet seperti ini banyak sekali orang yang sembarangan mengambil dan mengutip atau copy/paste tulisan orang lain tanpa izin. Untuk itu diperlukan pencegahan, kalau dulu orang melakukan pencegahan dengan memanfaatkan Javascript, atau dengan image raplacement (yaitu dengan mengubah teks…

Non-Aktifkan Link Dengan CSS

Pada tulisan ini kita hanya akan bereksperimen dengan css dengan menon-aktifkan sebuah link, ada kasus dimana terkadang dalam sebuah kondisi kita harus menon-aktifkan/mendisable sebuah link, misal dalam sebuah halaman administrator, ketika yang login Admin orang bisa melakukan edit terhadap sebuah artikel (link aktif), namun ketika yang login adalah operator maka link untuk edit sebaiknya di…

1 2 3 4 5