CSS

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…

Mengedit Tampilan Web dengan Google Chrome

Inspect Element | Google Chrome

Google Chrome ternyata bisa juga Anda manfaatkan untuk mengedit tampilan web Anda (mock up). Namun sebelum tutorial ini kami Lanjutkan, Anda sebaiknya harus sudah menguasai kedua hal berikut : Dasar-dasar HTML Dasar-dasar CSS Layout Jika kedua hal tersebut belum Anda kuasai, sebaiknya anda membaca-baca dulu tentang css & html dari beberapa website berikut ini atau…

Tempat Belajar Pembuatan Web Paling Lengkap

Project Macfrica

Tempat belajar dasar – dasar pembuatan website banyak sekali bertebaran di Internet, sebagai bukti kita bisa temukan jutaan hasil pencarian dengan kata kunci “tutorial web” di google. “Jika ingin pandai membuat website maka belajarlah dari website” Mungkin kata-kata diatas pantas kami ucapkan karena memang di Internet lah kita bisa menjadi pandai dan pintar dalam segala…

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…

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…

Belajar CSS Hari ke-1 “Fundamental”

Saya akan membagikan ilmu yang telah saya pelajari mengenai CSS, ini mungkin metode yang saya rasa sesuai bagi pemula jika ingin mempelajari mengenai CSS. Menurut saya CSS itu adalah sekumpulan “KOTAK” yang tersusun dengan baik, That’s It. Jika kemauan anda untuk belajar dibawah 80%, saya sarankan anda meninggalkan artikel ini, karena dibutuhkan keseriusan yang cukup….

10 Template Web Responsive Gratis

Zeni

Template Responsive Gratis / Free akan kita tampilkan dalam tulisan kali ini, semoga berguna untuk mempercepat pekerjaan teman-teman. Responsive web design saat ini sedang banyak dibicarakan oleh web designer dan web developer diseluruh dunia. Beberapa website skala besar juga telah mulai migrasi website nya menjadi responsive, agar bisa dibuka di hampir semua device, terutama handphone….

1 2 3 4 5 6