josephfusco

CSS Tabs - Transitioning Between Variable Heights

A Pen by Joseph Fusco on CodePen.

License.

josephfusco

SASS Candle Flicker

Creating a natural flame flicker with random()!

A Pen by Joseph Fusco on CodePen.

License.

josephfusco

CSS Unicode Star Rating Mixin

No Javascript, No images, No Icon Fonts.

A Pen by Joseph Fusco on CodePen.

License.

josephfusco

.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;

josephfusco

html {
    display: table;
    width: 100%;
    height: 100%;
}

body {
    display: table-cell;
    vertical-align: middle;
    text-align: center;

josephfusco

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

<?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

/*
* 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();

josephfusco

html {
    display: table;
    width: 100%;
    height: 100%;
}

body {
    display: table-cell;
    vertical-align: middle;
    text-align: center;

josephfusco

<?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 {