yohannawaliya

Ar.js Demo

A Pen by Yohanna Joseph Waliya on CodePen.

License.

yohannawaliya

Ar.js Demo

A Pen by Yohanna Joseph Waliya on CodePen.

License.

yohannawaliya

Immersive Landing Page with timed transitions

Hover over panels. Animated Immersive landing page. Responsive as well and uses timed transitions in css for a better user perceived performance. Switch to full page view and mobile view to see each design

A Pen by Anusuya on CodePen.

License.

yohannawaliya

<div id='content'>

</div>

<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"

	 width="512px" height="512px" viewBox="0 0 512 512" enable-background="new 0 0 512 512" xml:space="preserve">

<path id="myHeart" d="M457.901,146.444C436.495,54.316,301.703,30.921,256,124.192

yohannawaliya

<div class='outer' id='bgd'>
  <div class='middle'>
    <div class='inner'>
      <p>______ is a <span id='adjective'>adjective</span> <span id='noun'>noun</span></p>
      <div class='buttons'>
        <button onclick='newAdjective()'>new adjective</button>
        <button onclick='newNoun()'>new noun</button>
        <button onclick='newPhrase()'>new phrase</button>
      </div>
    </div>

yohannawaliya

<header>
    <div class="row">
        <div class="col s12 m9">
            <div class="row">
                <div class="col s12">
                    <h1>Let's Play Bingo</h1>
                </div>
            </div>
            <div class="row">

yohannawaliya

2 Blocks display

inspired by a codyhouse article: http://codyhouse.co/gem/2-blocks-template/

A Pen by Ludo Segura on CodePen.

License.

yohannawaliya

  <div class="ray-container">
    <div class="ray ray1"></div>
    <div class="ray ray2"></div>
    <div class="ray ray3"></div> 
    <div class="ray ray4"></div> 
    <div class="ray ray5"></div>
    <div class="ray ray6"></div>
    <div class="ray ray7"></div>
    <div class="ray ray8"></div>
    <div class="ray ray9"></div>

yohannawaliya

/*
  A simple Twitter bot that posts random images.
  Tutorial: https://botwiki.org/resource/tutorial/random-image-tweet/
*/

const fs = require( 'fs' ),
      path = require( 'path' ),
      Twit = require( 'twit' ),
      config = require( path.join( __dirname, 'config.js' ) ),
      images = require( path.join( __dirname, 'images.js' ) );

yohannawaliya

Generative Art

3D Fractal Curve Originally made by rectangleworld, reworked by me

A Pen by Danny on CodePen.

License.