nucliweb

Copied from http://code.lancepollard.com/complete-list-of-html-meta-tags/

Basic HTML Meta Tags

<meta charset='UTF-8'>
<meta name='keywords' content='your, tags'>
<meta name='description' content='150 words'>
<meta name='subject' content='your website's subject'>
<meta name='copyright' content='company name'>

nucliweb

<css-doodle>
   :doodle {
      @grid: 20x1 / 60vmin;
      overflow: hidden;
    }
    :container {
      transform: scale(25);
      filter: @svg-filter(<svg>
        <filter>
          <feTurbulence baseFrequency="@r(.016, .056, .001)" seed="@r(100)" numOctaves="@r(8, 15)" />

nucliweb

function getAverageColourAsRGB (img) {
  var canvas = document.createElement('canvas'),
      context = canvas.getContext && canvas.getContext('2d'),
      rgb = {r:102,g:102,b:102}, // Set a base colour as a fallback for non-compliant browsers
      pixelInterval = 5, // Rather than inspect every single pixel in the image inspect every 5th pixel
      count = 0,
      i = -4,
      data, length;

  // return the base colour for non-compliant browsers

nucliweb

/* 
  A full list of simple easing equations inspired by GIST from greweb - https://gist.github.com/gre/1650294
  Equations source - http://gsgd.co.uk/sandbox/jquery/easing/
*/

{
  linear: function(t) {
    return t
  },
  inQuad: function(t) {

nucliweb

p5js - 3D Spikey Plane Ball

Testing 3D plane creation in p5js

A Pen by Kultur Design on CodePen.

License.

nucliweb

const webpack = require('webpack')
const getConfig = require('hjs-webpack')
const isDev = (process.env.NODE_ENV || 'development') === 'development'
const isProd = !isDev && process.env.NODE_ENV === 'production'

const PRO_PUBLIC_PATH = ''
const DEV_PUBLIC_PATH = ''

const PUBLIC_PATH = isProd ? PRO_PUBLIC_PATH : DEV_PUBLIC_PATH
const GA_ID = 'UA-XXXXX-Y'

nucliweb

Some articles:

• How to automate a visual regression test (WebdriverCSS)
• CSS Testing with PhantomCSS, PhantomJS, CasperJS and Grunt (PhantomCSS)
• Automating Style Guide-Driven Development (Style Guide Based Testing
• Automating CSS Regression Testing (BackstopJS)

Some tools:

• WebdriverCSS
• PhantomCSS
• Gemini

nucliweb

I DESIGN WITH CODE ❤

An SVG animation for my site

Inspired by the wonderfully playful Creogram

A Pen by Chris Gannon on CodePen.

License.

nucliweb

10 JavaScript Terms You Should Know

From currying to closures there are quite a number of special words used in JavaScript. These will not only help you increase your vocabulary but also better understand JavaScript. Special terms are normally found in documentation and technical articles. But some of them like closures are pretty standard things to know about. Knowing what the word itself means can help you know the concept it's named for better.

1. Arity
2. Anonymous
3. Closure
4. Currying
5. Hoisting
6. Mutation

nucliweb

// Use the Boolean `disabled` attribute
myCSS.disabled = true;
myJS.disabled = true;

// Create a stylesheet toggle button:
var stylesheet = document.getElementById('boot'),
  btn = document.querySelector('.btn');

btn.addEventListener('click', function () {
  stylesheet.disabled = (stylesheet.disabled === false) ? true : false;