Border Radius CSS - Membuat Sudut Melengkung dengan CSS

Ingin membuat objek dengan melengkung adalah sangat mudah dengan CSS. Mungkin Anda ingin memodifikasi navigasi dengan sudut lengkung, ataupun border pada objek, ikuti tutorial saya kali ini. Sebuah objek diatur sudut lengkungnya dari tiap sudutnya. Jadi dari 4 sudut dapat diatur secara masing-masing ataupun sama semua.

HTML5 Semantic Elements

Semantic adalah salah satu fitur yang paling khas dari platform web dibandingkan platform aplikasi lainnya. Semantic elements misalnya h1, h2, h3, a, p, yang kita gunakan untuk mengaplikasikan format dan style tertentu. Pada HTML5 ada penambahan semantic elements untuk layout web.

CSS3 - @font-face untuk Menambah Jenis Font pada Website

Pada CSS3 terdapat query @font-face yang memungkinkan desainer web untuk menggunakan beragam font diluar web safe fonts (font umum website). Desainer hanya perlu menyimpan file font (.ttf , .otf, dll) pada server atau di direktori file website jika offline. Kemudian memanggil nama file font tersebut melalui CSS dan tinggal menggunakan. Berikut langkahnya.

Membuat Tabel Zebra dengan CSS

Tabel biasa digunakan ketika menampilkan data-data dari database. Ketika data yang ditampilkan berjumlah banyak, dan kolom pun juga berjumlah banyak, pembaca akan sedikit kesulitan membaca sebaris data yang diinginkan. Karena semua baris data sama warnanya sehingga tampak sulit meluruskan kolom paling kiri dengan kolom di kanannya. Dengan tabel zebra akan mengatasi masalah ini.

Media Query Standard Responsive Device

Media Query Standard Responsive Device merupakan script untuk membuat sebuah responsive web design. Dalam script yang akan saya tunjukkan merupakan ukuran-ukuran standar untuk tiap-tiap device/layar smartphone, iPad maupun desktop dan laptop.

Mengatur Background Website dengan CSS

Tutorial kali ini akan menunjukkan cara mengatur background halaman website dengan CSS. Background website dapat tampil secara penuh satu halaman layar, background dengan gambar ber-resolusi kecil dapat di repeat/ulang agar memenuhi seluruh tampilan, background bisa diatur perulangannya, background gambar bisa diatur posisinya.

Tutorial CSS - Mengatur Format Tabel dengan CSS

Tabel dalam website dapat diatur tampilannya menggunakan CSS. Mulai dari pengaturan tinggi, lebar, warna background, border, dll hingga membuat tabel zebra (selang-seling warna). Mengatur format tabel dengan CSS seperti halnya Anda mengatur tabel tersebut di HTML nya langsung.

Tutorial CSS - Efek Transisi dengan CSS3

Untuk membuat sebuah objek yang bergerak, berganti warna, berputar ataupun lainnya dan diberi efek transisi sehingga tampil sebagai animasi tidak perlu menggunakan javascript atau jQuery. Kita dapat menggunakan CSS khususnya CSS3 yang akan memberikan efek transisi ketika disorot dengan pointer (hover). Menggunakan property transition pada CSS3 Anda dapat menentukan durasi animasi/transisi perubahan objek

Tutorial Javascript - Menampilkan Tanggal dan Waktu pada Website

Kali ini saya ingin berbagi mengenai Javascript, yaitu menampilkan tanggal dan waktu pada website Anda. Tanggal dan waktu tersebut akan berganti secara otomatis sesuai tanggal dan waktu pada perangkat yang digunakan untuk menampilkan website.

Tutorial CSS - ID dan CLASS

CSS digunakan untuk pemformatan style/tampilan sebuah halaman website. Untuk memudahkan pengaturan style Anda dapat menggunakan ID selector dan CLASS selector. Selector tersebut juga dapat Anda gunakan untuk membuat layout/tata letak halaman website. Intinya, selector ID dan CLASS memiliki fungsi untuk menggabungkan beberapa properties yang akan digunakan lebih dari satu kali.

Tutorial Database Mysql - Tipe-tipe Field Mysql

Dalam membuat sebuah tabel untuk database dengan Mysql, tentu Anda harus menentukan tipe data/field. Dari setiap tipe data mempunyai fungsi/penggunaan dan juga ukuran/jumlah karakter. Berikut saya tuliskan apa saja tipe data dan juga penggunaan serta ukurannya.

Tutorial HTML - Menampilkan Beberapa Halaman Website Sekaligus dengan Iframe

Bagi Anda yang belum tahu apa itu Iframe, yaitu tag HTML yang digunakan untuk menampilkan halaman lain dalam sebuah website/website lain ke satu halaman. Dalam penggunaannya misal kita akan menampilkan informasi dari berbagai sumber website ke dalam 1 halaman website.

Pengenalan CSS - Cascading Style Sheet

CSS (Cascading Style Sheet) merupakan aturan untuk mengatur sebuah halaman website. CSS bukanlah sebuah bahasa pemrograman. Seperti halnya pada microsoft word, ada styles yang berfungsi untuk mengatur heading, footer, images dan style lainnya. Sehingga halaman web yang diatur dengan CSS akan lebih menarik.

Tutorial HTML - Membuat Animasi Teks dengan HTML

Tutorial HTML kali ini saya akan menunjukkan tag-tag HTML yang akan memberikan efek efek tertentu untuk sebuah teks. Yaitu teks berjalan dan teks berkedip, berikut tutorialnya

Marquee - teks berjalan

Marquee adalah tag untuk membuat teks berjalan.

Tutorial HTML - Pengenalan HTML

Kali ini saya ingin mengenalkan dasar dari desain web, yaitu bahasa HTML (Hypertext Markup Language). HTML merupakan standard internet yang didefinisikan dan dikendalikan penggunaannya oleh World Wide Web Consortium (W3C). Bahasa pemrograman ini digunakan sebagai dasar untuk menyusun sebuah halaman web, atau bahasa untuk membentuk dokumen agar dapat ditampilkan pada web browser.

Tutorial Database Mysql - Membuat Database dengan Phpmyadmin

Posting saya kali ini mengenai database Mysql, untuk menyeimbangi posting saya yang lain mengenai PHP. Agar Anda juga bisa belajar terlebih dulu pengolahan database sebelum membuat sebuah website dinamis. Berikut saya akan menunjukkan cara membuat database dengan phpmyadmin. Jika mungkin biasanya ada yang menggunakan CMD untuk membuat database, table dan bahkan mengolah data. Kini Anda bisa menggunakan phpmyadmin agar lebih cepat dan mudah.

Tutorial PHP - Membuat Koneksi ke Database Mysql

Dalam tutorial kali ini saya anggap Anda sudah mengetahui Mysql dan database. Jika belum mungkin lain waktu saya posting tentang Mysql.. hehe.. Oke langsung saja kita bahas cara membuat koneksi ke database nya. Hal ini dibutuhkan untuk menghubungkan aplikasi atau web yang kita buat terkoneksi/terhubung dengan database, agar kita dapat melakukan CRUD (Create Read Update Delete) data melalui web.

Tutorial PHP - Penulisan Script PHP

Mengenai apa itu PHP sudah dibahas di postingan saya sebelumnya. Dan sekarang akan saya mulai untuk mempraktekkan penggunaan script PHP di bagian 1 ini. Tetapi bagi yang belum membaca mengenai PHP silakan klik disini.

Pertama, agar file PHP bisa dijalankan kita butuh web server. Karena untuk praktek di PC lokal, saya menggunakan XAMPP yang merupakan aplikasi web server. Untuk download silakan klik disini. Tinggal install dan aplikasi siap digunakan. Jangan lupa aktifkan/ running Apache nya ketika XAMPP sudah terinstal :)

Pengenalan PHP - PHP Hypertext Preprocessor

PHP merupakan bahasa pemrograman yang dapat disisipkan ke dalam HTML. Bahasa pemrograman PHP digunakan untuk membuat sebuah website dinamis, dan juga untuk membuat CMS (seperti: Wordpress, Prestashop, dll). Contoh untuk website dinamis misalnya portal berita, forum online, toko online, dll. Jadi PHP tersebut berfungsi untuk mengolah data dari sebuah database untuk kemudian ditampilkan ke halaman sebuah website. Sehingga isi halaman web akan terus berubah seiring perubahan data dalam database, inilah mengapa disebut website dinamis.

Responsive Web

Pertama, bagi yang belum tau apa responsive web itu? Yaitu web yang tampilannya dapat menyesuaikan resolusi layar perangkat yang menampilkannya. Misal ketika dibuka pada monitor ukuran 1024, tampilan web akan terlihat penuh dan lengkap. Ketika dibuka dengan layar ponsel ukuran 240, lebar tampilan web pas dengan lebar layar, dan tidak perlu zooming untuk membaca konten yang ada.

Web Developer dan Web Designer, apakah itu?

Inilah posting pertama saya, setelah mempelajari mengenai web developer dan web designer, akhirnya saya tau juga perbedaannya dan lingkup kerjanya. Antara keduanya memiliki bidang masing masing dalam pembuatan web. Berikut penjelasannya.