Coder Social home page Coder Social logo

ghostwriter's Introduction

Static headings are boring, let’s get them moving.

I love the typing effect generated by typed.js. There is just something so fun about motion and I think we need more of it. I wanted to help people quickly and easily add this effect so we created Ghostwriter (like the 90’s PBS show).

Instead creating an entirely new block we wanted to try adding the effect to the core heading block. I’m fascinated by the prospect of enhancing core blocks with cool new features.

Typed.js Options

typed.js is responsible for the typing effect and any of the typed.js options can be changed in Ghostwriter as well.

Default options:

{
    strings: [ targetHeading.innerText ],
    typeSpeed: 75,
    loop: true
}

You can customize these options with the ghstwrtr_typedjs_options filter. Example:

add_filter( 'ghstwrtr_typedjs_options', function( $options ) {
    $options[ 'typeSpeed' ] = 25;
    return $options;
} );

gw

ghostwriter's People

Contributors

dependabot[bot] avatar jrtashjian avatar nickhamze avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

Forkers

seb86 block-suite

ghostwriter's Issues

Default style

Until it is fixed in core. We should probably add a default style like we did with Spoiler alert.

Rename the plugin

We need to rename this as there is already a plugin in the repo with this name.

Let's go with ghstwrtr (I'm going to be lazy and just remove the vowels). We only need to rename the actual plugin name. The style and everything else can change the same. I think we just need to change what's in readme.txt but I thought I'd have to do it so I don't screw anything up.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.