Skip to content

Instantly share code, notes, and snippets.

View ImBobby's full-sized avatar

Bobby ImBobby

  • Vidio
  • Indonesia, Jakarta
View GitHub Profile
$tablet: "...";
$tablet-landscape: "...";
$desktop: "...";
body {
// style for mobile (STYLE A)
@media #{$tablet} {
//style for tablet (STYLE B)
}
@ImBobby
ImBobby / A-Pen-by-Bobby.markdown
Created November 14, 2013 14:12
A Pen by Bobby.
@ImBobby
ImBobby / contriesfor.us - Indonesia (HTML)
Created October 31, 2013 04:40
Provinces in Indonesia. created for http://countriesfor.us/
<!-- HTML -->
<select>
<option value="Aceh">Aceh</option>
<option value="Bali">Bali</option>
<option value="Banten">Banten</option>
<option value="Bengkulu">Bengkulu</option>
<option value="Gorontalo">Gorontalo</option>
<option value="Jakarta">Jakarta</option>
<option value="Jambi">Jambi</option>
<option value="Jawa Barat">Jawa Barat</option>
@ImBobby
ImBobby / contriesfor.us - Indonesia (Phyton)
Created October 31, 2013 04:32
Provinces in Indonesia. created for http://countriesfor.us/
# Phyton
ina = [
'Aceh' ,
'Bali' ,
'Banten' ,
'Bengkulu' ,
'Gorontalo' ,
'Jakarta' ,
'Jambi' ,
'Jawa Barat' ,
@ImBobby
ImBobby / contriesfor.us - Indonesia (Ruby)
Last active December 27, 2015 01:19
Provinces in Indonesia. created for http://countriesfor.us/
# Ruby
ina = [
'Aceh' ,
'Bali' ,
'Banten' ,
'Bengkulu' ,
'Gorontalo' ,
'Jakarta' ,
'Jambi' ,
'Jawa Barat' ,
@ImBobby
ImBobby / contriesfor.us - Indonesia (PHP)
Created October 31, 2013 04:29
Provinces in Indonesia. created for http://countriesfor.us/
// PHP
$ina = Array(
'Aceh' ,
'Bali' ,
'Banten' ,
'Bengkulu' ,
'Gorontalo' ,
'Jakarta' ,
'Jambi' ,
'Jawa Barat' ,
@ImBobby
ImBobby / contriesfor.us - Indonesia (Javascript)
Last active December 27, 2015 01:19
Provinces in Indonesia. created for http://countriesfor.us/
// js
var ina = [
'Aceh' ,
'Bali' ,
'Banten' ,
'Bengkulu' ,
'Gorontalo' ,
'Jakarta' ,
'Jambi' ,
'Jawa Barat' ,
$mobile = "screen and (min-width: 30em)";
$desktop = "screen and (min-width: 60em)";
$footer-height;
body{
@media #{$mobile}{
$footer-height: 200px;
}
@ImBobby
ImBobby / gist:5996847
Last active December 25, 2018 18:54
Paper style browser notepad
data:text/html, <html spellcheck="false" contenteditable> <style> html,body{min-height: 100%} body {min-height: 100%; background-color: transparent; background-image: -webkit-linear-gradient(top, #ddd 2%, transparent 2%); background-image: -moz-linear-gradient(top, #ddd 2%, transparent 2%); background-image: -o-linear-gradient(top, #ddd 2%, transparent 2%); background-image: linear-gradient(to bottom, #ddd 2%, transparent 2%); background-size: 100% 1.5em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #333; display: block; font: normal 1.5em 'Cambria', georgia, serif; height: 100%; line-height: 1.5em; margin: 0 auto; padding: .2em .5em; position: relative; vertical-align: bottom; width: 80%; } body:before, body:after{ content: ''; position: absolute; left: 0; top: 0; width: 100%; min-height: 100%; background: transparent; z-index: -1; } body:before{ background-image: -webkit-linear-gradient(left, #ccc 5px, transparent 5px, transparent 100%); background-image: -moz-
@ImBobby
ImBobby / dabblet.css
Created June 15, 2013 06:01
Untitled
.box{
width: 400px;
height: 200px;
background: darkblue;
margin: 4em auto 0;
}
.shadow{
box-shadow: 0 0 4px 5px rgba(0,0,0,.8);
}