Skip to content

Instantly share code, notes, and snippets.

@sttt
sttt / script.js
Created February 19, 2018 21:15
Sine Wave - hue - p5.js
var spacing = 30;
var theta = 0.0;
var amp = 15;
var sizeScale = 30;
var period = 200;
var dx;
var dots = [];
function setup() {
createCanvas(windowWidth, windowHeight);
@sttt
sttt / context-menu.markdown
Created February 17, 2018 11:25
Context Menu
@sttt
sttt / 3-weekly-javascript-challenge.markdown
Created February 17, 2018 10:26
3. Weekly JavaScript Challenge
@sttt
sttt / browser-behaviour-on-empty-images.markdown
Created February 17, 2018 07:51
Browser behaviour on empty images

Browser behaviour on empty images

Please help me to get this list more complete and reliable! Work in progress for use in my upcoming article about browser behaviour when an image fails to load or when images are disabled.

A Pen by Bart Veneman on CodePen.

License.

@sttt
sttt / index.slim
Created February 17, 2018 07:38
Sass Halftone pattern
h1 Wallace
@sttt
sttt / index.pug
Created February 14, 2018 21:26
Personal Blog Concept
.page-container
header.website-header
.container
h1.website-logo
span.image.ion-ios-infinite
span.text Logo
nav.website-navigation
a.link(href='#') About me
a.link(href='#') Contacts
.content-container
@sttt
sttt / incipherable.markdown
Created February 13, 2018 21:50
InCIPHERable

InCIPHERable

Based on the Decipher puzzles in a Puzzle-A-Day calendar. Each letter of the alphabet has been replaced with a unique symbol (thanks Font Awesome). Match each symbol to its letter, and reveal the quote.

Full game allows you to generate random movie quotes, or create ciphers for your own phrases, to set challenges for others

A Pen by Douglas Harrower on CodePen.

License.

@sttt
sttt / index.html
Created February 13, 2018 14:24
Testing translate
<div class="mobile">
<section> <span>Home</span></section>
<section data-section="one">
<span>One</span></section>
<section data-section="two">
<span>Two</span></section>
</div>
@sttt
sttt / index.html
Created February 12, 2018 12:14
Static template with json data
<!-- header -->
<header class="header">
<div class="logo">
<!-- logo -->
<a href="#index">LOGO HERE</a>
</div>
<!-- menu btn -->
<a href="#" class="toggle_menu">
<i class="fa fa-navicon"></i>
</a>
@sttt
sttt / index.html
Created February 12, 2018 11:45
Testimonials Block with Element Queries
<section class=testimonials>
<div class=wrapper>
<blockquote>
<img src=https://staticresource.s3.amazonaws.com/prestonIcon.jpg>
<q>77% of all millionaires made their money in real estate</q>
<footer>bloomberg</footer>
</blockquote>
<blockquote>
<img src=https://staticresource.s3.amazonaws.com/prestonIcon.jpg>
<q>77% of all millionaires made their money in real estate</q>