Prak 11 – Menggunakan Google Fonts

1. Tujuan Belajar menggunakan external font dari Google Fonts 2. Alat Text EditorBrowser Js Fiddle 3. Bahan spritesheet.pngspritesheet.css 4. Dasar Teori Google Font adalah salah satu layanan yang disediakan Google untuk memudahkan web developer dalam...

› Read More

Prak 08 - Ads Banner Dengan HTML

1. Tujuan Belajar membuat Ads Banner berbasis HTML5. 2. Alat dan Bahan JS Fiddle spritesheet.css spritesheet.png 3. Dasar Teori Banner ads adalah bentuk iklan yang dipakai di jaringan Internet. Bentuk iklan daring ini biasanya merupakan bagian dari suatu halaman web yang...

› Read More

Praktikum 10 - Membuat Ads Banner (Part 2)

1. Tujuan Belajar membuat Ads Banner berbasis HTML5. 2. Alat Text Editor Browser 3. Bahan spritesheet.png spritesheet.css 4. Dasar Teori             CSS linear-gradient adalah sebuah visual effect yang dihasilkan oleh...

› Read More

Praktikum 7 - CSS Spritesheet

Tujuan Mengenal dan membuat CSS Spritesheet dari kumpulan gambar. Alat Codepen Bahan royalti free image Dasar Teori CSS Sprite Teknik css sprite adalah teknik untuk menggabungkan beberapa images menjadi satu supaya dalam pemanggilan images hanya satu yang...

› Read More

Praktikum 6

Praktikum 6 - Intro to GreenSock Animation Platform 1. TUJUAN Mengenal GreenSock Animation Platform. Yaitu sebuah library javascript untuk membuat animasi. 2. ALAT DAN BAHAN GreenSock JS JSFiddle 3. DASAR TEORI 4. TUGAS PRAKTIKUM Tulis kembali semua demo...

› Read More

Praktikum 4 - Image Editor dengan Caman JS

Praktikum 4 - Image Editor dengan Caman Js 1. Tujuan Mengenal cara menyajikan file gambar dilengkapi button filter menggunakan camanjs. 2. Alat Notepad ++ 3. Bahan Jquery Bootstrap Camanjs 4. Dasar teori Caman js CamanJS kepanjangan dari  Canvas Manipulation...

› Read More

Praktikum 5 - Camera Capture

Praktikum 5 - Camera Capture TUJUAN 1. Mahasiswa memahami cara menambahkan kamera pada halaman website. 2. Mahasiswa dapat menyajikan kamera yang dilengkapi dengan button untuk snap photo menggunakan HTML5 3. Mahasiswa dapat menampilkan hasil dari...

› Read More