Skip to content

Instantly share code, notes, and snippets.

HARUN PEHLİVAN harunpehlivan

View GitHub Profile
<canvas height="1600" width="1600"></canvas>
<canvas height="1600" width="1600"></canvas>
@harunpehlivan
harunpehlivan / index.html
Created May 30, 2021 13:27
Lissajous Prime
<canvas height="1600" width="1600"></canvas>
<canvas height="1600" width="1600"></canvas>
@harunpehlivan
harunpehlivan / creative-coding-with-css-course-09-flexbox.markdown
Created May 30, 2021 13:16
Creative Coding with CSS Course 09: Flexbox
@harunpehlivan
harunpehlivan / creative-coding-with-css-course-08-a-calculator.markdown
Created May 30, 2021 13:13
Creative Coding with CSS Course 08: A Calculator.
@harunpehlivan
harunpehlivan / creative-coding-with-css-course-10-calc-flex-order-justify-content-sass-lists-nth-child.markdown
Created May 30, 2021 13:05
Creative Coding with CSS Course 10: calc(), flex order, justify-content, Sass lists, :nth-child()
@harunpehlivan
harunpehlivan / creative-coding-with-css-course-11-flexbox-vertical-centering-media-queries.markdown
Created May 30, 2021 13:00
Creative Coding with CSS Course 11: flexbox vertical centering, @media queries
@harunpehlivan
harunpehlivan / creative-coding-with-css-course-12-final-calculator.markdown
Created May 30, 2021 12:56
Creative Coding with CSS Course 12: Final Calculator
@harunpehlivan
harunpehlivan / index.html
Created May 30, 2021 12:54
Self-Quarantine Simulator (Washington Post)
<section>
<canvas id="population" width="2000" height="1200"></canvas>
<div class="info">
<canvas id="graph" height="400" width="1500"></canvas>
<ul>
<li><span>Recovered</span><span id="recovered">0</span></li>
<li><span>Healthy</span><span id="healthy">0</span></li>
<li><span>Sick</span><span id="sick">0</span></li>
<li><span>Dead</span><span id="dead">0</span></li>
</ul>

Color Modes (chroma-js)

the differences in how different color modes interpolate the journey from one color to the next.

A Pen by HARUN PEHLİVAN on CodePen.

License.