e1blue

<!-- HEADER -->
<header>
  <h1>MEMORY</h1>
</header>

<!-- main SECTION -->
<section class="main">
  <div class="box play"></div>
  <div class="box play"></div>

e1blue

import numpy as np
import random
import math
import cv2
from PIL import Image

def detect_markers(im):
 markers = []
 # 輪郭線抽出のための二値化
 im_gray = cv2.cvtColor(im, cv2.COLOR_BGR2GRAY)

e1blue

3D Rotation Image Distortion

This is an example of the 3D distortion hover effect I used in the Boy+Girls work section of the website: https://boysandgirls.ie/work/

A Pen by Peter Barr on CodePen.

License.

e1blue

<nav class="nav">

	<ul class="nav__list">
		<li class="nav__item">
			<a class="nav__link">
				<div class="nav__link-content">
					<span class="nav__link-num">01</span>
					<div class="nav__link-title">Our Work</div>
					<div class="nav__link-desc">What we've made</div>
				</div>

e1blue

Code challenge!

I often find myself looking for small easy coding challenges when im bored so.. i got this idea, a little generator, it's not much but maybe it can giv you a challenge on the coding highway!

A Pen by Rune Sejer Hoffmann on CodePen.

License.

e1blue

3D CSS Grid Mondrian Compositions

A simple art experiment and learning exercise using CSS grids, plus a small dash of GSAP.

A Pen by Peter Barr on CodePen.

License.

e1blue

<canvas id="canvas"></canvas>
<svg id="demo" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1500 1200">
  <title>Movie Review Slider and Popcorn Machine</title>
  <defs>

<clipPath id="theClipPath">
   <circle cx="750" cy="400" r="350" fill="#fff"/>
</clipPath>  
</defs> 
<circle cx="750" cy="400" r="350" fill="#fff"/>

e1blue

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

e1blue

<div id="click-to-start">CLICK/TAP HERE TO START</div>
<canvas id="floor-texture" width="512" height="256"></canvas>
<div id="score-left"></div>
<div id="score-right"></div>
<div id="how">Position mouse left and right over game area to control paddles / bats</div>
<div id="btn-container">
  <button id="btn-go-fs" class="btn-fs" onclick="wrapperGoFullScren()">Go Fullscreen</button>
  <button id="btn-exit-fs" class="btn-fs" onclick="wrapperExitFullScreen()">Exit Fullscreen</button>
</div>

e1blue

<main class="main">
	<div id="game-screen" class="game-screen"></div>
</main>