Skip to content

Instantly share code, notes, and snippets.

View ryderr's full-sized avatar
🧶
yarn

Ryder Ripps ryderr

🧶
yarn
322 followers · 126 following
  • OKFocus
View GitHub Profile
@ryderr
ryderr / simplegallery
Created January 28, 2013 17:37
simple jquery gallery
$(document).ready(function() {
$(".pic").on("click", function(e){
e.preventDefault();
$("#content").find('li').removeClass("opened");
$(this).addClass("opened");
});
$(".next").on("click", function(e){
e.preventDefault();
var nextthing = $("#content li.opened").next('li');
@ryderr
ryderr / README.md
Created November 30, 2012 23:23
created by http://livecoding.io
@ryderr
ryderr / desktoponly.css
Created November 30, 2012 21:36
desktop only css hack
@media handheld, only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
body{
display:none;
}
html:after{
content: "This site is only available on desktop computers";
}
}
@ryderr
ryderr / raw2.html
Created November 27, 2012 21:24
raw webe.at theme2
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>
{{#text.title}}{{text.title}}{{/text.title}}{{^text.title}}
{{title}}
{{/text.title}} {{#single_event}} - {{name}}{{/single_event}} - webe.at
</title>
<meta name="text:title" value="">
@ryderr
ryderr / raw_webeat.html
Created November 17, 2012 01:21
raw webe.at theme
<html>
<head>
<title>
{{#text.title}}{{text.title}}{{/text.title}}{{^text.title}}
{{title}}
{{/text.title}} {{#single_event}} - {{name}}{{/single_event}} - webe.at
</title>
<meta name="text:title" value="">
<meta name="text:sub_heading" value="">
<meta name="color:headings" value="#000000">
@ryderr
ryderr / gist:4049290
Created November 10, 2012 00:47
3 col webe.at theme im workin on
<html>
<head>
<title>
{{#text.title}}
{{text.title}}
{{/text.title}}
{{^text.title}}
{{title}}
{{/text.title}} {{#single_event}} - {{name}}{{/single_event}} - webe.at</title>
</head>
@ryderr
ryderr / map theme
Created October 26, 2012 20:26
map theme
<script src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>
<script src="http://google-maps-utility-library-v3.googlecode.com/svn/trunk/markerclusterer/src/markerclusterer.js"></script>
<script>
var events, webeatMapTheme =
[
{
"featureType": "poi",
@ryderr
ryderr / textbgmask.css
Created July 25, 2012 21:21
cool tumbnail hover txt effect thing example here - http://jsfiddle.net/ztKb4/
.block {
display: table;
margin: 0;
padding: 0;
float: left;
height: 400px;
width:400px;
text-align: center;
vertical-align: middle;
background-size: cover;
@ryderr
ryderr / DRAW_WITH_YOUR_FACE_TOOLBAR.html
Created May 31, 2012 02:39
<ul id="tools">
<li class="trash"></li><br />
<li class="small"></li><br />
<li class="medium"></li><br />
<li class="large"></li><br />
<li class="black"></li><br />
<li class="red"></li><br />
<li class="orange"></li><br />
<li class="yellow"></li><br />
<li class="green"></li><br />
@ryderr
ryderr / newboxmodel.css
Created May 31, 2012 02:38
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }