Selasa, 24 September 2013

Perulangan Java


FOR , jika diterjemahkan ke dalam bahasa inggris berarti "Untuk", tapi jika diterjemahkan ke dalam bahasa pemrograman java, FOR adalah sebuah anggota dari 3 anggota struktur perulangan. FOR mempunyai 2 saudara yaitu While dan Do-While.
Mari kita lupakan sejenak kedua saudaranya si FOR, karena pada kesempatan ini kita hanya akan fokus pada perulangan FOR saja.

        Jika dituliskan secara kasar, syntaks umum FOR kurang lebih seperti di bawah ini:

for(i = batas bawah; i = batas atas; i++){
    perintah tambahan ;
  }
         Keterangan :
  • i adalah sebuah nama variabel yang bisa diganti sesuka hati
  • ++ (increment) atau -- (decrement).
     Fungsi increment adalah, sebuah fungsi yang akan selalu menambahkan nilai 1 pada variabel yang dikenai oleh fungsi tersebut. Dalam kasus di atas, variabel yang dikenai oleh fungsi increment adalah variabel i, dan fungsi decrement adalah sebaliknya.
        Okelah, untuk lebih jelasnya mari kita lihat cotoh program di bawah ini :
class FungsiFOR{
public static void main(String[] args){
int i;
for(i=1; i<=100; i++){
System.out.println("Hasil Fungsi FOR ke - "+i);
}
}
}
Cara Kerja Program :
  • int i;
        Proses pendeklarasian variabel yang akan kita gunakan dalam program. Semua variabel yang akan  digunakan harus dideklarasikan terlebih dahulu. Dalam kasus kali ini, kita hanya membutuhkan 1 variabel saja yaitu variabel i, maka yang kita deklarasikan pun cuma 1 variabel saja.
  • for(i=1; i<=100; i++){
        Variabel i yang sudah dideklarasikan tadi di atas, akan langsung dimasukkan ke dalam perulangan. Pada kasus kali ini, perulangan diberikan nilai awal = 1 dan nilai akhir <= 100 (Kurang dari atau sama dengan 100). Oleh karena itu, perulangan akan tetap dijalankan selama variabel i kurang dari sama atau dengan 100.
  • System.out.println("Hasil Fungsi FOR ke - "+i);
          Akan menampilkan tulisan "Hasil Fungsi FOR ke -  ....." ke layar monitor . Titik titik (.....) akan diisi oleh nilai i. Jika pada perulangan pertama, maka titik titik tersebut akan bernilai 1, dan pada perulangan kedua titik titik akan diisi oleh angka 2, dan begitu seterusnya hingga perulangan ke 100.
          Jika ingin menjalankan programnya, maka Anda harus menyimpan filenya terlebih dahulu dengan nama FungsiFOR.java. Jika Anda ingin menggunakan nama yang lain, maka nama class program ini harus Anda ubah sesuai dengan nama file yang Anda inginkan.
Contoh :
Sebelum diganti --> class FungsiFOR{
       >> Maka filenya harus disimpan dengan nama FungsiFOR.java 

Sesudah diganti -->  class belajar{
       >> Maka filenya harus disimpan dengan nama belajar.java

         Setelah Anda simpan maka, Anda harus melakukan kompilasi terlebih dahulu, agar coding yang tadi Anda buat bisa dimengerti oleh sistem komputer Anda
Baca Selengkapnya...

Percabangan if - else


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXbYUpy3rj9bXf2kveO5WqpZJ03nM47eQR81U78J9lqxNPY9XLzeivzg6jHUdI52TPaK3caoxqBA9PrqzDLu0dcezIvbHt2xpQxi6gftAYaxsh-jlS1k-bswvU53XwQ3fus3IFJc83orc/s1600/Capture.PNG
Percabangan pada Java

Percabangan adalah pengalihan kontrol, dimana pernyataan dapat dieksekusi apabila suatu kondisi memenuhi syarat sesuai dengan pernyataan tersebut. Percabangan pada java terdapat dua buah statement untuk proses percabangan atau pemilihan yaitu if  dan switch. Kedua statement tersebut digunakan untuk mengontrol eksekusi statement tergantung pada kondisi yang ditentukan sebelumnya. Sebagai perumpamaan, coba anda perhatikan pernyataan berikut ini:
        "Jika Andi rajin belajar maka ia akan pintar"
maksud dari perumpamaan tadi, Andi hanya akan pintar jika iya rajin belajar. apabila kondisi itu tidak terpenuhi, maka Andi tidak akan bisa pintar. hal ini juga berlaku untuk pemilihan statemen didalam program.
jenis Percabangan pada Java terdiri dari:

  • Statement if
  • Statement if - else
  • Statement if -else -if'
  • Statement Switch case

Statement if
Statement if dapat digunakan untuk menangani percabangan atau pemilihan statement yang didasarkan atas: satu, dua atau lebih dari dua kondisi. Berikut ini penjelasan mengenai statement if untuk masing-masing jumlah kondisi yang berbeda.

apabila hanya terdiri dari satu statement
if (kondisi){
statement;

apabila terdiri dari dua statemen atau lebih
if (kondisi){
statement1;
statement2;
....
)


import java.io.*;
public class Percabanganifelse {
public static void main(String[] args) throws IOException
{
DataInputStream percabangan = new DataInputStream (System.in);
int a = 0;
System.out.print("masukan angka : ");
a = Integer.parseInt(percabangan.readLine());
String text;
if (a%2==1)
{
text = "ganjil";
} else
{
text = "genap";
}
System.out.println(text);
System.out.println("Terima Kasih dan Sampai Jumpa ^__^");
}
}
Baca Selengkapnya...

Senin, 23 September 2013

Pengenalan Java

Sejarah Singkat JAVA
Pada 1991, sekelompok insinyur Sun dipimpin oleh Patrick Naughton dan James
Gosling ingin merancang bahasa komputer untuk perangkat konsumer seperti cable
TV Box. Dikarenakan perangkat tersebut tidak memiliki banyak memori, bahasa
harus berukuran kecil dan mengandung kode yang liat. Juga karena manufakturmanufaktur
berbeda memilih processor yang berbeda pula, maka bahasa harus
bebas dari manufaktur manapun. Proyek diberi nama kode ”Green”.
Kebutuhan untuk fleksibilitas, kecil, liat dan kode yang netral terhadap platform
mengantar tim mempelajari implementasi Pascal yang pernah dicoba. Niklaus Wirth,
pencipta bahasa Pascal telah merancang bahasa portabel yang menghasilkan
intermediate code untuk mesin hipotesis. Mesin ini sering disebut dengan mesin
maya (virtual machine). Kode ini kemudian dapat digunakan di sembarang mesin
yang memiliki interpreter. Proyek Green menggunakan mesin maya untuk mengatasi
isu utama tentang netral terhadap arsitektur mesin.
Karena orang–orang di proyek Green berbasis C++ dan bukan Pascal maka
kebanyakan sintaks diambil dari C++, serta mengadopsi orientasi objek dan bukan
prosedural. Mulanya bahasa yang diciptakan diberi nama ”Oak” oleh James Gosling
yang mendapat inspirasi dari sebuah pohon yang berada pada seberang kantornya,
namun dikarenakan nama Oak sendiri merupakan nama bahasa pemrograman yang
telah ada sebelumnya, kemudian SUN menggantinya dengan JAVA. Nama JAVA
sendiri terinspirasi pada saat mereka sedang menikmati secangkir kopi di sebuah
kedai kopi yang kemudian dengan tidak sengaja salah satu dari mereka
menyebutkan kata JAVA yang mengandung arti asal bijih kopi. Akhirnya mereka
sepakat untuk memberikan nama bahasa pemrograman tersebut dengan nama Java.


Mengapa Mempelajari JAVA?
Berdasarkan white paper resmi dari SUN, Java memiliki karakteristik berikut :
1. Sederhana
Bahasa pemrograman Java menggunakan sintaks mirip dengan C++ namun
sintaks pada Java telah banyak diperbaiki terutama menghilangkan
penggunaan pointer yang rumit dan multiple inheritance. Java juga
menggunakan automatic memory allocation dan memory garbage collection.
2. Berorientasi objek (Object Oriented)
Java mengunakan pemrograman berorientasi objek yang membuat program
dapat dibuat secara modular dan dapat dipergunakan kembali. Pemrograman
berorientasi objek memodelkan dunia nyata kedalam objek dan melakukan
interaksi antar objek-objek tersebut.
3. Dapat didistribusi dengan mudah
Java dibuat untuk membuat aplikasi terdistribusi secara mudah dengan adanya
libraries networking yang terintegrasi pada Java.
4. Interpreter
Program Java dijalankan menggunakan interpreter yaitu Java Virtual Machine
(JVM). Hal ini menyebabkan source code Java yang telah dikompilasi menjadi
Java bytecodes dapat dijalankan pada platform yang berbeda-beda.
5. Robust
Java mempuyai reliabilitas yang tinggi. Compiler pada Java mempunyai
kemampuan mendeteksi error secara lebih teliti dibandingkan bahasa
pemrograman lain. Java mempunyai runtime-Exception handling untuk
membantu mengatasi error pada pemrograman.
6. Aman
Sebagai bahasa pemrograman untuk aplikasi internet dan terdistribusi, Java
memiliki beberapa mekanisme keamanan untuk menjaga aplikasi tidak
digunakan untuk merusak sistem komputer yang menjalankan aplikasi
tersebut.
7. Architecture Neutral
Program Java merupakan platform independent. Program cukup mempunyai
satu buah versi yang dapat dijalankan pada platform yang berbeda dengan
Java Virtual Machine.
8. Portabel
Source code maupun program Java dapat dengan mudah dibawa ke platform
yang berbeda-beda tanpa harus dikompilasi ulang.
9. Performance
Performance pada Java sering dikatakan kurang tinggi. Namun performance
Java dapat ditingkatkan menggunakan kompilasi Java lain seperti buatan
Inprise, Microsoft ataupun Symantec yang menggunakan Just In Time
Compilers (JIT).
J.E.N.I.
Pengenalan Pemrograman 1 5
10. Multithreaded
Java mempunyai kemampuan untuk membuat suatu program yang dapat
melakukan beberapa pekerjaan secara sekaligus dan simultan.
11. Dinamis
Java didesain untuk dapat dijalankan pada lingkungan yang dinamis. Perubahan
pada suatu class dengan menambahkan properties ataupun method dapat
dilakukan tanpa menggangu program yang menggunakan class tersebut.

Fase – fase Pemrograman JAVAGambar dibawah ini menjelaskan aliran proses kompilasi dan eksekusi sebuah
program Java :

Gambar 2.1: Fase dari sebuah Program Java
Langkah pertama dalam pembuatan sebuah program berbasis Java adalah
menuliskan kode program pada text editor. Contoh text editor yang dapat digunakan
antara lain : notepad, vi, emacs dan lain sebagainya. Kode program yang dibuat
kemudian tersimpan dalam sebuah berkas berekstensi .java.
Setelah membuat dan menyimpan kode program, kompilasi file yang berisi kode
program tersebut dengan menggunakan Java Compiler. Hasil dari kompilasi berupa
berkas bytecode dengan ekstensi .class.
Berkas yang mengandung bytecode tersebut kemudian akan dikonversikan oleh Java
Interpreter menjadi bahasa mesin sesuai dengan jenis dan platform yang digunakan.
Baca Selengkapnya...

Minggu, 23 Juni 2013

Dibeli Yahoo Rp 10 Triliun, Karyawan Tumblr Kaya Mendadak

http://images.detik.com/content/2013/05/24/398/1dlm.jpgJakarta - Yahoo baru saja mengakuisisi Tumblr, sebuah situs blogging populer senilai USD 1,1 miliar atau sekitar Rp 10 triliun. Tidak hanya sang pendiri yang kaya raya, para karyawan Tumblr pun mendadak jadi jutawan.

David Karp, pendiri dan CEO Tumblr, diestimasi mendapatkan USD 253 juta dan saham Yahoo dari hasil akuisisi tersebut. Setelah dipotong pajak, Karp kira-kira dapat meraup USD 190 juta.

Adapun 30 karyawan pertama Tumblr diperkirakan masing-masing meraih USD 3,6 juta. Meski tidak semuanya masih menjadi karyawan Tumblr, mereka tetap kebagian karena punya saham.

Adapun 178 karyawan Tumblr yang mempunyai saham perusahaan akan meraih bagian dari jumlah USD 66 juta. Demikian estimasi yang dikeluarkan PrivCo, sebuah biro riset yang berbasis di New York.

Salah satu yang kebagian jatah cukup besar adalah Marco Ament, developer pertama di Tumblr. Apa yang akan dilakukannya setelah menjadi jutawan?

"Aku tidak akan membeli kapal atau helikopter. Jika aku bisa mengontrolnya dengan baik, aku bisa bebas mengerjakan apapun," kata dia yang detikINET kutip dari DailyMail, Jumat (24/5/2013).

Lalu, apa yang akan dilakukan David Karp yang meraup ratusan juta dolar? Saat ini, pemuda drop out saat SMA yang kini berusia 26 tahun itu belum berencana membeli apa-apa. Dia masih akan tinggal di apartemen satu kamarnya bersama sang pacar, Rachel Eakley.
Baca Selengkapnya...

Dalam Waktu 5 Menit Bocah Ini Sudah Habiskan Rp. 24 Juta Untuk Membeli Aplikasi


Kabar Berita – Danny Kitchen sebenarnya hanya ingin membunuh beberapa zombie. Namun tanpa disadari, setelah meminta kata sandi iPad kepada orang tuanya, bocah yang baru berusia 5 tahun itu malah menghabiskan US$2.500 atau sekitar Rp24 juta mengunduh game melalui rekening ibunya.
Danny mengunduh game Zombies vs Ninjas, permainan gratis, dari Apple App Store. Orang tuanyalah yang memberikan izin untuk bermain game tersebut dan meninggalkan sang anak dengan iPad. Tanpa disadari Danny mengeklik ikon ‘anak panah’ dan ‘bom’ untuk melawan zombie, senjata yang didapatkan dengan harga US$99,99 atau mencapai Rp900 ribu.

Sang ibu, Sharon, tetap tak menyadari pembelian itu sampai dia menerima 19 email iTunes keesokan harinya. Ia berpikir itu adalah kelipatan tanda terima dan ia pun mengabaikan e-mail sampai perusahaan kartu kredit memanggilnya tentang aktivitas yang mencurigakan.

“Saya masih merasa luar biasa bahwa ia berhasil melakukannya,” kata Sharon. “Dia hanya memiliki iPad selama sepuluh sampai 15 menit sehingga saya pikir dia tidak mungkin melakukan sesuatu yang salah.”
Tentu saja, Danny menerima omelan dari orang tuanya. “Dia dimarahi dan menangis,” jelas Sharon. Danny pun mengaku sangat khawatir dan merasa sangat menyesal.

Sharon dan suaminya, Greg, menghubungi Apple untuk menyelidiki situasi itu. Setelah tiga hari komunikasi, perusahaan menganggap hal tersebut adalah murni insiden dan mengembalikan dana kepada keluarga tersebut. Seorang juru bicara Apple mengatakan menjaga kata sandi pada perangkat sangatlah penting untuk mencegah pembelian yang tidak dikehendaki.
Sumber : balilaptop.com
Baca Selengkapnya...

10 Kisah Kematian Terbodoh Akibat main Game

Kabar Berita – Main game memang sangat asik dan menyenagkan tapi jika keasikan main game kadang kita akan lupa waktu. nah berikut ini ada 10 Kisah Kematian Terbodoh Akibat main Game mau tahu apa aja itu simak berikut ini.
10. Lee Seung Seop Tewas oleh Starcraft (2005)
blog-apa-aja.blogspot.com
Starcraft adalah permainan multiplayer online di mana Anda memberi perintah pada legiun prajurit dan terjun ke dalam pertempuran dengan pasukan prajurit lain yang dikendalikan oleh orang lain. Itu sangat populer sehingga para gamer profesional (ya, mereka benar-benar ada) bisa menghasilkan sebesar $ 100.000 per tahun bermain permainan ini. Ini permainan yang sangat bikin kecanduan dan, ketika orang yang diidentifikasi hanya sebagai ‘Lee’ sampai mati, pihak berwenang mengatakan bahwa itu karena ‘gagal jantung yang berasal dari kelelahan.’
9. Seorang 18 tahun Tewas oleh sebuah Arcade
blog-apa-aja.blogspot.com
Peter Burkowski adalah seorang pelajar ‘A’ (cerdas) berumur 18 tahun yang mampir bermain Arcade Sabtu jam 8.30 PM. Dia mencetak skor tinggi di mesin Berzerk, meninggalkannya untuk melihat game lain, segera setelah mendapatkan tempat, roboh karena serangan jantung. Otopsi mengungkapkan sobekan di jaringan tisu Otot Peter yang secara efektif menjadikannya sebuah ‘bom waktu berdetak’ yang dimulai oleh video game yang mengakibatkan meningkatnya tekanan darah dan detak jantung secara dramatis.
8. Pembalasan Membunuh untuk Pedang Virtual
blog-apa-aja.blogspot.com
Qiu Chingwei meminjamkan Dragon Sabrenya dalam game online ‘Legend’ kepada temannya Zhu Caoyuan. Zhu adalah seorang keparat mujur yang lalu menjual pedang itu seharga $675. Chingwei, seorang yang lebih keparat namun kurang mujur, menikam kawannya dengan pisau sungguhan, membunuh Zhu. Chingwei saat ini menjalani hukuman seumur hidup yang bisa dikurangi menjadi 15 tahun jika berkelakuan baik.
7. Bunuh Diri gara2 Everquest
blog-apa-aja.blogspot.com
Kisah ini masih diperdebatkan, Namun faktanya adalah Shawn Wolley yang berusia 21 tahun bermain berjam-jam game online Everquest sebelum menembak dirinya sendiri sampai mati di depan komputernya. Ibunya menemukannya dengan pesan berhubungan game yang bertebaran di kamarnya, namun tidk ada satupun yang menjadi bukti tertentu dari motivasinya.

6. Anak 13 tahun bunuh diri gara-gara World of Warcraft
blog-apa-aja.blogspot.com
Xiao Yi berumur 13 ketika dia melompat dari gedung berlantai 24. Pesan yang Dia tinggalkan untuk orangtuanya ditulis dari sudut pandang karakter yang dimainkannya. Lebih jauh, isi pesannya menjelaskan keinginan Xiao Yi untuk bertemu tiga teman gamenya di alam baka. Orangtuanya pernah bertanya padanya soal kecanduannya. Xiao Yi menjawab kalau ia ‘sudah teracuni oleh games dan tidak bisa lagi mengendalikan dirinya’.
5. Anak 13 tahun membunuh Wanita demi Uang Berlangganan
blog-apa-aja.blogspot.com
Di 2007, seorang bocah 13 tahun bernama Dinh The Dan membunuh seorang wanita 81 tahun dan mencuri uangnya demi mendanai ketagihannya akan game online. Polisi Vietnam melaporkan kalau Dan mengikat si nenek dengan tambang, lalu menguburkannya dalam tumpukan pasir di depan rumahnya. Dikarenakan usianya, dia tidak dikirim ke penjara, namun ke kamp pendidikan ulang dimana dia akan dibebaskan jika berkelakuan baik.
4. Seorang Pria membunuh balita dikarenakan Xbox rusak
blog-apa-aja.blogspot.com
Tyrone Spellman, 27, bermain lama dengan Xboxnya. Ketika putrinya yang berusia 17 bulan menarik beberapa kabel dan membalikkan Xboxnya ke tanah, jadi rusak, Tyrone menjadi benar-benar murka. Tyrone menghantam putrinya dengan kekuatan yang ‘meretakkan tengkorak beberapa kali’ Otopsi juga mengungkapkan sebuah lengan yang patah yang tidak diketahui oleh pekerja sosial 2 minggu sebelumnya.
3. Daniel Petric membunuh ibunya dikarenakan Halo 3
blog-apa-aja.blogspot.com
Setelah ayah-ibunya merebut kaset Halo 3 darinya, Daniel Petric yang berusia 17 tahun membuka brankas dimana kaset itu berada. Di brankas itu juga terdapat pistol 9mm. Dia lalu mengambil game beserta pistolnya lalu menuju ruangan dimana orangtuanya berada, meminta mereka berdua untuk menutup mata karena Daniel punya kejutan untuk mereka, lalu menembak kepala ayah-ibunya. Sang Ayah selamat dengan luka kritis, namun ibunya meninggal seketika.
2. Balita dipukuli sampai mati oleh kontroller game
blog-apa-aja.blogspot.com
Darisabel Baez, putri 2 tahun dari Neida E. Baez (19 tahun), dipukuli sampai mati dengan sebuah kontroller game oleh pacar Neida, Harve L. Johnson, April 2008. Anehnya, si anak dibawa ke ibunya tidak sadarkan diri dan basah kuyup karena si pacar mencoba untuk membuatnya sadar di kamar mandi. Si Pacar menolak untuk menjelaskan motifnya pada polisi.

1. Pembunuhan Polisi terinspirasi GTA

Ada keraguan kecil terhadap kelakuan Devin Moore yang menghabisi polisi lalu mencuri sebuah cruiser polisi kalau yang ia lakukan terinspirasi oleh serial game ultrakeras Grand Theft Auto. Moore mengambil senjata dari seorang perwira, menembak tiga perwira lainnya, dan kabur dari pos polisi dalam sebuah cruiser polisi. Moore terobsesi dengan serial video game GTA dan, setelah ditangkap ia bilang ke polisi ‘Hidup layaknya video game.
Sumber : palingseru.com
Baca Selengkapnya...

WOW! Akhirnya BBM Akan Segera Tersedia di Android dan iPhone



Kabar Berita – Sebuah “kejutan” disampaikan BlackBerry dalam BlackBerry Live 2013 di Orlando, AS, pada Selasa (14/5/2013). Layanan “jagoan” mereka, BlackBerry Messenger (BBM), akan tersedia untuk Android dan iOS.
CEO BlackBerry, Thorsten Heins, mengatakan, BBM untuk platform lain akan tersedia pertengahan tahun ini untuk perangkat iPhone (iOS 6 ke atas) dan Android (Ice Cream Sandwich).

“Ini merupakan pernyataan percaya diri kami bahwa platform BlackBerry 10 sudah cukup bagus sehingga BBM bisa disebarkan ke sistem lain,” ujar Heins.
Pada awalnya, BBM di Android dan iOS akan memliki fitur standar seperti pengiriman pesan dan Group. Namun, Heins berjanji fitur yang lebih lanjut juga akan hadir. Hal itu termasuk, ujarnya, BBM Video, Voice, dan Screen Share.
Rumor akan hadirnya BBM di platform lain, terutama Android, memang sudah terdengar sejak 2012. Akhirnya, di gelaran BlackBerry Live 2013, hal ini diresmikan.
“Kami membuat platform BBM lebih kuat dari sebelumnya,” ujar Heins.  Di acara yang sama, BlackBerry juga mengumumkan fitur baru BBM Channel yang sedang dalam tahap Beta (uji coba).
Fitur BBM Channel akan memungkinkan terbentuknya komunitas berbasis BBM. Nantinya BBM Channel akan dimanfaatkan brand atau selebriti.
sumber : television
Baca Selengkapnya...

Simple Icon Hover Effects

IconHoverEffects
DEMO

DOWNLOAD

<div class="hi-icon-wrap hi-icon-effect-1 hi-icon-effect-1a">
    <a href="#" class="hi-icon hi-icon-mobile">Mobile</a>
    <a href="#" class="hi-icon hi-icon-screen">Desktop</a>
    <a href="#" class="hi-icon hi-icon-earth">Partners</a>
    <a href="#" class="hi-icon hi-icon-support">Support</a>
    <a href="#" class="hi-icon hi-icon-locked">Security</a>
</div>
An example for a hover effect is the simple rotation of the pseudo-element for the icon:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
.hi-icon-effect-6 .hi-icon {
    box-shadow: 0 0 0 4px rgba(255,255,255,1);
    transition: background 0.2s, color 0.2s;   
}
 
.no-touch .hi-icon-effect-6 .hi-icon:hover {
    background: rgba(255,255,255,1);
    color: #64bb5d;
}
 
.no-touch .hi-icon-effect-6 .hi-icon:hover:before {
    animation: spinAround 2s linear infinite;
}
 
@keyframes spinAround {
    from {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(360deg);
    }
}
Baca Selengkapnya...

Simple YouTube Menu Effect

Baca Selengkapnya...

CSS Buttons with Pseudo-elements

Baca Selengkapnya...

Just Some Awesome CSS3 Buttons





While last time we’ve created simple CSS3 gradient buttons, this time we’ll build some nice CSS3 buttons with icons.
In order to create the icons, this set of CSS3 buttons uses HTML entities. Also, gradients, shadows and many other CSS3 features do not miss.

DEMO

Minimal markup

 href="" class="button">Button
Simple button, with no icon.
 href="" class="button add">Add
Note the add class who adds the plus icon.

CSS

Below you can find the styles used to create the buttons and icons:
.button
{        
 display: inline-block;
 white-space: nowrap;
 background-color: #ccc;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc));
 background-image: -webkit-linear-gradient(top, #eee, #ccc);
 background-image: -moz-linear-gradient(top, #eee, #ccc);
 background-image: -ms-linear-gradient(top, #eee, #ccc);
 background-image: -o-linear-gradient(top, #eee, #ccc);
 background-image: linear-gradient(top, #eee, #ccc);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#cccccc');
 border: 1px solid #777;
 padding: 0 1.5em;
 margin: 0.5em;
 font: bold 1em/2em Arial, Helvetica;
 text-decoration: none;
 color: #333;
 text-shadow: 0 1px 0 rgba(255,255,255,.8);
 -moz-border-radius: .2em;
 -webkit-border-radius: .2em;
 border-radius: .2em;
 -moz-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
 -webkit-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
 box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
}

.button:hover
{
 background-color: #ddd;        
 background-image: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#ddd));
 background-image: -webkit-linear-gradient(top, #fafafa, #ddd);
 background-image: -moz-linear-gradient(top, #fafafa, #ddd);
 background-image: -ms-linear-gradient(top, #fafafa, #ddd);
 background-image: -o-linear-gradient(top, #fafafa, #ddd);
 background-image: linear-gradient(top, #fafafa, #ddd);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fafafa', EndColorStr='#dddddd');        
}

.button:active
{
 -moz-box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
 -webkit-box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
 box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
 position: relative;
 top: 1px;
}

.button:focus
{
 outline: 0;
 background: #fafafa;
}    

.button:before
{
 background: #ccc;
 background: rgba(0,0,0,.1);
 float: left;        
 width: 1em;
 text-align: center;
 font-size: 1.5em;
 margin: 0 1em 0 -1em;
 padding: 0 .2em;
 -moz-box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
 -webkit-box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
 box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
 -moz-border-radius: .15em 0 0 .15em;
 -webkit-border-radius: .15em 0 0 .15em;
 border-radius: .15em 0 0 .15em;
        pointer-events: none;        
}

/* Hexadecimal entities for the icons */

.add:before
{
 content: "\271A";
}

.edit:before
{
 content: "\270E";        
}

.delete:before
{
 content: "\2718";        
}

.save:before
{
 content: "\2714";        
}

.email:before
{
 content: "\2709";        
}

.like:before
{
 content: "\2764";        
}

.next:before
{
 content: "\279C";
}

.star:before
{
 content: "\2605";
}

.spark:before
{
 content: "\2737";
}

.play:before
{
 content: "\25B6";
} 
 

Scalability


You just need to change the font-size value from the following shorthand declaration:
font: bold 1em/2em Arial, Helvetica;There you go, you’ve just increased/decreased the button’s size!

Rendering & browsers support

The icons are added using the :before pseudo-element. Therefore, you won’t see any icons in browsers like IE7 and below, but the buttons will look good yet.
Different operating systems and different browsers means different rendering for the HTML entities we used as icons. If you want to use another icons instead, you could try something like Pictos.

 
Baca Selengkapnya...

Sabtu, 22 Juni 2013

Dibanderol Rp 2,9 Juta, Konsol Game Nvidia Siap Meluncur

http://images.detik.com/content/2013/06/21/654/nvidiashield460.jpg
Jakarta - Produsen kartu grafis terbesar di dunia, Nvidia, akhirnya mengungkap soal pemasaran konsol game perdana mereka. Nvidia Shield sudah siap dilepas.

Nvidia Shield merupakan konsol game berbasis Android yang cukup mengiurkan. Pasalnya, produk ini tidak hanya bisa memainkan berbagai game kelas berat Android, tapi juga game komputer melalui layanan cloud computing Nvidia Grid.

Pemesanan untuk produk ini sejatinya sudah dibuka sejak bulan lalu, namun kali ini Nvidia secara tegas melakukan koreksi harga untuk membawa pulang konsol tersebut dari yang sebelumnya USD 399 menjadi USD 299 (sekitar Rp 2,9 juta).

"Menurut pendapat ribuan gamer harga yang pas adalah USD 299, maka harganya kami turunkan di USD 299," tulis Nvidia melalui blog resmi mereka yang dikutip detikINET, Jumat (21/6/2013).

Dilihat dari sisi dapur pacu Nvidia Shield sudah menggunakan chip Nvidia Tegra 4, RAM 2 GB, Android Jelly Bean, dan layar 5 inch beresolusi 720 pixel yang ditancapkan pada sebuah kontroler.

Di atas kontroler tersebut terdapat stik analog ganda, satu D-pad, 6 tombol krontol, 5 tombol digital dan 2 analog trigger. Kemudian untuk konektivias produk ini mengandalkan micro-HDMI, microSD, audio output, Wi-Fi serta Bluetooh.

Agar bermain game kian seru Nvidia menambahkan stereo speaker dan sebuah microphone pada perangkat tersebut. Selain itu dalamnya juga sudah ada beberapa game yang memang dirancang khusus untuk Nvida Shield.

Nvidia Shield rencananya akan dipasarkan ke beberapa negara mulai 27 Juni 2013. Konsol ini juga disinyalir bakal masuk ke pasar Indonesia.
Baca Selengkapnya...

7 Negara Ketakutan Pada Google Glass

http://images.detik.com/content/2013/06/20/398/163856_1dlm.jpg
Jakarta - Kacamata pintar Google Glass terus menuai kontroversi. Yang terbaru, pemerintah dari 7 negara mengirimkan surat pada Google untuk mencari tahu seluk-beluk Google Glass.

Dalam surat yang dikirimkan kepada CEO Google, Larry Page, pemerintah Kanada, Belanda, Australia, Selandia Baru, Meksiko, Israel dan Swiss menyatakan mereka ingin menguji coba Google Glass. Mereka ingin memahami apakah ada masalah sosial dan etis terkait perangkat canggih itu.

"Ketakutan terhadap aksi mata-mata para individu pada individu lain, apakah melalui rekaman foto video atau aplikasi lain telah muncul," demikian pernyataan mereka yang detikINET kutip dari Bizjournals, Kamis (20/6/2013).

Pemerintah Kanada pada khususnya fokus pada isu privasi. Google Glass memang punya kemampuan canggih, misalnya merekam dengan perintah suara. Hal ini menimbulkan kekhawatiran banyak orang yang takut direkam tanpa izin.

Bahkan, sebuah survei yang diselenggarakan lembaga Creative and Social Technology (CAST) di Goldsmiths, University of London mengungkap bahwa 20% responden meminta Google Glass dilarang. Survei di Inggris ini melibatkan 4.000 responden.

Namun bos Google yakin nantinya ketakutan terhadap Google Glass akan pudar. "Orang-orang mengkhawatirkan sesuatu yang sebenarnya, jika kita sudah menggunakan produknya, bukan masalah besar. Sama seperti Anda tidak terteror jika seseorang menjepret foto Anda dengan smartphone," tutur CEO dan pendiri Google, Larry Page.
Baca Selengkapnya...