Artikel

Home > Artikel
 
Tag : css

Video Tutorial Mengatur Font Style dengan CSS

Berikut ini adalah video tutorial bagaimana mengatur Font Style menggunakan CSS. Simak video tutorialnya


Mengenal Jquery

Jquery adalah library atau kumpulan kode JavaScript siap pakai. Keunggulan menggunakan jquery dibandingkan dengan javascript standar, yaitu menyederhanakan kode javascript dengan cara memanggil fungsi fungsi yang disediakan oleh jquery. Javascript sendiri merupakan bahasa scripting yang bekerja disisi client/browser sehingga website bisa lebih interaktif.


Mudahnya Membuat Website dengan Generator

Bagi pembaca yang ingin mempunyai website sendiri sesuai keinginan , namun tidak mau pusing meng-koding ria , penulis merekomendasikan untuk mencoba sebuah framework dari designmodo.


Membuat Background Image CSS

Salah satu komponen desain website yang cukup penting adalah latar belakang atau lebih dikenal dengan nama background. Background digunakan untuk memberikan dekorasi visual terhadap sebuah elemen, yang akan mengakibatkan peningkatan kemudahan nalar atau pengertian akan sebuah konten. Background sangat bengaruh terhadap keindahan tampilan website.


Menggunakan Font dari Google Font

Apabila web desainers bosan menggunakan font dari komputer, maka penulis merekomendasikan untuk meng-embed font dari google, kenapa ? karena selain mudah digunakan juga gratis. oke langsung saja, penulis akan menjabarkan langkah langkah yang harus di ikuti, adalah sebagai berikut :


Apa itu CSS

Perlu kita ketahui, Cascading Style Sheet atau yang lebih dikenal dengan CSS bukanlah bahasa pemograman. Sama halnya styles dalam aplikasi pengolahan kata seperti Microsoft Word yang dapat mengatur beberapa style, misalnya heading, subbab, bodytext, footer, images, dan style lainnya untuk dapat digunakan bersama-sama dalam beberapa berkas (file). Pada umumnya CSS dipakai untuk memformat tampilan halaman web yang dibuat dengan bahasa HTML dan XHTML. CSS Merupakan aturan untuk mengendalikan beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam tentunya tanpa CSS website tidak akan memiliki tampilan yang rapi.


Pure CSS - Yahoo

Buat teman - teman web desainerss.. penulis akan memperkenalkan sebuah CSS Framework yang dibuat oleh Yahoo, yaitu Pure CSS. Pure CSS adalah sebuah CSS Module yang dapat dimanfaatkan untuk mendevelop sebuah website. Dalam framework ini,


Membuat Sticky Menu

Biasanya menu ini digunakan untuk link sosial media seperti twitter, facebook dan lain lain. ok , langsung saja penulis akan memberitahukan cara membuatnya :


Membuat Icon dari Font Awesome

Agar website terlihat lebih indah dan menarik , kita bisa menambahkan gambar - gambar... adapun bisa juga menambahkan ikon. pada artikel kali ini , penulis akan memberitahukan langkah - langkah membuat ikon dari Font Awesome. Oke langsung saja kita praktekkan :


Tools Membuat Aplikasi Android

Pesatnya perkembangan teknologi terutama di bidang mobile Android, membuat banyak orang penasaran dan ingin membuat aplikasi berbasis Android. karena dinilai dalam bidang ini menjadi bisnis yang menguntungkan , cukup dengan membuat satu aplikasi saja dan dipasarkan ke google play, maka dalam waktu singkat kita pun mendapat pemasukan yang tidak bisa diremehkan. Hal ini lah yang menjadi salah satu alasan bagi pemula yang ingin belajar membuat Aplikasi di Android . Berikut tools / alat yang digunakan untuk membuat Aplikasi berbasis Android :


Lebih dalam Tentang Framework PHP Part II

Sebelumnya kita sudah mengetahui macam - macam framwork PHP yaitu codeigniter, cake php, dan symfony. Di part kedua ini akan dilanjutkan jenis - jenis nya , sebagai berikut :


Membuat Animasi Loading

Website akan lebih menarik apabila saat pertama kali kita membukanya, muncul sebuah animasi loading. Animasi ini biasanya sering kita jumpai pada website yang lebih banyak gambar atau fotonya seperti website promosi film, website artis dan lain - lain. akan tetapi animasi loading ini kurang pas jika diterapkan pada website yg memiliki akses cepat seperti misalnya website portal berita.


Kursus Web Programming Jadwal Terbaru

Jadwal Kursus Web Program terbaru : Sabtu, pk 10.00 15.00 WIB Mulai 04 Oktober 2014 Durasi 10 Sesi x 2,5 jam Segera Daftar, peserta terbatas max 4 orang


Membuat Layout Website Sederhana

Pada artikel kali ini penulis akan memberikan tutorial membuat layout yang paling simple atau sederhana. Layout yang akan dibuat menggunakan HTML 5 juga CSS dan editor nya memakai jetbrains PHP Storm .


Sass

Sass (Syntactically Awesome Stylesheets) adalah sebuah pengembangan dari CSS3 dengan menambahkan nested rules, variables, mixins, selector inheritance, dan banyak lagi.bekerja sebagai penerjemah css dengan struktur yang lebih baik. Dan Sass ini dibangun menggunakan bahasa bernama Ruby.


Install Sass

Artikel kali ini masih berhubungan dengan artikel sebelumnya mengenai pengertian Sass. Nah yang akan dibahas disini adalah bagaimana install atau menggunakan Sass di text editor. Di website official Sass sendiri sudah merekomendasikan text editor yang support atau sudah terinstal dengan Sass , seperti


Mengembangkan Aplikasi Mobile

Dalam waktu yang sangat singkat, pertumbuhan smartphone menunjukkan angka yang signifikan. Menurut hasil survey lembaga penelitian Nielsen yang dilakukan pada pertengahan tahun 2012, sebanyak 67% dari total responden yang dilibatkan merupakan pengguna smartphone. Jumlah ini diprediksi akan terus bertambah seiring dengan antusiasme pasar. Bagaikan dua sisi mata uang, pesatnya pertumbuhan smartphone membawa angin segar bagi para pengembang aplikasi mobile. Secara garis besar, ada tiga pendekatan yang digunakan untuk mengembangkan aplikasi mobile, yaitu aplikasi native, web dan hybrid.


Mengembangkan Aplikasi Mobile Bagian 2

Pada pertemuan sbelumnya kita telah membahas apa saja metode yang bisa kita gunakan untuk mengmbangkan aplikasi. Kali ini kita akan mambahas apa saja kekurangan dan kelebihan dari metode tersebut. Tentu saja ini bisa sebagai bahan pertimbangan bagi pengembang yang baru akan belajar mengmbangkan aplikasi. Langsung saja kita bahas satu-persatu.


Uilang

Uilang berisi kode - kode yang akan membantu web desainer dalam mempercantik halaman website dengan beberapa efek menarik. dan memungkinkan web desainer untuk menciptakan UI klik interaksi menggunakan seperangkat aturan yang dipakai. Uilang dibuat dengan bahasa berbasis JavaScript yang diciptakan oleh Benjamin De Cock .


JotForm

Jotform adalah website penyedia untuk membuat form secara online. dengan jotform kita dapat membuat form tanpa harus berpusing ria memikirkan source code html dan css . Adapaun kelebihan dari jotform antara lain adalah sebagai berikut:


Kelebihan dan Kelemahan Ponsel Android

Perkembangan Sistem Operasi Androidmemang sangat terlihat jelas sekali. Android yang diciptakan untuk menandingi Sistem Operasi lain seperti Blackberry, Symbian, iOS memang menunjukkan perkembangan yang sangat signifikan. Tentunya juga berkat dukungan-dukungan pabrikan ponsel besar yang ikut menghadirkan ponsel-ponsel yang menggunakan system operasi ini.


Membuat Menu Dropdown Sederhana dengan HTML & CSS

Baiklah teman-teman kali ini saya akan mencoba memberikan tutorial bagaimana membuat menu dropdown sederhana, dengan menggunakan HTML dan CSS.


Membuat Form input data menggunakan CSS Bootstrap Framework

Bootstrap adalah CSS Framework untuk membangun Website dengan lebih cepat, serta Responsive untuk berbagi resolusi, baik Desktop, Tablet, dan Smartphone. Dengan berbagai fitur-fitur yang lengka serta tampilan yang menarik, kita dapat membangun layout Website lebih cepat.


CSS Position Absolute dan Relative

Baik teman-teman WebHozz dalam mendesign sebuah website untuk menentukan posisi objek terhadap objek lain, atau objek terhadap browser, diperlukan pemahaman CSS Position.


CSS Float Properti

Oke teman-teman Webhozz untuk kali ini saya akan coba menjelaskan apa itu kegunaan dari fungsi Properti Float.


Menulis Kode Program dengan Plugin SyntaxHighlighter

SyntaxHighlighter biasanya digunakan untuk menuliskan kode program di dalam sebuah blog atau pun wordpress sebagai plugin. Baik teman-teman WebHozz kali ini kita akan melihat bagaimana SyntaxHighlighter bekerja. Klik disini untuk ke halaman Homepage nya Cara menggunakan SyntaxHighlighter pada WordPress


Kursus Web Master di Jakarta, WebHozz

Buat kamu yang ingin menjadi Web Master, saat ini WebHozz telah membuka Kursus Web Master. Di kelas Web Master ini kamu akan belajar bagaimana membangun Website dengan design yang menarik, membuat aplikasi Web, serta memasarkan Website di Search Engine. Materi yang akan kami pelajar adalah Web Design (HTML, CSS, jQuery), Web Programming (PHP & MySQL), serta SEO. Dengan durasi yang cukup banyak yaitu 15 sesi, kamu akan mampu menjadi seorang WebMaster, baik diperusahaan maupun menjadi freelance. Selain Kursus Web Master, WebHozz juga menyediakan Kursus Web Design, Web Programming, Android Programming, & SEO. Bisa kamu cek info detailnya disini http://www.webhozz.com Yuk Kursus Web Master di WebHozz :)


Menghilangkan Fitur Copy-Paste Pada Sebuah Halaman Website

Baiklah teman-teman WebHozz kali ini saya akan mencoba memberikan tutorial bagaimana menghilangkan fitur copy-paste pada sebuah halaman website. Pada tutorial ini kita akan mencoba menghilangkan fitur copy-paste, ketika artikel atau isi dari website kita tidak ingin di copy oleh orang lain. Dengan mendisable fitur copy-paste ini proses penyeleksian bisa kita atur baik keseluruhan dari isi website dalam hal ini , atau pun sebagain , ya kita bisa melakukan itu teman-teman.


Menambahkan efek Tooltip ketika Cursor Diarahkan Pada Button , dengan Menggunakan Bootstrap javascript

Memvariasikan button ketika cursor diarahkan maka akan muncul efek tooltip , button ini dibuat menggunakan CSS Bootstrap & javascript Bootstrap >!


Membuat Efek Animasi Mengetik Pada Teks dengan CSS

Kita sekarang akan mencoba membuat animasi teks di website seolah-olah teks tersebut sedang berjalan seperti sedang diketik. Nah bagaimana cara membuatnya?


Membuat Animasi Teks gambar Bergerak Menggunakan Tag Html Marquee Behavior

key guys Pada artikel ini saya coba memperkenal kan cara membuat animasi bergerak menggunakan HTML & CSS ,.. woh ! bagaimana caranya dan seperti apa Hasil nya .. ? Bagi yang belum pernah mencoba/ mengenanya ayo kita lihat contoh content sederhana Dengan menggunakan Tag Marquee Behavior dibawah ini, Berikut Jenisnya.....


Membuat Website Full dengan Background Image

Oke teman-teman WebHozz, kali ini kita akan mencoba bagaimana membuat background sebuah website menjadi terlihat full satu halaman. Baik kita akan mencobanya.


Perbedaan Antara Tag DIV dan SPAN

Kita sekarang akan mempelajari perbedaan antara tag DIV dan tag SPAN dalam HTML, mungkin teman-teman sering menggunakan elemen ini dalam mendesain sebuah website, nah ayo teman-teman mari kita pelajari bersama.


Membuat Auto Height 100 percent dengan CSS

Baik teman-teman WebHozz, kali ini kita akan coba membuat layout pada web dengan memberikan efek height otomatis mengikuti isi dari banyaknya isiian konten. Nah ayo kita coba ikuti di tutorial Blog WebHozz ini ya,..


Menambahkan CSS Reset pada Website

Oke teman-teman WebHozz kali ini kita akan coba bagaimana caranya menambahkan css reset pada website kita teman-teman. Pada tutorial kali ini kita akan membahas mengenai CSS Reset. Langsung saja, perlu kita ketahui bahwa pada setiap browser internet mempunyai style bawaan sendiri, sebagai contoh padding & margin pada browser google chrome dan mozilla itu berbeda. Nah hal ini menyulitkan seorang web design ketika kita ingin website yang dibuat jalan disemua browser tanpa ada perbedaan antara browser yang satu dengan yang laiinya. Bagaimana caranya?


Cheat Sheet HTML, CSS

Halo :) Teman-teman WebHozz, apa kabar. Oke kali ini saya akan berbagi e-book, yang didalamnya terdapat syntax-syntax yang cukup membantu teman-teman pecinta web design.


Fungsi after dan before dalam CSS

Halo teman-teman WebHozz apa kabar, kita bertemu lagi :) oke kali ini kita akan mencoba tutorial menggunakan fungsi :after & :before yang terdapat pada CSS. Sebelumnya kita cari tahu dulu pengertian dari :before dan :after teman-teman, nah untuk pengertiaannya sendiri kita mulai dengan :before, simple saja artinya sebelum & kalau untuk :after artinya sesudah, he..he.. kalau gitu kita coba untuk analisa penggunaannya atau fungsinya.


Prefix Web Browser

Halo teman-teman WebHozz, kali ini kita akan mencoba mencari tahu apa itu prefix pada browser? Tentunya teman-teman pernah mengalami saat membuat atau mendesain website, ketika kita ingin menjalankan efek-efek tertentu seperti transform, translated atau yang lainnya tetapi tidak bisa berjalan di semua browser atau mengalami inkompabilitas. Nah biasanya pada CSS kita berikan prefix, nah apa itu prefix?


Memasukan Efek Transitions & Animations hover pada Image menggunakan Css

okey guys .. kita bertemu lagi pada artikel kali ini saya akan membahas tentang Memasukan efek Transitions & Animations hover pada Image menggunakan Css Framework... nah seperti apa sih efek Hover pada Image ? kita lihat contoh nya dibawah ini


Tempat kursus android terfavorit di Jakarta

Android menjadi salah satu flatform yang paling banyak digunakan sebagai flat form seluler dan smartphone. Android memiliki kelebihan dibandingkan dengan flat form yang lain, salah satunya adalah dengan banyaknya aplikasi yang bisa didownload secara langsung di Play store secara gratis maupun berbayar. Bagi kalian yang melihat peluang ini, tentu ingin sekali membuat aplikasi yang kemudian dijadikan sebuah bisnis atau dikomersialkan. Untuk mendapatkan keterampilan membuat aplikasi tersebut, Anda dapat mengikuti kursus di sebuah tempat kursus android terfavorit di Jakarta yang akan memberikan keterampilan tersebut.


Dapatkah Nilai Properti CSS Bisa Diakses Melalui jQuery

Halo sobat Webhozz berjumpa lagi dengan saya, kali ini saya ingin membagikan artikel mengenai Dapatkah Nilai Properti CSS Bisa Diakses Melalui jQuery. Tanpa berlama-lama lagi langsung aja yuk kita masuk ke pembahasan artikelnya sobat Webhozz.


Mengenal HTML5

Sebuah aplikasi tanpa memiliki kemampuan untuk menyimpan data akan terasa sangat tidak bermakna. Penggunaan database ini tentu sangat bermanfaat agar aplikasi yang kita buiat bisa menyimpan dan mengolah data sesuai dengan yang kita inginkan.


User Interface CSS

Halo sobat Webhozz berjumpa lagi dengan saya, kali ini saya ingin membagikan artikel mengenai user interface pada CSS. Nah untuk menjawab pertanyaan tersebut langsung aja yuk kita masuk ke pembahasan artikelnya sobat Webhozz.


Desain dan Aplikasi Web pada Web Design

Halo sobat Webhozz berjumpa lagi dengan saya, kali ini saya ingin membagikan artikel mengenai Desain dan Aplikasi Web yang digunakan dalam web design. Agar sobat Webhozz tidak bingung langsung aja yuk kita masuk ke pembahasan artikelnya sobat Webhozz.


Memahami Sintaks CSS

Halo sobat Webhozz berjumpa lagi dengan saya, kali ini saya akan membagikan artikel mengenai memahami Sintaks CSS. Langsung aja yuk kita ke pembahasannya sobat Webhozz. CSS pada prinsipnya tersusun atas beberapa aturan. Sintaks sebuah aturan CSS adalah sebagai berikut :


Membuat Layout Multi-Kolom

Halo sobat Webhozz berjumpa lagi dengan saya, kali ini saya ingin membagikan artikel mengenai membuat layout multi-kolom pada CSS. Agar sobat Webhozz tidak bingung langsung aja yuk kita masuk ke pembahasan artikelnya sobat Webhozz.


Menata Teks

Halo sobat Webhozz berjumpa lagi dengan saya, kali ini saya ingin membagikan artikel mengenai contoh script untuk menata teks pada CSS3, nah biar pada nggak bingung langsung aja yuk kita lihat artikelnya sobat Webhozz.


Memahami Penggunaan Multi CSS

Halo sobat Webhozz berjumpa lagi dengan saya, kali ini saya ingin membagikan artikel mengenai memahami penggunaan multi CSS. Nah untuk menjawab pertanyaan tersebut langsung aja yuk kita masuk ke pembahasan artikelnya sobat Webhozz.


Bagaimana Cara Membuat Link Pada HTML5

Halo sobat Webhozz berjumpa lagi dengan saya, kali ini saya ingin membagikan artikel mengenai membuat link pada HTML5. Agar sobat Webhozz tidak bingung langsung aja yuk kita masuk ke pembahasan artikelnya sobat Webhozz.


Menata Warna dan Background Dengan CSS

Halo sobat Webhozz berjumpa lagi dengan saya, kali ini saya ingin membagikan artikel mengenai menata warna dan background dengan CSS. Agar sobat Webhozz tidak bingung langsung aja yuk kita masuk ke pembahasan artikelnya sobat Webhozz.


Mengubah Background Dengan JavaScript

Halo sobat Webhozz berjumpa lagi dengan saya, kali ini saya ingin membagikan artikel mengenai mengubah background dengan JavaScript. Nah untuk menjawab pertanyaan tersebut langsung aja yuk kita masuk ke pembahasan artikelnya sobat Webhozz.


Membuat Menu Akordeon Di jQuery

Halo sobat Webhozz berjumpa lagi dengan saya, kali ini saya ingin membagikan artikel mengenai membuat menu akordeon dengan jQuery. Agar sobat Webhozz tidak bingung langsung aja yuk kita masuk ke pembahasan artikelnya sobat Webhozz.


Menetapkan Nilai Initial dan Inherit Pada CSS

Halo sobat Webhozz berjumpa lagi dengan saya, kali ini saya ingin membagikan artikel mengenai menetapkan nilai initial dan iherit pada CSS. Agar sobat Webhozz tidak bingung langsung aja yuk kita masuk ke pembahasan artikelnya sobat Webhozz.


Membangun Konsep CSS Form Login

Halo sobat Webhozz berjumpa lagi dengan saya, kali ini saya ingin membagikan artikel mengenai membangun konsep CSS form login dengan php dan sql server. Agar sobat Webhozz tidak bingung langsung aja yuk kita masuk ke pembahasan artikelnya sobat Webhozz.


Mengenal Framework Cordova untuk membangun Aplikasi Mobile

Cordova adalah framework open source yang digunakan untuk membangun Aplikasi mobile menggunakan HTML, CSS, dan JavaScript.


Kursus Website Bandung

Kursus Website Bandung - Buat kamu yang sedang mencari tempat Kursus Website & Web Design di Bandung, yuk gabung di WebHozz Jl. Talaga Bodas No. 40 Bandung. Telp 022 73512027 & 0821 15776165



Artikel lainnya


Kursus Website & Web Design Surabaya

Kursus Website Surabaya - Bagi kamu yang sedang mencari Kursus Website & Web Design di Surabaya, WebHozz hadir di Surabaya Jl. Kalijudan No.98A, Kalijudan, Mulyorejo Surabaya, Jawa Timur.


Kursus Website Bandung

Kursus Website Bandung - Buat kamu yang sedang mencari tempat Kursus Website & Web Design di Bandung, yuk gabung di WebHozz Jl. Talaga Bodas No. 40 Bandung. Telp 022 73512027 & 0821 15776165


Mengenal Framework Cordova untuk membangun Aplikasi Mobile

Cordova adalah framework open source yang digunakan untuk membangun Aplikasi mobile menggunakan HTML, CSS, dan JavaScript.


Tag : kursus android, kursus web, kursus web design, kursus php, kursus website, lenovo, woocommerce, windows, excel, xampp, php, mysql, twitter, analytic, adwords, google, maps, seo, jquery, slider, browser, game, transition, animation, whatsapp, desktop, wireframe, desain, vps, css, aplikasi, html, javascript, captcha, form, kode, kaskus, autoscroll, codeigniter, processor, bootstrap, ios, wordpress, div, span, lollypop, background, marquee, behaviour, plugin, chaton, bitcoin, opencart, payment, post, get, tooltip, button, silverlight, webmaster, phonegap, facebook, html5, swicth, sass, bbm, alert, mvc, fungsi, mobile, loading, nokia, template, traffic, laravel, yii, jquerymobile, blogger, adobe, baidu, hosting, font, server, input, sticky, menu, tokoonline, prestashop, joomla, java, yahoo, angular, microsoft, responsive, generator, visitor, counter, flatdesign, kursus web design jakarta, kursus web design bandung, kursus website bandung, kursus php bandung, kursus android bandung, kursus java bandung, kursus web bandung, Aplikasi Ramadhan, Cara Membuat Website, Tempat Kursus Website Bandung, Manfaat Internet, Menggunakan Wireframe Web, multikolom, horizontal, ym, toko online, controllers, optimalisasi, landing page, DOM, multikolom, horizontal, ym, toko online, controllers, optimalisasi, landing page, DOM, kursus web jogja, kursus website jogja, kursus web design jogja, kursus web programming jogja, kursus php jogja, kursus android jogja, kursus android programming jogja, kursus java jogja, kursus webmaster jogja, kursus codeigniter jogja, kursus wordpress jogja, kursus seo jogja, kursus vb jogja, kursus sql server jogja, kursus game jogja, kursus website jakarta, kursus web design jakarta, kursus web programming jakarta, kursus webmaster jakarta, kursus php jakarta, kursus wordpress jakarta, kursus android jakarta, kursus seo jakarta, kursus java jakarta, kursus sql server jakarta, framework cordova, mengenal framework cordova, apa itu cordova, membuat aplikasi android dengan cordova, cordova android, aplikasi hybrid android, cordova vs phonegap, Kursus Website Surabaya, Kursus Web Design Surabaya, Kursus Webmaster Surabaya, Kursus PHP Surabaya, Kursus Wordpress Surabaya ,