assasient: source code

Jumat, 09 November 2012

Sabtu, 20 Oktober 2012

Source Code Custom Login Form Styling Jquery dan CSS3

Beberapa hal sebelum mulai:

Anda tidak akan melihat prefiks vendor apapun di potongan CSS, tetapi Anda tentu saja akan menemukan mereka di dalam file.
Tujuan dari tutorial ini adalah untuk menunjukkan potensi CSS, terutama CSS3, itu sebabnya rendering bisa diubah pada IE8-. Jika Anda berencana untuk mendukung penggunaan browser, pastikan untuk membuat fallbacks.
Saya tidak menggunakan atribut pada tag form sebagai tindakan, karena fokus pada desain.
Saya pribadi menggunakan kotak-model yang mana [width] = [element-width] + [padding] + [borders]. Saya mengaktifkannya dengan potongan berikut:

*,
*:after,
*:before {
    box-sizing: border-box;
}

Sumber: tympanus

Jumat, 05 Oktober 2012

Membuat Grafik Sederhana dengan Javascript

ilustrasi

Kali ini Cyber4rt akan menyediakan cara yang cukup sederhana untuk memvisualisasikan data di website Anda. Dari grafik garis sederhana sampai yang kompleks. Anda dapat mengisi data Anda dengan mudah yang memanfaatkan jsapi dari Google.

PIE CHART

Demo:
http://blog.cyber4rt.com/p/pie-chart.html

Code:

<html>
<title>Cyber4rt Pie Charts</title>
<head>
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load('visualization', '1.0', {'packages':['corechart']});
google.setOnLoadCallback(drawChart);
function drawChart() {
var data = new google.visualization.DataTable();
data.addColumn('string', 'Topping');
data.addColumn('number', 'Visits');
data.addRows([
['Jakarta', 84000],
['Surabaya', 63600],
['Bandung', 52900],
['Yogyakarta', 48300],
['Semarang', 38200],
['Medan', 24700],
['Makassar', 14500],
['Depok', 2900],
['Kuala Lumpur', 2800]
]);
var options = {'title':'Demographics City visitors for Cyber4rt',
'width':400,
'height':300};
var chart = new google.visualization.PieChart(document.getElementById('cyber4rt_chart'));
chart.draw(data, options);
}
</script>
</head>
<body>
<div id="cyber4rt_chart"></div>
</body>
</html>

BAR CHART

Demo:
http://blog.cyber4rt.com/p/bar-chart.html

Code:

<html>
<title>Cyber4rt Bar Charts</title>
<head>
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load('visualization', '1.0', {'packages':['corechart']});
google.setOnLoadCallback(drawChart);
function drawChart() {
var data = new google.visualization.DataTable();
data.addColumn('string', 'Topping');
data.addColumn('number', 'Visits');
data.addRows([
['Jakarta', 84000],
['Surabaya', 63600],
['Bandung', 52900],
['Yogyakarta', 48300],
['Semarang', 38200],
['Medan', 24700],
['Makassar', 14500],
['Depok', 2900],
['Kuala Lumpur', 2800]
]);
var options = {'title':'Demographics City visitors for Cyber4rt',
'width':400,
'height':300};
var chart = new google.visualization.BarChart(document.getElementById('cyber4rt_chart'));
chart.draw(data, options);
}
</script>
</head>
<body>
<div id="cyber4rt_chart"></div>
</body>
</html>

Jumat, 09 November 2012

Javascript Unicode Entity Encode / Decode

Sabtu, 20 Oktober 2012

Source Code Custom Login Form Styling Jquery dan CSS3

Jumat, 05 Oktober 2012

Membuat Grafik Sederhana dengan Javascript