chibaye

Google Maps html marker

A Pen by StudioKlik on CodePen.

License.

chibaye

h3 React Image Preview & Upload Component
div#mainApp
div.centerText
  span Checkout associated 
  a(href="http://www.hartzis.me/react-image-upload/" target="_blank") blog post

chibaye

Diagonal Two Color Background

A Pen by Justin on CodePen.

License.

chibaye

Google Maps Polygon Coordinates Tool

Outputs the coordinates (longitude, latitude) for Google Maps whenever the Polygon is moved or re-shaped. Recently added a 'Copy to Clipboard' button and had data output into a textarea for easier copying & pasting

I originally built this to build map outlines for neighborhoods, villages, districts and counties - specifically for real estate purposes.

A Pen by Jeremy Hawes on CodePen.

License.

chibaye

glowing/flashing button

By Muhammad Arslan Aslam (https://arslanaslam.me)

A Pen by Muhammad Arslan Aslam on CodePen.

License.

chibaye

Blinking point with SVG

A Pen by Pixeljam on CodePen.

License.

chibaye

<div id="map" style="width: 100%; height: 500px"></div>

chibaye

<div class="loader">Loading<span class="loader__dot">.</span><span class="loader__dot">.</span><span class="loader__dot">.</span></div>

chibaye

<div id="js-app"></div>

chibaye

<div id="wrapper">
  <div class="explanation">
    <h1>Svg Line Graph</h1>
    <p>Make your own graph, type in atleast two numbers below, and the default graph will clear and it will generate one based on your input</p>
    <p>Your values are...</p>
    <p id="yourValues"></p>
    <input type="input" id="value" name="value" placeholder="Value (number)"/>
    <input type="button" value="add value" onclick="addValue()"/>
    <input type="button" value="clear chart" onclick="clearChart()"/>
  </div>