Apa itu Responsive Web Design ?

Desain web responsive

Responsive Web Design adalah suatu keadaan sebuah halaman web dimana tampilannya akan cocok, rapi dan tetap enak dilihat jika diakses dari perangkat apapun dengan resolusi layar yang berbeda. Misalnya, ketika anda mengakses blog ini dengan perangkat (PC/HP/Tablet) yang berbeda, anda akan melihat tampilannya berbeda karena menyesuaika dengan layar. Secara umum, sebuah halaman web tidak bisa menyesuaikan tampilannya sendiri dengan resolusi layar perangkat yang mengaksesnya.

Secara singkat itulah arti dari desain web responsif. Responsive Design dikembangkan karena boomingnya teknologi smartphone dan Tablet PC dengan berbagai resolusi Layar. Dengan adanya teknologi ini, sebuah halaman web dapat diakses dengan perangkat apapun tanpa kehilangan fungsi-fungsi yang disediakannya.

Secara mendasar, Responsive Design dikembangkan melalui kode-kode CSS, seperti yang saya tampilkan dibawah ini :

@media(min-width:992px) {
       .selector { 
             width:970px; 
        }


@media(max-width:768px) {
        .selector { 
              width:750px;
        }
}

Kode yang berwarna biru adalah kode css untuk mendeskripsikan bahwa kode yang ada diantara kurung kurawal pertama & terakhirnya hanya digunakan untuk perangkat yang resolusinya 992 piksel atau lebih (untuk Komputer/Laptop). Sedangkan Kode yang berwarna hijau adalah kode css untuk mendeskripsikan bahwa kode yang ada diantara kurung kurawal pertama & terakhirnya hanya digunakan untuk perangkat yang resolusinya 768 piksel atau lebih kecil (untuk Tablet).

Baca juga posting : Apa itu CSS?
Semoga Bermanfaat. Jangan lupa dipraktekkan!.

~Muhammad Syakirurohman~

levitra 20 mg precio farmacia levitra coupons cialis medication viagra alternative cialis dosage recommendations cialis coupons from manufacturer cialis cost side effects of lexapro what is finasteride used for ciprofloxacin eye drops finasteride 5mg side effects mayo clinic viagra pill viagra single packs cialis for daily use cialas viagra 50mg tamoxifen therapy viagra on line no prec escitalopram nebenwirkungen ciprofloxacin dosierung levitra 20 mg cost walmart azithromycin effects of stopping lexapro suddenly viagra alternatives cialis patent expiration date extended cialis for women ciprofloxacin 500mg antibiotics azithromycin liquid lexapro generic viagra cialis side effects lexapro viagra coupon herbal viagra levitra rezeptfrei deutschland cialis 5mg daily levitra dosage cipro side effects in elderly canadian cialis ciprofloxacin spc lexapro dosages pfizer viagra coupons from pfizer acyclovir 800 mg azithromycin 500mg azithromycin z pak viagra 100mg tablets retail price what is lexapro zovirax pills finasteride 5 mg what infections does ciprofloxacin treat viagra dosage when will cialis go generic lexapro and weight loss sex viagra for women cialis pills lexapro para que sirve finasteride side effects viamedic cialis viagra receptfritt acyclovir medication ciprofloxacin 500 mg for urinary tract infection cialis voucher acyclovir 400 mg lexapro benefits for women cialis reviews tamoxifen langzeitfolgen ciprofloxacin 500 mg tabletten tamoxifen citrate viagra from canada viagra soft ciprofloxacin drug class azithromycin pregnancy what is cialis canada cialis escitalopram 10 mg para que sirve lexapro and wellbutrin combination therapy ciprofloxacin hcl 500 mg ciprofloxacin coverage lexapro bula cialis testimonials buy levitra online online cialis buy generic levitra ciprofloxacin class how does acyclovir work finasteride hair loss buy viagra online viagra bestellen finasteride 5mg tab ciprofloxacin 500mg tablets cialis 10 mg over the counter viagra azithromycin 250 lexapro dosing celexa vs lexapro ciprofloxacin 500mg what is acyclovir used for cealis what is acyclovir for lexapro withdrawal ciprofloxacin dose azithromycin 250 mg treatment acyclovir 200mg what is cipro used for female viagra cialis without a doctor’s prescription cipro dosage azithromycin drug class equipe argentine viagra tamoxifen lawsuits viagra prices side effects of ciprofloxacin wellbutrin and lexapro viagra generic tamoxifen cost azithromycin pediatric dosing lexapro and weight gain cialis coupons is tamoxifen chemotherapy cialis dosage strengths acyclovir dosage for cold sores acyclovir 400mg what is azithromycin used for levitra 20 mg viagra 100 ciprofloxacin hcl finasteride for hair loss cialis coupons printable finasteride results zithromax z-pak levitra without a doctor prescription lexapro vs zoloft side effects of lexapro in women generic viagra finasteride 5mg cialis sample how long for azithromycin to take effect levitra 20mg what does finasteride do free cialis escitalopram effets secondaires finasteride medication generic viagra 100mg viagra pills cialis coupons 2017 finasteride zithromax cialis 5mg azithromycin 250mg tablets 6 pack what is ciprofloxacin ciprofloxacin 500 mg online viagra zovirax cream levitra generic cialis tadalafil ciprofloxacin 500mg antibiotics side effects cialis dosage azithromycin 500 mg what bacteria does ciprofloxacin kill lexapro 20mg viagra activate side effects of acyclovir propecia side effects lexapro 10mg cialis otc cialis 5 mg cialis samples tamoxifen and bone pain ciprofloxacin side effects viagra wikipedia azithromycine escitalopram 10mg escitalopram oxalate lexapro medication what is tamoxifen used for generic lexapro cialis patent expiration 2017 vardenafil 20mg what is finasteride buy cialis online tamoxifen side effects in women over 55 lexapro generic name thuoc azithromycin is ciprofloxacin a penicillin viagra pillen kruidvat discount cialis acyclovir dosing azithromycin coverage lowest cialis prices what does viagra do how to get off lexapro cialis pills for sale finasteride 1mg viagra samples cialis savings card cialis discount how long for lexapro to work cipro is azithromycin ciprofloxacin side effects in women azithromycin without a doctor’s prescription azithromycin for strep throat cheap cialis viagra for sale uk azithromycin for pneumonia azithromycin and alcohol propecia viagra kaufen cialis copay card lexapro weight gain how long does viagra last ciprofloxacin ophthalmic solution side effects of tamoxifen viagra for sale cialis or viagra ciprofloxacin hydrochloride zoloft vs lexapro viagra on line cialis professional generic levitra cialis 30 day sample viagra medicine what is viagra natural viagra cialis for sale vardenafil vs viagra ciprofloxacin hcl 500 mg side effects cipro and tendonitis lexapro lexapro vs celexa lexapro vs wellbutrin generic for lexapro zithromax dosage viagra vs cialis vs levitra side effects of azithromycin 250 mg cialis generic availability is lexapro a controlled substance acyclovir for cold sores cialis for bph azithromycine eg 500 mg bijsluiter escitalopram side effects how to use viagra how does cialis work finasteride long term effects viagra lexapro for anxiety levitra generic viagra en ligne livraison 24h erectile dysfunction cialis acyclovir side effects cipro for uti nolvadex acyclovir cialis vs viagra side effects of finasteride 5mg common side effects of ciprofloxacin 500 mg what is tamoxifen generic cialis azithromycin side effects canada viagra finasteride 5mg side effects acyclovir ointment 5 levitra vs viagra escitalopram 10 mg lexapro side effects in women what is acyclovir lexapro coupons viagra vs cialis tamoxifen and foods to avoid azithromycin medscape order viagra utilisation viagra escitalopram 20 mg 200 cialis coupon viagra canada viagra uk acyclovir 800 mg 5 times a day viagra for women acyclovir dose azithromycin 5 day dose pack finasteride effets secondaires liquid cialis viagra online cipro uses lexapro dosage cheap levitra cipro side effects generic for cialis is azithromycin penicillin cialis side effects viagra nebenwirkungen buy levitra zovirax dosage cialis prices how does viagra work tamoxifen cialis vs viagra viagra ohne rezept aus deutschland cost of cialis tamoxifen and weight gain best price viagra finasteride and enlarged prostate azithromycin uses ciprofloxacin lexapro manufacturer website cialis daily cialis canadian pharmacy lexapro 10 mg what is ciprofloxacin prescribed for ciprofloxacin dosage side effects of ciprofloxacin 500 mg azithromycin three times a week tamoxifen bijwerkingen withdrawal from lexapro cipro 500 azithromycine 250 mg how does lexapro work acyclovir vs valacyclovir azithromycin for uti canadian viagra viagra for men finasteride efectos secundarios cialis viagra side effects zovirax for cold sores stopping lexapro tamoxifen side effects azithromycin cost cilias side effects of azithromycin levitra 20mg cost per pill ciprofloxacin side effects after age 60 cialis patent expiration levitra erfahrungen viagra coupons buy cialis what is escitalopram side effects of lexapro 10 mg viagra vs cialis vs levitra cialis cheap cialis 20 mg finasteride dosage ciprofloxacin hcl 500 mg tab azithromycin pregnancy category cipro antibiotics side effects of viagra where to buy viagra viagra sans ordonnance generic cialis at walmart cost of viagra what is lexapro used for cialis effects cialis on line ciprofloxacin uses viagra effects lexapro overdose cyalis how to wean off lexapro azithromycin vs erythromycin generic levitra vardenafil 20mg ciprofloxacin used for lexapro side effects finasteride for women ciprofloxacin for dogs zovirax viagra wiki weaning off lexapro ciprofloxacin drops viagra generico azithromycin 500 levitra prezzo in farmacia cialis online how much does cialis cost viagra ohne rezept auf rechnung viagra price viagra vs cialis antibiotic ciprofloxacin cialis 20mg lexapro side effects men cipro antibiotic viagra tesco viagra 100mg 9 levitra at walmart discount viagra cialis generic tadalafil viagra cost cialis canada viagra 100 mg viagra tablet lexapro and weight gain in women lexapro 5mg zovirax ointment viagra sex acyclovir cream azithromycin 250 mg tamoxifen interaction levitra coupon post finasteride syndrome cialis pharmacy prices buy generic viagra what does ciprofloxacin 500mg treat ciprofloxacin 250mg how to wean off lexapro without withdrawals cheap viagra cialis 30 day trial coupon azithromycin dosage effects of stopping finasteride finasteride tablets what does azithromycin treat what works better than viagra tamoxifen nebenwirkungen ciprofloxacin 500 side effects of finasteride what is lexapro for pfizer viagra price cialis escitalopram acyclovir for shingles does lexapro cause weight gain first few days on lexapro cialis for men cialis coupon 20 mg levitra 20 mg von bayer tamoxifen side effects in women finasteride side effects in men what is cipro usually prescribed for free viagra cialis from canada acyclovir ointment levitra bayer 20mg meilleur prix acyclovir dosage azithromycin class viagra costs cialis coupon viagra without a doctor prescription azithromycin eye drops viagra without a doctor prescription usa buy viagra cialis 20mg directions viagra substitute how to take cialis what is azithromycin for women viagra azithromycin tablet wholesale cialis acyclovir 800 mg for shingles cialis website lexapro side effects in men lexapro reviews what does ciprofloxacin treat cialis trial cipro drug class cialis samples overnight cialis alternative finasteride vs dutasteride cialis generic ciprofloxacin 250 mg cipro dangers what is ciprofloxacin used for lexapro withdrawal symptoms cialis pricing ciprofloxacin hydrochloride ophthalmic cialis free trial cialis tadalafil acyclovir 800mg zithromax antibiotic what is cipro side effects of cialis azithromycin tablets azithromycin 250mg daily cialis levitra vs viagra for hardness revatio vs viagra levitra vs viagra ciprofloxacin nebenwirkungen levitra online cialis price azithromycin 500 erfahrungen levitra 10 mg prezzo finasteride permanent side effects ciprofloxacin bnf buying viagra zithromax 500 mg finasteride 5 mg tab levitra prices viagra natural finasteride reviews sophia viagra cialis coupon print what is azithromycin viagra tablets

4 Comments

  1. ow… saya malah baru mudeng mas soal resposive desain

  2. Min untuk penggunaan % apakah lebih bagus daripada px, untuk tampilannya?

Tinggalkan Balasan

Alamat surel Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *