Skip to content

Instantly share code, notes, and snippets.

Avatar
🏠
Working from home

Joseph Fusco josephfusco

🏠
Working from home
View GitHub Profile
@josephfusco
josephfusco / CSS Tabs - Transitioning Between Variable Heights.markdown
Last active Aug 29, 2015
CSS Tabs - Transitioning Between Variable Heights
View CSS Tabs - Transitioning Between Variable Heights.markdown
View SASS Candle Flicker.markdown
View CSS Unicode Star Rating Mixin.markdown
View center-codepen.css
html {
display: table;
width: 100%;
height: 100%;
}
body {
display: table-cell;
vertical-align: middle;
text-align: center;
View .sh
resetwp(){
cwd=$(pwd)
cd ~/vagrant-local/www
vagrant ssh -c "cd /srv/www/wordpress-default/
rm -rf wp-content/uploads
wp reset database
wp rewrite structure '/%postname%/
cd $cwd'
}
@josephfusco
josephfusco / theme-unit-test-data.xml
Created Mar 22, 2016
WordPress Theme Unit Test Data
View theme-unit-test-data.xml
<?xml version="1.0" encoding="UTF-8"?>
<!--
This is a WordPress eXtended RSS file generated by WordPress as an export of your site.
It contains information about your site's posts, pages, comments, categories, and other content.
You may use this file to transfer that content from one site to another.
This file is not intended to serve as a complete backup of your site.
To import this information into a WordPress site follow these steps:
1. Log in to that site as an administrator.
2. Go to Tools: Import in the WordPress admin panel.
@josephfusco
josephfusco / screenshots.js
Created Mar 24, 2016 — forked from nhoizey/screenshots.js
Take screenshots at different viewport sizes using CasperJS
View screenshots.js
/*
* Takes provided URL passed as argument and make screenshots of this page with several viewport sizes.
* These viewport sizes are arbitrary, taken from iPhone & iPad specs, modify the array as needed
*
* Usage:
* $ casperjs screenshots.js http://example.com
*/
var casper = require("casper").create();
View center-codepen.css
html {
display: table;
width: 100%;
height: 100%;
}
body {
display: table-cell;
vertical-align: middle;
text-align: center;
@josephfusco
josephfusco / compiled.css
Last active Jul 12, 2016
iMessage Typing Indicator
View compiled.css
.typing-indicator {
background-color: #E6E7ED;
width: auto;
border-radius: 50px;
padding: 20px;
display: table;
margin: 0 auto;
position: relative;
-webkit-animation: 2s bulge infinite ease-out;
animation: 2s bulge infinite ease-out;
View div-extended.php
<?php
/**
* Divi modifications to the new Divi PageBuilder
*/
function my_cutom_et_modules() {
if( class_exists("ET_Builder_Module") ){
class ET_Builder_Module_Image_2 extends ET_Builder_Module {
You can’t perform that action at this time.