Skip to content

Instantly share code, notes, and snippets.

View shaan360's full-sized avatar
🙂
Coding in peace

Shaan M Khan shaan360

🙂
Coding in peace
View GitHub Profile
@dstroot
dstroot / install_postgresql.sh
Created June 13, 2012 00:26
Install PostgreSQL on Amazon AMI
#!/bin/bash
###############################################
# To use:
# https://raw.github.com/gist/2776351/???
# chmod 777 install_postgresql.sh
# ./install_postgresql.sh
###############################################
echo "*****************************************"
echo " Installing PostgreSQL"
echo "*****************************************"
@pamelafox
pamelafox / view.html
Created August 21, 2012 14:30
Google Maps AutoComplete for Profile Location Field
<div class="control-group">
<label class="control-label">Location</label>
<div class="controls">
<input name="location" type="text" placeholder="City, State, Country" value="">
<input name="location_city" type="hidden" value="">
<input name="location_state" type="hidden" value="">
<input name="location_country" type="hidden" value="">
<input name="location_lat" type="hidden">
<input name="location_lng" type="hidden">
</div>
@shaan360
shaan360 / index.html
Created September 6, 2012 13:51
A Clean, Simple, CSS Ribbon.
<div id="ribbon">
<span id="content">Hello There</span>
</div>
<div class="msft-logo">Microsoft</div>
<div id="wrapper"> <!-- this is only for demo -->
<h1>A simple float clearing demo</h1>
<h2>Problem</h2>
<p><strong>1. Borders and backgrounds misbehaving when applied to an element that contains a float/s</strong></p>
<div class="demo">
<div class="grid">
<img src="http://farm4.staticflickr.com/3298/3577042795_4ae17f1a3c_n.jpg" alt="" title="">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea amet commodo consequat.</p>
<a class="bub" href="http://twitter.com/akashnimare">
<i>Twitter</i>
<span>Follow me <br /> on twitter</span>
</a>
<a class="bub" href="http://www.facebook.com/iaMrich22"
style="margin-left:160px;background-color:#3B5998;">
<i>Facebook</i>
<span>Be Friend <br /> on facebook</span>
</a>
@shaan360
shaan360 / index.html
Created September 6, 2012 16:13
CSS3 animations, transforms, transitions, filters, the whole deal. And oh yeah, Spongebob.
<h1>Choose your character</h1>
<form>
<li>
<input name="r" type="radio" id="spongebob" />
<label>Spongebob</label>
</li>
<li>
<input name="r" type="radio" id="patrick" />
<label>Patrick</label>
@shaan360
shaan360 / index.html
Created September 6, 2012 16:28
CSS3 animations, transforms, transitions, filters, the whole deal. And oh yeah, Spongebob.
<h1>Choose your character</h1>
<form>
<li>
<input name="r" type="radio" id="spongebob" />
<label>Spongebob</label>
</li>
<li>
<input name="r" type="radio" id="patrick" />
<label>Patrick</label>
<ul class="comments">
<li class="comment">
<a href="#" title="View this user profile" class="photo"><img src="http://designitcodeit.com/live/45S6P0fit0nM/img/photo1.png" alt="Kasper"></a>
<div class="meta">Kasper | 2012.07.24 14:58 <a class="reply">Reply</a></div>
<div class="body">Cupcake ipsum dolor sit amet. Icing donut cheesecake muffin marzipan chocolate biscuit. Sweet roll chocolate marzipan.</div>
</li>
<li class="comment level-2">
<a href="#" title="View this user profile" class="photo"><img src="http://designitcodeit.com/live/45S6P0fit0nM/img/photo-default.png" alt="Photo"></a>
<div class="meta">John | 2012.07.24 15:21 <a class="reply">Reply</a></div>
<div class="body">Candy soufflé bear claw apple pie bear claw marshmallow. Jelly brownie wafer chocolate jelly.marzipan pastry sesame snaps apple pie.</div>
anonymous
anonymous / index.html
Created October 4, 2012 09:45
A pure CSS3 fancy text banner using transforms, pseudo-elements, last-child, and more!
<div class="banner">
<div class="line">
<span>Fancy Banners</span>
</div>
<div class="line">
<span>Make It Look</span>
</div>
<div class="line">
<span>Nice &amp; Classy</span>
</div>