Utilizing the power of :before and :after pseudo-elements.
A Pen by Jonatan Pettersson on CodePen.
<!-- | |
Google Analytic's async loader modified to be even more async | |
using jQuery | |
http://code.google.com/apis/analytics/docs/tracking/asyncTracking.html | |
--> | |
<script type="text/javascript"> | |
var _gaq = _gaq || []; | |
_gaq.push(['_setAccount', 'UA-xxxxx-x']); | |
_gaq.push(['_trackPageview']); |
Utilizing the power of :before and :after pseudo-elements.
A Pen by Jonatan Pettersson on CodePen.
A spinner made with CSS3 animations/transformations.
A Pen by JustAnotherCoder on CodePen.
Tinkering away with some more jQuery. Still pretty new to me but I am finding it very fun and challenging so far. If there is something that could be better please feel free to share. Thanks.
Updated pen to include a selected state for the different sizing options.
function getJSON (url, callback) { | |
var xhr; | |
xhr = window.ActiveXObject ? new ActiveXObject('Microsoft.XMLHTTP') : new XMLHttpRequest(); | |
xhr.onreadystatechange = function() { | |
if (xhr.readyState === 4) { | |
if (callback) { | |
callback(xhr.responseText); | |
} | |
} | |
}; |
<?php | |
/** | |
* Remove [All in One SEO Pack] HTML Comments | |
* @link //gist.github.com/llgruff/a7ab776167aa0ed307ec445df54e5fdb | |
*/ | |
if (defined('AIOSEOP_VERSION')) { | |
add_action('get_header', function() { | |
ob_start( | |
function($o) { | |
return preg_replace('/\n?<.*?One SEO Pack.*?>/mi','',$o); |
<?php | |
/* | |
* Tag Shortcode | |
* Usage: [tag type="span" class="myClass" id="firstSpan"]Lorem ipsum dolor sit amet[/tag] | |
*/ | |
function tag_shortcode( $atts, $content = null ) { | |
extract( shortcode_atts( array( | |
'class' => 'shortcode_class', | |
'id' => '', | |
'type' => 'div', |
<script type='text/javascript'> | |
jQuery(document).ready(function() { | |
//СЕЛЕКТОРЫ | |
var sel = { | |
'add_to_basket': '.item-info-btn-holder, .buttonrequest, .products-item .button', //Добавление товара в корзину | |
'regist': '.register form, #office-auth-register', //регистрация | |
'auth': '#office-auth-login', //Авторизация | |
'subscribe': '.subscribe',// подписка на рассылку | |
'email': 'a[href^="mailto"]', //Клик по email |
<!doctype html> | |
<html> | |
<head> | |
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> | |
<script type="text/javascript"> | |
var spData = null; | |
function doData(json) { | |
spData = json.feed.entry; | |
} | |