Category: Tips & Tricks

Dalam topik ini kita menyajikan tips dan trik seputar web design, web development dan graphic design

Tutorial Menambahkan Animasi Preloading Untuk Halaman Blogspot

Blogspot Preloader

Animasi Preloading Untuk Halaman Blogspot —  Pre Loader ini menggunakan CSS3 pada animasi transisi untuk membuka dan menutup halamanya dan menggunakan SVG animasi Loader,serta javascript agar dapat menentukan timing preloader saat proses loading data/progress yang sudah selesai upada suatu halaman dan menutup preloadernya kembali.

Cara Mudah Mengetahui Jenis Font Pada Sebuah Website

Font Face

Sering kali kita penasaran dengan font yang digunakan oleh sebuah website, ketika kita membuka website dan melihat sebuah tipografi yang menarik biasanya kita ingin mengetahui nama font yang digunakan website tersebut. Untuk mengetahui font yang digunakan pada suatu website kita biasanya melihat source code (view source) halaman website tersebut, lalu melakukan pengecekan pada meta tag,…

PHP : Migrasi dari Ekstensi Mysql ke PDO

PHP PDO

Pasti saat pertama kali belajar pemrograman PHP sebagian besar dari kita mempelajari fungsi mysql_*** (mysql_connect(), mysql_query(), mysql_fetch_array(), dll ) untuk berinteraksi dengan database MySql. Bersiap-siap lah mempelajari cara baru untuk melakukan operasi database karena tim pengembang PHP menyatakan akan membuang fungsi-fungsi ektensi mysql (mysql_***) pada rilis PHP mendatang. Berdasarkan link ini tim pengembang memang akan…

Tips Mudah Mendesain Website dan Blog untuk Pemula

Good vs Bad Design

Banyak anggapan bahwa pekerjaan mendesain website adalah pekerjaan rumit yang harus dilakukan oleh seorang desainer dalam waktu yang tidak sebentar. Pernyataan  ini tidak salah, namun anda juga dapat menjadi desainer untuk website atau blog pribadi anda. Tentu saja bukan design website dari awal yang saya maksud, namun design website atau blog dengan cara memadu-padankan komponen-komponen…

4 Cara Untuk Melakukan Validasi Theme WordPress

Theme Check

Apakah anda seorang designer atau developer atau hanya sebagai orang yang mendownload theme wordpress untuk website anda, mungkin anda ingin memeriksa integritas dari theme tersebut, mengongrol kualitas, dan lain sebagainya. Berikut ini ada 3 cara yang digunakan untuk memvalidasi theme wordpress anda sebelum anda gunakan atau sebelum di publikasikan kepada orang lain. Themecheck.org Jika anda…

7 Tips Desain Web Untuk Kenyamanan Pengunjung (UX)

Ketika anda pertama kali mengunjungi sebuah situs, apa yang pertama kali anda lihat dan nilai?. Desain!. Yaa, desain memberikan kesan pertama pada pengunjung. Baik buruknya desain sebuah blog di mata pengunjung menjadi aspek penting yang harus anda perhatikan. Jika tidak, bisa jadi ketika pengunjung anda baru mengakses blog anda, sepersekian detik kemudian langsung mengklik icon…

Proteksi CSS Dengan PHP

CSS yang merupakan kependekan dari Cascading Style Sheets adalah kumpulan kode yang digunakan untuk mempercantik tampilan website, css mengatur suatu objek harus seperti apa, berwarna apa, bentuknya bagaimana, ukurannya seberapa besar, dan lain sebagainya. CSS Biasanya digunakan di html, php, asp, dan lain lain. Membuat CSS itu tergolong gampang-gampang susah. Dan pada suatu hari saya…

Menjadikan Browser Sebagai Text Editor

Menjadikan web browser sebagai editor seperti notepad rasanya tidak mungkin bisa, tapi nyatanya kita bisa menggunakan Browser yang kita miliki agar bisa menjadi sebuah teks editor untuk membuat catatan, atau membuat file html. Ini dapat digunakan untuk membuat catatan dengan cepat, biasanya dari pada membuka-buka notepad lebih mudah jika kita tinggal klik link bookmark yang…

Trik Menyamakan Tinggi Kolom DIV Dengan CSS

Menyamakan tinggi / height antara dua buat kolom dengan css kadang menyulitkan web designer, layout sudah dibuat dua kolom ternyata ketika salah satu kolom memiliki konten cukup banyak maka akan terlihat timpang, atau salah satu terlihat lebih panjang sedangkan yang satu lebih pendek. Nah pada artikel ini tutorial-webdesign.com akan memberikan sedikit tips agar kolom yang…

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…

1 2 3 4 6