Skip to content

Instantly share code, notes, and snippets.

View j0lvera's full-sized avatar
🎯
Focusing

Juan Olvera j0lvera

🎯
Focusing
110 followers · 81 following
View GitHub Profile
@j0lvera
j0lvera / index.html
Created July 22, 2012 01:14
A web page created at CodePen.io
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Readibility for web &middot; CodePen</title>
<!--
Copyright (c) 2012 Juan Olvera, http://codepen.io/thinkxl
Permission is hereby granted, free of charge, to any person obtaining
@j0lvera
j0lvera / dabblet.html
Created August 20, 2012 07:35
Untitled
<button>Get one!</button>
@j0lvera
j0lvera / Mobile Detection
Created August 27, 2012 22:26
Mobile Detection js & jQuery
if( /Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent) ) {
$('body').css('background', 'url(img/extra_clean_paper_3.png)');
}
else {
var bg = { 'background' : 'url(img/bg7.jpg) fixed' }
$('body').css(bg);
}
@j0lvera
j0lvera / social-sharing-alignment.html
Created August 30, 2012 23:04 — forked from thebigreason/social-sharing-alignment.html
Align Facebook Like, Twitter Tweet and Google +1 buttons
<div class="social">
<span class="twitter">
<a href="http://twitter.com/share" class="twitter-share-button" data-url="[your-url-here]">Tweet</a>
</span>
<span class="google">
<g:plusone size="medium" href="[your-url-here]"></g:plusone>
</span>
<span class="Facebook">
<iframe src="https://www.facebook.com/plugins/like.php?href=[your-url-here]&amp;show_faces=false&amp;layout=button_count" scrolling="no" frameborder="0" style="height: 21px; width: 100px" allowTransparency="true"></iframe>
</span>
@j0lvera
j0lvera / dabblet.html
Created September 8, 2012 04:52
Untitled
<!-- content to be placed inside <body>…</body> -->
<div class="recuadro">
<p>Servicio proporcionado por Juan Olvera</p>
<img src="https://twimg0-a.akamaihd.net/profile_images/1827282865/snapshot__2_.jpg">
</div> <!-- end of recuadro -->
@j0lvera
j0lvera / dabblet.css
Created December 2, 2012 07:43
Untitled
.something {
text-shadow: 1px 1px 1px #333;
color: yellow; }
@j0lvera
j0lvera / quantize.js
Created December 11, 2012 22:29 — forked from nrabinowitz/quantize.js
/*!
* quantize.js Copyright 2008 Nick Rabinowitz.
* Licensed under the MIT license: http://www.opensource.org/licenses/mit-license.php
*/
// fill out a couple protovis dependencies
/*!
* Block below copied from Protovis: http://mbostock.github.com/protovis/
* Copyright 2010 Stanford Visualization Group
* Licensed under the BSD License: http://www.opensource.org/licenses/bsd-license.php
@j0lvera
j0lvera / demo.html
Created December 31, 2012 07:08 — forked from njonsson/demo.html
<?xml version='1.0' encoding='utf-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang='en-US' xml:lang='en-US' xmlns='http://www.w3.org/1999/xhtml'>
<head>
<title>
passwordComplexity jQuery plugin demo
</title>
<style type='text/css'>
* {
font-family: Helvetica, Arial, sans-serif;
@j0lvera
j0lvera / pagination-option-1.php
Created January 6, 2013 03:04

To make sure that this is working on archive, index and search results, use this template for searchform.php

<form role="search" method="get" id="searchbar" action="<?php echo home_url( '/' ); ?>">
<div><label class="screen-reader-text" for="s">Search for:</label>
    <input type="text" value="" name="s" id="s" />
    <input type="submit" id="searchsubmit" value="Search" />
</div>
@j0lvera
j0lvera / css-tricks-pattern.js
Last active December 10, 2015 21:58
js patterns I use on my projects
var s,
NewsWidget = {
settings: {
numArticles: 5,
articleList: $("#article-list"),
moreButton: $("#more-button")
},
init: function() {