Skip to content

Instantly share code, notes, and snippets.

Ryder Ripps ryderr

View GitHub Profile
@ryderr
ryderr / simplegallery
Created Jan 28, 2013
simple jquery gallery
View simplegallery
$(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 / desktoponly.css
Created Nov 30, 2012
desktop only css hack
View desktoponly.css
@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 Nov 27, 2012
raw webe.at theme2
View raw2.html
<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 Nov 17, 2012
raw webe.at theme
View raw_webeat.html
<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 Nov 10, 2012
3 col webe.at theme im workin on
View gist:4049290
<html>
<head>
<title>
{{#text.title}}
{{text.title}}
{{/text.title}}
{{^text.title}}
{{title}}
{{/text.title}} {{#single_event}} - {{name}}{{/single_event}} - webe.at</title>
</head>
View 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 Jul 25, 2012
cool tumbnail hover txt effect thing example here - http://jsfiddle.net/ztKb4/
View textbgmask.css
.block {
display: table;
margin: 0;
padding: 0;
float: left;
height: 400px;
width:400px;
text-align: center;
vertical-align: middle;
background-size: cover;
View DRAW_WITH_YOUR_FACE_TOOLBAR.html
<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 />
View newboxmodel.css
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
You can’t perform that action at this time.