Gray Labs: 2016

Archive for 2016

Cara Membuat Jam digital

Hal yang harus kita ingat saat membuat jam digital dengan javascript adalah perintah untuk mengambil format jam dari Operating Syatem ( OS ). Dan bagaimana cara memabagi format waktu sehingga dapat jam keberapa menit keberapa dan detik keberapa. Jika agan sudah memahaminya maka akan mudah untuk membuat sebuah kalender dengan menggunakan javascript, agan gak perlu lagi mendownload plugin atau pun copas script. Ok langsung aja gan download Ebook singatnya dibawah

DOWNLOAD

Mirror link 1 DOWNLOAD
Mirror link 2 DOWNLOAD
Mirror link 3 DOWNLOAD

Cara Membuat Tab Menu Dengan CSS

nico lahara 12:42 AM Add Comment

Berikut ini ane membagikan cara membuat tab menu dengan css tanpa menggunakan jquery, bagi agan - agan yang baru belajar dan tiba - tiba melihat sebuah website dengan mengunakan tab menu pastinya agan - agan akan tertarik untuk coba membuatnya, namun pasti agan berfikir bahwa itu mengunakan plugin jquery atau pun sebuah javascript yang perintah membuat mood cepat berubah. Tapi semua itu bisa kita buat hanya menggunakan CSS kok, tidak perlu ada javascript ataupun jquery, hanya perlu sedikit logika untuk memahami perintah apa yang akan digunakan di CSS. Ok gan langsung download ebooknya dibawah yee

DOWNLOAD

Mirror link 1 DOWNLOAD
Mirror link 2 DOWNLOAD
Mirror link 3 DOWNLOAD

Membuat Efek Scroll Menu Tab Dengan CSS

nico lahara 12:16 AM Add Comment

Efek scroll menu tab atau disebut dengan Accordion Tab Effect adalah sebuah menu yang berupa daftar link yang mana jika kita klik menu tersebut akan menampilkan konten dibawahnya dengan efek scroll halus ketika dibuka, seperti gambar diatas.
Tidak perlu menggunakan javascript atau pun plugin jquery, kita bisa membuatnya hanya dengan css. Yang perlu anda perhatikan untuk membuat efek halus atau smooth adalah penggunaan transition, untuk lebih jelasnya bisa download ebook dibawah.

DOWNLOAD

Mirror link 1 DOWNLOAD
Mirror link 2 DOWNLOAD
Mirror link 3 DOWNLOAD

Mahir Menguasai CSS Bagian 2 Ebook Pdf

nico lahara 2:18 AM Add Comment

Ebook yang ini khusus membahas CSS, jika pada ebook yang lalu membahasa mengenai HTML dan CSS, nah pada ebook yang ini CSS akan dijelaskan secara rinci, tapi tidak lagi dari awal atau pengenalan elemen dan atribut melainkan ke tahap pembuatan sebuah layout. Jika belum paham dasarnya agan bisa mendownload versi yang series sebelumnya, namun versi yang itu dengan yang ini berbeda penulisnya.

DOWNLOAD

Mirror link 1 DOWNLOAD
Mirror link 2 DOWNLOAD
Mirror link 3 DOWNLOAD

Ebook Cara Insert Update Delete Show dengan PHP

nico lahara 10:34 PM Add Comment

Berikut merupakan ebook mengenai php, php biasanya digunakan untuk memasukkan data, menampilkan data, mengubah data, dan menghapus data dari database. Ebook yang ane bagikan ini membahas tentang itu, berhati - hati lah saat menggunakan php karna jika salah sedikit saja sintaksnya anda akan sedikit kesulitan untuk menemukan masalhnya apalagi bagi agan yang baru belajar tentang php, yang perlu agan perhatikan jika terjadi error adalah perhatikan line atau baris ke berapa errornya dan perhatikan juga file mana yang terjadi error, biasanya juga kita sudah menggunakan database dan membuat koneksi kesalahan yang sulit ditemukan adalah kita tidak memperhatikan file mana yang error kita hanya memperhatikan line atau barisnya saja.

DOWNLOAD

Mirror link 1 DOWNLOAD
Mirror link 2 DOWNLOAD
Mirror link 3 DOWNLOAD

Ebook Tutorial dasar HTML dan CSS

nico lahara 10:24 PM Add Comment

Banyak Ebook tentang HTML dan CSS yang telah ane bagikan, pada dasarnya semua ebook itu mengajarkan hal yang sama yaitu tentang struktur dan perintah - perintah dasar. Namun tidak semua ebook mudah dipahami dan tidak semua orang dapat memahami ebook yang sama. Ebook yang ane bagikan ini benar - benar menjelaskan penggunaan CSS dan HTML secara rinci, bagi agan - agan yang baru belajar cocok karena ane juga dulu pertama kali belajar menggunakan ebook ini.

DOWNLOAD

Mirror link 1 DOWNLOAD
Mirror link 2 DOWNLOAD
Mirror link 3 DOWNLOAD

Cara Menggabungkan Bootstrap Dengan CodeIgniter

nico lahara 10:10 PM Add Comment

Kali ini ane membagian ebook tentang cara mengimplementasikan / menggabungkan 2 framework yaitu bootstrap dan codeigniter. Kedua framework ini memang berbeda jika bootstrap terkhusus unutk tampilan maka codeigniter terkhusus untuk sistemnya. Namun untuk menggabungkan kedua framework ini tidaklah sulit.

DOWNLOAD

Mirror link 1 DOWNLOAD
Mirror link 2 DOWNLOAD
Mirror link 3 DOWNLOAD

HTML and CSS English Mini Version

nico lahara 10:00 PM Add Comment

This is a mini version of the previous ebook "HTML and CSS English Mini Version", the content still same but the page is half of the previous ebook. If don't like reading you can download this one for your reference.

DOWNLOAD

Mirror link 1 DOWNLOAD
Mirror link 2 DOWNLOAD
Mirror link 3 DOWNLOAD

How to Create a Form With Bootstrap

nico lahara 9:46 PM Add Comment

Now I want to share about how to create a form with bootstrap. Create a form with bootstrap it's not difficult, you just call the class. You also can arrange the style with your own concept or your design. But you must carefully when you call the class, especially for button. in bootstrap there are 5 class you must suit your button with the function of the button.

DOWNLOAD

Mirror link 1 DOWNLOAD
Mirror link 2 DOWNLOAD
Mirror link 3 DOWNLOAD

Macam - macam Efek Hover Pada CSS

nico lahara 9:32 PM Add Comment

Hover atau efek ketika biasanya kita mengarahkan kursor ke sebuah button maka button tersebut akan berubah, baik background, warna text, jenis text, atapun bentuk dari button itu sendiri. HOver tidak hanya digunakan untuk sebuah button, hover juga bisa digunakan untuk elemen lain seperti gambar, hover pada gambar bisa agan kreasikan dengan transform, atapun pada sebuah div. Banyak sekali kegunaan perintah hover. Di ebook ini kita akan mengetahui efek apa saja yang dapat di kreasikan dalam sebuah hover.

DOWNLOAD

Mirror link 1 DOWNLOAD
Mirror link 2 DOWNLOAD
Mirror link 3 DOWNLOAD

Ebook Bootstrap Bahasa Indonesia

nico lahara 9:16 PM Add Comment

Berbeda dengan ebook ebook yang sebelumnya ane share, ebook yang ini sangat fleksibel dan mudah dipahami dengan desertai gambar, script, dan cara penggunaan. Dengan bahasa yang singkat dan mudah dipahami, membuat ebook ini sangat cocok untuk anda yang baru memulai untuk menggunakan bootstrap.

DOWNLOAD

Mirror link 1 DOWNLOAD
Mirror link 2 DOWNLOAD
Mirror link 3 DOWNLOAD

HTML and CSS English Version

nico lahara 9:04 PM Add Comment

Hello friends, now i want to share an Ebook about HTML and CSS. In this ebook you'll know the basic of html and css., from structure until process & design. After you read this book you will understand and can create your own website.

DOWNLOAD

Mirror link 1 DOWNLOAD
Mirror link 2 DOWNLOAD
Mirror link 3 DOWNLOAD

Twitter Bootstrap Part 1 Ebook Pdf

nico lahara 8:46 PM Add Comment

OK.. Di bagian 1 ini kiita akan belajar mengenal tentang pengertian twitter bootstrap dan keunggulannya dari framework yang lain. Di bagian ini juga kita akan mengetahui komponen apa saja yang terdapat pada twitter bootstrap, dan kegunaannya masing - masing.
Dan disini kita juga akan mengetahui bagai mana cara menonaktifkan responsif pada bootstrap.

DOWNLOAD

Mirror link 1 DOWNLOAD
Mirror link 2 DOWNLOAD
Mirror link 3 DOWNLOAD

CSS and LESS Ebook Pdf Download

nico lahara 7:58 PM Add Comment

CSS dan LESS, bagi agan yang baru menekuni dunia web design pasti asing dengan yang namanya LESS. CSS dan LESS hampir sama namun ada perbedaan yang mencolok diantara keduanya. Konsep dasarnya sama saja, sama - sama untuk mempercantik tampilan web, namun format penulisan agak sedikit berbeda. Di ebook ini kita akan membahas tentang keduanya, dengan penjelasan yang tidak terlalu rumit dan mudah dipahami.

DOWNLOAD

Mirro link 1 DOWNLOAD
Mirro link 2 DOWNLOAD
Mirro link 3 DOWNLOAD

CSS Tutorial Series Full All In One Ebook Pdf

nico lahara 7:38 PM Add Comment

Jika agan semua malas untuk download veris seriesnya, nih ane sediain full versionnya, lengkap dari versi 01 - 20.

DOWNLOAD

Mirror link 1 DOWNLOAD
Mirror link 2 DOWNLOAD
Mirror link 3 DOWNLOAD

CSS Tutorial Series 20 Ebook Pdf

nico lahara 8:02 AM Add Comment

Ok series 20 ini merupakan serial terakhir dari tutorial css yang ane bagikan. Pada serial penutup ini agan semua akan diajarkan mendesain layout dengan melanjutkan pada seri sebelumnya. Di ebook ini merupakan finishing dari serangkaian tutorial ebook css the series nya. Semoga bermanfaat gan dari awal sampain seri penutup ini, happy coding

DOWNLOAD

Mirror link 1 DOWNLOAD
Mirror link 2 DOWNLOAD
Mirror link 3 DOWNLOAD

CSS Tutorial Series 19 Ebook Pdf

nico lahara 7:58 AM Add Comment

Nah.. setelah memperlajari tentang editing text pada css, pada serial ke 19 ini kita akan diajak untuk mulai mengedit layout dengan menggunakan CSS. Di ebook ini agan semua akan diberi penjelasan singkat beserta contoh, bagaimana membuat atau mendesain sebuah header, footer, sidebar, dan conten utama. Dan penggunaan unorderlist pada css untuk membuat menu drop down.

DOWNLOAD

Mirror link 1 DOWNLOAD
Mirror link 2 DOWNLOAD
Mirror link 3 DOWNLOAD

CSS Tutorial Series 18 Ebook Pdf

nico lahara 7:53 AM Add Comment

Pembahasan pada ebook series ini mengenai text decoration. Apa itu text decoration ? penggunan text decoration merupakan perrintah yang dapat membuat garis dibawah kalimat ( underline ), detengah kalimat, atau pun diatas kalimat. Biasanmya text decoration ini digunakan untuk menghilangkan garis bawah ( underline ) pada textt yang didalam tag <a href></a>.

DOWNLOAD

Mirror link 1 DOWNLOAD
Mirror link 2 DOWNLOAD
Mirror link 3 DOWNLOAD

CSS Tutorial Series 17 Ebook Pdf

nico lahara 7:43 AM Add Comment

Pernah terpikir untuk membuat Drop Cap pada web ? atau ingin membuat tapi tidak tau perintahnya ? Di series ke 17 ebook ini kita membahas khusus penggunaan Drop Cap pada CSS. Drop Cap merupan huruf besar yang biasanya ada diawal kalimat dan diawal pada sebuah paragraf, seperti di koran - koran gitu

DOWNLOAD

Mirror link 1 DOWNLOAD
Mirror link 2 DOWNLOAD
Mirror link 3 DOWNLOAD

CSS Tutorial Series 16 Ebook Pdf

nico lahara 7:38 AM Add Comment

Dengan CSS agan dapat pula mengubah suatu text denga huruf kecil semua ( lowecase ), besar semua ( uppercase ), atau capitalize ( hanya huruf pertama yang dibuat besar ).
dengan menggunakan option agan dapat mengganti nya dengan lowercase, uppercase, ataupun capitalize.

DOWNLOAD

Mirror link 1 DOWNLOAD
Mirror link 2 DOWNLOAD
Mirror link 3 DOWNLOAD

CSS Tutorial Series 15 Ebook Pdf

nico lahara 7:32 AM Add Comment

Masih mengenai text, kali ini pemabahasannya mengenai perataan atau align. terdapat 4 align di dalam css, tidak berbeda dengan align pada text editor yaitu center, left, right, justify. Pada css juga menggunakan perintah yang sama. Namun ada yang harus diperhatikan saat menggunakannya

DOWNLOAD

Mirror link 1 DOWNLOAD
Mirror link 2 DOWNLOAD
Mirror link 3 DOWNLOAD

CSS Tutorial Series 14 Ebook Pdf

nico lahara 7:10 AM Add Comment

Jiika kalian memperhatikan sebuah artikel atau sering menggunakan aplikasi pengolah kata maka kalian pasti tidak asing dengan penggunaan text indent . Text indent merupakan bagian text yang terletak diawal paragraf atau dikalimat pertama yang letaknya lebih menjorong kedalam atau biasanya jika kita menggunakan aplikasi pengolah kata bisa menggunakan tab atau spasi beberapa kali. Nah pada css juga ada perintahnya

DOWNLOAD

Mirror link 1 DOWNLOAD
Mirror link 2 DOWNLOAD
Mirror link 3 DOWNLOAD

CSS Tutorial Series 13 Ebook Pdf

nico lahara 7:03 AM Add Comment

Di series ini kita akan membahas tentang bagaimana mengatur jarak spasi antar text. Perlu diingat jika pada ebook series sebelumnya yaitu mengatus jarak spasi antar kalimat, kali ini antar text. Terdapat 2 perintah yang masing - masing memiliki fungsu yang sama untuk mengatur jarak spasi antar terx namun dari keduanya memiliki perbedaan.

DOWNLOAD

Mirror link 1 DOWNLOAD
Mirror link 2 DOWNLOAD
Mirror link 3 DOWNLOAD

CSS Tutorial Series 12 Ebook Pdf

nico lahara 6:55 AM Add Comment

Di series 12 kita akan membahas tentang mengatur warna background pada text. Tidak jauh berbeda dengan mengedit background pada sebuah div ataupun body. Menubah warna background pada text juga menggunaan perintah yang sama namun terdapat perbedaan. Langsung download aja bos

DOWNLOAD

Mirror link 1 DOWNLOAD
Mirror link 2 DOWNLOAD
Mirror link 3 DOWNLOAD

CSS Tutorial Series 11 Ebook Pdf

nico lahara 5:30 AM Add Comment

Masih seputar mengatur text, kali ini kita akan membahas tentang penggunaan warna atau color pada css. Warna pada css bisa beruapa text seperti "yellow, blue,red" dan bisa juga berupa kode seperti "#fffff, #333, #f2f2f2 " . Tips jika agan ingin mencari warna yang lebih banyak namun tidak tahu format atau nama dari warna tersebut, agan dapat menggunakan photosop untuk mencari kode warna.

DOWNLOAD

Mirror link 1 DOWNLOAD
Mirror link 2 DOWNLOAD
Mirror link 3 DOWNLOAD

CSS Tutorial Series 10 Ebook Pdf

nico lahara 5:22 AM Add Comment

Di seri ke 10 ini kita akan membahas tentang mengatur jarak antar baris dalam paragraf.
Properti atau perintah css yang kita gunakan adalah "line-height", bagaimana cara penggunaannya ? sialahkan download ebooknya.

DOWNLOAD

Mirror link 1 DOWNLOAD
Mirror link 2 DOWNLOAD
Mirror link 3 DOWNLOAD

CSS Tutorial Series 09 Ebook Pdf

nico lahara 4:33 AM Add Comment

Masih tentang font, setelah kita mengetahui bagaimana membuat text menjadi italic dan tebal, sekarang kita akan mempelajari bagai mana mengatur ukuran font pada css.

DOWNLOAD

Mirror link 1 DOWNLOAD
Mirror link 2 DOWNLOAD
Mirror link 3 DOWNLOAD

CSS Tutorial Series 08 Ebook Pdf

nico lahara 4:21 AM Add Comment

Pada Seri 08 ini kita akan membahas tentang lanjutan format text pada css, jika pada sebelumnya kita membahas tentang italic atau format text miring, sekarang kita akan membuat tentang format font tebal atau bold.

DOWNLOAD

Mirror link 1 DOWNLOAD
Mirror link 2 DOWNLOAD
Mirror link 3 DOWNLOAD

CSS Tutorial Series 07 Ebook Pdf

nico lahara 2:11 AM Add Comment

Pada Ebook seri ini agan semua akan diajak untuk mengenal yang namanya format text pada html, seperti format untuk membuat text italic atau mereng kesamping. Pada css penulisan text font italic sangatlah mudah, jika pada element html nya kita hanya perlu membuat tag <i>.....</i>, pada css kita tinggal menyebutkan formatnya saja.

DOWNLOAD

Mirror link 1 DOWNLOAD
Mirror link 2 DOWNLOAD
Mirror link 3 DOWNLOAD