thbland

CSS Camera

CSS Camera inspired by: https://dribbble.com/shots/3027693-White-Leica

A Pen by Troy Bland on CodePen.

License.

thbland

<div id="root">
  <div class="layer layer-1"></div>
  <div class="layer layer-2"></div>
  <div class="layer layer-3"></div>
  <div class="layer layer-4"></div>
  <div class="layer layer-5"></div>
  <div class="layer layer-6"></div>    
</div>

thbland

<div id="canvas-container"></div>

thbland

<script src="//unpkg.com/react@16/umd/react.development.js"></script>
<script src="//unpkg.com/react-dom@16/umd/react-dom.development.js"></script>

<!-- could point to local version -->
<script src="//unpkg.com/office-ui-fabric-react/dist/office-ui-fabric-react.js"></script>

<div id='content'></div>

thbland

<header>
        <div class="container py-5">
            <div class="text-center h1 font-weight-bolder">
                MY BLOG
            </div>
            <p class="text-center mt-3">
                Welcome to the blog of 
                <span class="bg-dark text-white px-2">unknown</span>
            </p>
        </div>

thbland

Clock with ReefJS v12

A Pen by Chris Ferdinandi on CodePen.

License.

thbland

Gradient fun

A Pen by Kevin on CodePen.

License.

thbland

<h1>The FormData API</h1>

<form>

    <label for="title">Title</label>
    <input type="text" name="title" id="title" value="Go to the beach">

    <label for="body">Body</label>
    <textarea id="body" name="body">Soak up the sun and swim in the ocean.</textarea>

thbland

<h1>Expenses</h1>

<!--first layout-->
<template id="expense-template">
  <style>
    #expenses {
      display: flex;
    }
    
  .expense1 {

thbland

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