Ochansan’s Weblog

3 Front-end Framework Siap dengan Responsive Design

Posted on: Februari 26, 2013

3 Front-end Framework Siap dengan Responsive Design

Responsive Design

Merujuk pada Wikipedia (http://en.wikipedia.org/wiki/Responsive_web_design) , responsive design adalah salah satu pendekatan design yang digunakan pada web agar mengoptimalkan pandangan, mudah dibaca, navigasi web yang lebih sedikit resize,panning dan scrolling,  antara beragam perangkat (mulai dari monitor desktop hingga perangkat handphone)..

Fron-end Framework

Bagi para web developer tentu banyak cara yang bisa digunakan, agar website-nya bisa menggunakan responsive design. Salah satu cara dengan memaksimalkan penggunaan HTML, Javascript, dan CSS, maka adaptasi website terhadap perangkat dapat dilakukan. Namun pengunaan HTML, Javascript, dan CSS saja, mungkin tidak bisa memuaskan pengalaman menelusuri website dan proses pembuatan “from zero” memakan waktu yang tidak sebentar, sehingga banyak developer yang mencoba mengabungkan language tersebut kedalam framework.

HTML + Javascript + CSS

3 hal ini sudah biasa menjadi tandem dalam pembuatan website. Namun seiring dengan perkembangan masing – masing language, maka framework yang saat ini ada biasanya terdiri dari HTML5 + JQuery + CSS3. Entah apa lagi yang akan di gabungkan pada masa yang datang.. hehehe…

 

Berikut 3 Framework yang mungkin sedang naik daun, dan patut diketahui oleh para web developer…

1. Bootstrap

Framework ini di kembangkan di Twitter oleh @mdo dan @fat . Mengunakan kombinasi HTML5 + LESS CSS, Bootstrap pada awalnya digunakan untuk memaksimalkan tampilan web pada Internet Explorer (IE). Bootstrap juga mampu mempermudah pembuatan Grid View dengan cara membagi layar menjadi 12 columns.

bootstrap

bootstrap-structure

boostrap-12columns

Sudah tidak sabar untuk mencoba ? Download disini : http://twitter.github.com/bootstrap/assets/bootstrap.zip

2. HTML5BOILERPLATE

Jika ditelisik dari nama-nya, seperti sedang merebus HTML5.. hehe.. Dari keterangan di website resmi, HTML5BOILERPLATE menempatkan dirinya sebagai front-end template. Project ini dikembangkan oleh sekelompok orang yang kreatif, dimana mereka berkumpul di http://h5bp.github.com/

html5boilerplate

HTML5BOILERPLATE juga menyedikan custom build, yang memperbolehkan developer untuk menyesuaikan component yang dibutuhkan sehingga lebih pas (hmm…mungkin jadi lebih cepat webnya)

Langung download juga : https://github.com/h5bp/html5-boilerplate/zipball/v4.1.0

3.Foundation (by Zurb)

Satu lagi tidak ketinggalan adalah “Foundation”, yang dikembangkan oleh sebuah perusahaan bernama Zurb. Pada Foundation disiapkan “Off Canvas Layout”, yang akan semakin menambah kaya interaksi user dalam website.

zurbfoundation

foundation-offcanvasPenasaran kan ? Download disini : http://foundation.zurb.com/download.php

Pakai yang mana ?

Tentu saja, tergantung dari selera masing – masing developer. Hohoho…  Banyak cara dan framewok atau pun template front-end lain yang bisa digunakan. Namun dengan menggunakan yang “sudah jadi”, seharusnya lebih menghemat waktu dan biaya web development..

 

Selamat mencobaaa!!!

Iklan

2 Tanggapan to "3 Front-end Framework Siap dengan Responsive Design"

untuk fitur yang terdapat pada bootstrap dan foundation bisa dibandingkan (css/js), tapi untuk html5boilerplate hanya template struktur html5 (tidak mempunyai css/js untuk diperbandingkan), CMIIW 😉

ok, sip.. terima kasih buat informasinya…

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

Februari 2013
S S R K J S M
« Des   Apr »
 123
45678910
11121314151617
18192021222324
25262728  

Blog Stats

  • 289,338 hits

Tweet weet me

RSS RSSMix.com Mix ID 3217006

  • Erik Huggers is stepping down as CEO of Vevo Desember 15, 2017
     Vevo, the music video service backed by major record labels, just announced that its CEO Erik Huggers is departing. Huggers previously worked at the BBC, at Verizon (which owns TechCrunch) and elsewhere. He joined Vevo in 2015. Under his leadership, Vevo was working to become less reliant on YouTube (which was its major syndication partner) by developing mo […]
    Anthony Ha
  • Dog-walking app Wag may be raising a huge round of funding Desember 15, 2017
     It looks like Wag may get another huge injection of cash following a big financing round earlier this year, according to a report by Recode, and also based on what we are hearing. We had heard a bit ago that Wag was looking to raise around $100 million, which the Recode report also suggests. But it now looks like Softbank is in talks to invest around $300 m […]
    Matthew Lynley
  • EyeEm’s new products aim to understand brand aesthetics Desember 15, 2017
     EyeEm is unveiling new tools to help the brands and marketers using the site to source their images. Underlying these tools is a technology called EyeEm Vision, which we described in-depth earlier this year. The goal is to expand image recognition so that it’s not just identifying the objects in the photo, but also its aesthetic qualities. EyeEm’s co-founde […]
    Anthony Ha
  • Let’s meet in New York to talk token sales Desember 15, 2017
     I’ve been holding a few micro meet ups over the past few years and thought I’d start it up again in honor of token/ICO mania. I’d love to hear what you all are working on in the New York area so we’ll all meet at Union Hall in Brooklyn next Wednesday at 7pm. The event is very informal and we’ll plan the next few months of micro-meetups during the event. My […]
    John Biggs
  • Loot, the digital current account aimed at students and millennials, banks £2.2M Series A Desember 15, 2017
     “There are two types of competition for us at Loot: the banks and the money management apps,” Loot founder Ollie Purdue tells me. The U.K. startup, founded in 2014 while now 24 year old Purdue was finishing up university, offers a digital-only current account aimed at students and millennials. Read More
    Steve O'Hear
  • Taylor Swift’s new app, The Swift Life, is out now Desember 14, 2017
     In the midst of an reputational makeover, Taylor Swift is debuting a brand new app called The Swift Life. The app is a dedicated social network for Swift’s fans, letting them communicate with each other as well as get exclusive pictures, video, news and more direct from T-Swift herself. And they can communicate with Swift, too. Using an ‘extremely rare and […]
    Jordan Crook
  • Squarespace reportedly raises about $200 million at a $1.7 billion valuation Desember 14, 2017
     Squarespace, the 14-year-old platform that makes it easy for essentially anyone to build their own website, is raising about $200 million from General Atlantic, valuing the company at a $1.7 billion valuation, Bloomberg reports. The plan with the funding is to buy stock from early employees and investors, giving them a way to cash out if they’re not trying […]
    Megan Rose Dickey
  • CamSoda rolls our WebRTC for truly portable cam activities Desember 14, 2017
     They say the adult industry usually leads the way with new technology and CamSoda [NSFW LINK], a NSFW cam site, is no exception. The site, which connects models in various states of undress with viewers in similar states of undress, is now supporting WebRTC transmission thereby allowing cammers and viewers alike to stream via mobile phone. The mission is si […]
    John Biggs
  • Instacart promotes Sarah Mastrorocco to new position of VP of Business Development Desember 14, 2017
     Instacart is going through some growing pains right now, with Amazon buying Whole Foods this summer and target picking up Alabama-based Shipt in the last week. But growing pains come for a reason — the on-demand grocery delivery platform is getting bigger, just recently signing a deal with the third-largest grocery retailer in North America, Albertsons. Pri […]
    Jordan Crook
  • Genalyte hires Facebook and Google exec Kevin Lo as company president Desember 14, 2017
     Khosla-backed one drop blood test startup Genalyte has hired former Facebook exec Kevin Lo as president of the company. Lo comes to Genalyte after leading “connectivity efforts” at Facebook “for the four billion people not online, and the 1.5B under-served who use the Internet at ‘2G’ speeds,” according to his LinkedIn profile. Before that, Lo worked for… R […]
    Sarah Buhr
%d blogger menyukai ini: