Skip to content

Instantly share code, notes, and snippets.

View mattbrett's full-sized avatar

Matt Brett mattbrett

View GitHub Profile
@mattbrett
mattbrett / animated-bottom-border.scss
Created May 4, 2020 17:57
Animated Bottom Border on Hover for Text Links
.content a {
&:link,
&:visited,
&:active {
position: relative;
color: $grey-dark;
text-decoration: none;
transition: color 0.2s ease-out;
}
@mattbrett
mattbrett / mobile-menu-bounce.js
Created February 5, 2015 23:23
Toggle a mobile menu with bounce in/out animate, courtesy of animate.css
$('#mobile-menu-open').click(function() {
$('nav').removeClass('bounceOutUp');
$('nav').addClass('show bounceInDown');
});
$('#mobile-menu-close').click(function() {
$('nav').removeClass('bounceInDown');
$('nav').addClass('bounceOutUp');
});
@mattbrett
mattbrett / auto-read-more.php
Created March 14, 2014 21:36
Works, but always adds more button, even if there's only one paragraph.
<?php
function the_content_readmore($more_link_text = null, $stripteaser = 0) {
$content = get_the_content($more_link_text, $stripteaser);
$content = apply_filters('the_content', $content);
$content = explode("</p>", $content);
foreach ($content as $key => $value){
if ($value != null || $value != ''){
if ( !stripos( $content[$key], '<iframe' ) === false ){
echo $content[$key];
for($i = $key+1; $i < count($content); $i++ ){
@mattbrett
mattbrett / jquery-links-new-windows.js
Created June 7, 2013 21:03
jQuery: Open links with "external" class in new window.
@mattbrett
mattbrett / jquery-fixed-navigation.js
Created June 7, 2013 21:02
jQuery: Navigation that sticks to the top once the specified threshold has been passed.
var fixed = false;
jQuery(document).ready(function($) {
$(window).scroll(function() {
if ($(this).scrollTop() >= 100) {
if (!fixed) {
fixed = true;
$('#navigation').css({
position: 'fixed',
top: 0
@mattbrett
mattbrett / jquery-equal-height-columns.js
Created June 7, 2013 20:59
jQuery: Make all child containers equal height.
jQuery(document).ready(function($) {
$('.container').each(function() {
var highestBox = 0;
$('.post', this).each(function() {
if ($(this).height() > highestBox) {
highestBox = $(this).height();
}
});
$('.post', this).height(highestBox);
});
@mattbrett
mattbrett / wordpress-loop.phtml
Created June 7, 2013 20:53
WordPress: Basic Loop
<?php if ( have_posts() ) : ?>
<?php while ( have_posts() ) : the_post(); ?>
<?php get_template_part( 'content', 'index' ); ?>
<?php endwhile; ?>
<?php if ( function_exists('wp_pagenavi') ) : wp_pagenavi(); else : ?>
<!-- pagination -->
update wp_posts set post_content = replace(post_content,'replace_this','with_this');
@mattbrett
mattbrett / placeholder-wordpress.html
Last active October 1, 2015 16:27
Paste into HTML editor, then change to WYSIWYG for best results.
Lorem ipsum dolor sit amet, <a href="#">consectetuer adipiscing elit.</a> Donec semper risus id neque vulputate elementum. Ut diam neque, vestibulum non, sagittis quis, commodo id, purus. Vivamus sagittis, odio non rhoncus adipiscing, elit ipsum pulvinar est, vitae malesuada velit orci sed arcu. Nulla facilisi. Integer vulputate pretium neque. Nulla aliquam orci non neque. Fusce tempor placerat sapien. Vivamus diam. Nullam velit. Donec viverra, urna posuere hendrerit vestibulum, purus elit hendrerit arcu, at pellentesque massa ante sit amet nisl. Proin sed tortor quis nibh feugiat malesuada. Nam nonummy augue at sem. <a href="#">Vestibulum gravida est sed enim.</a>
<h3>Nullam auctor eros non tellus</h3>
<ul>
<li><a href="#">Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</a></li>
<li><a href="#">Nulla iaculis adipiscing felis.</a></li>
<li><a href="#">Aliquam sollicitudin tellus sed odio.</a></li>
<li>Praesent a velit eu orci eleifend blandit.</li>
<li>Etiam hendrerit est in tellus.</li>
<p>Lorem ipsum dolor sit amet, <a href="#">consectetuer adipiscing elit.</a> Donec semper risus id neque vulputate elementum. Ut diam neque, vestibulum non, sagittis quis, commodo id, purus. Vivamus sagittis, odio non rhoncus adipiscing, elit ipsum pulvinar est, vitae malesuada velit orci sed arcu. Nulla facilisi. Integer vulputate pretium neque. Nulla aliquam orci non neque. Fusce tempor placerat sapien. Vivamus diam. Nullam velit. Donec viverra, urna posuere hendrerit vestibulum, purus elit hendrerit arcu, at pellentesque massa ante sit amet nisl. Proin sed tortor quis nibh feugiat malesuada. Nam nonummy augue at sem. <a href="#">Vestibulum gravida est sed enim.</a></p>
<h3>Nullam auctor eros non tellus</h3>
<ul>
<li><a href="#">Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</a></li>
<li><a href="#">Nulla iaculis adipiscing felis.</a></li>
<li><a href="#">Aliquam sollicitudin tellus sed odio.</a></li>
<li>Praesent a velit eu orci eleifend blandit.</li>
<li>Etiam hendrerit est in tellus