Skip to content

Instantly share code, notes, and snippets.

View jolosantos's full-sized avatar

Jolo Santos jolosantos

23 followers · 46 following
  • Citrusbyte
  • Los Angeles, CA
View GitHub Profile
@jolosantos
jolosantos / onchange.select.js
Last active September 5, 2016 08:41
Sample Onchange JS
<script type="text/javascript">
(function(){
var currentSelected;
$('select.lesson_time').change(function(){
//deselect previous selected
if (currentSelected){
currentSelected.val('none');
currentSelected.closest('td').css('background-color', '#F1F2F3');
@jolosantos
jolosantos / mediaqueries.css
Created February 21, 2013 03:33
/* iPad */
@media screen and (device-aspect-ratio: 3/4) {}
/* iPad (portrait and landscape) */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { }
/* iPad (landscape) */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { }
/* iPad (portrait) */
@jolosantos
jolosantos / stickyfooter.css
Created February 21, 2013 03:41
Attach a (sticky footer)
/* STICKY FOOTER */
* {
margin: 0;
padding: 0;
}
html, body {
height: 100%;
}
@jolosantos
jolosantos / disclosure-list.css
Last active September 5, 2016 08:41
Sample Disclosure CSS
ul li::after {
-webkit-transform: rotate(45deg);
content: " ";
display: block;
width: 6px;
height: 6px;
border: 3px solid #7f7f7f;
border-bottom: none;
border-left: none;
}
@jolosantos
jolosantos / gist:5898391
Created July 1, 2013 04:39
Remove Indent Guide - Sublime Text
"draw_indent_guides": true
@jolosantos
jolosantos / css_pointers.css
Last active September 5, 2016 08:40
Sample CSS Pointer (Firefox)
@-moz-document url-prefix() {
/* firefox-only css goes here */
}
.show-grid div[class*='grid-'] {
/* target */
}
@jolosantos
jolosantos / gist:c44113429ccde3ba9e97
Created September 10, 2014 21:13
HTML5 Template
<html lang='en'>
<head>
<title></title>
<meta charset='utf-8'>
<link rel='Shortcut Icon' href='favicon.ico' type='image/x-icon' />
<link rel='stylesheet' href='' type='text/css' media='all'/>
<script type='text/javascript' src=''></script>
</head>
@jolosantos
jolosantos / 0_reuse_code.js
Last active August 29, 2015 14:06
Here are some things you can do with Gists in GistBox.
// Use Gists to store code you would like to remember later on
console.log(window); // log the "window" object to the console
@jolosantos
jolosantos / my.css
Last active August 29, 2015 14:27 — forked from anonymous/my.css
CSS Gradient Animation
background: linear-gradient(270deg, #2ea586, #61ac46, #237862);
background-size: 600% 600%;
-webkit-animation: AnimationName 52s ease infinite;
-moz-animation: AnimationName 52s ease infinite;
-o-animation: AnimationName 52s ease infinite;
animation: AnimationName 52s ease infinite;
@-webkit-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
@jolosantos
jolosantos / gradient_animation.md
Created August 13, 2015 21:48