theWhiteFox

"use strict";

var gulp = require('gulp');
var browserSync = require('browser-sync').create();
var header = require('gulp-header');
var cleanCSS = require('gulp-clean-css');
var rename = require("gulp-rename");
var uglify = require('gulp-uglify');
var pkg = require('./package.json');
var imageop = require('gulp-image-optimization');

theWhiteFox

<div class="wrapper">
	<div id="progressbar">
		<div id="progress"></div>
	</div>
</div>

theWhiteFox

Color Palettes

Color swatches with hex values on click and rgb values on double-click...actively selected and available to copy.

A Pen by ‌‌ on CodePen.

License.

theWhiteFox

<div id="back">
</div>
<div id="middle">
</div>
<div id="front">
</div>

theWhiteFox

<div class="form">
      
      <ul class="tab-group">
        <li class="tab active"><a href="#signup">Sign Up</a></li>
        <li class="tab"><a href="#login">Log In</a></li>
      </ul>
      
      <div class="tab-content">
        <div id="signup">   
          <h1>Sign Up for Free</h1>

theWhiteFox

<link href='http://fonts.googleapis.com/css?family=Asap:400,700' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Signika' rel='stylesheet' type='text/css'>
  <h2>TweenMax.staggerTo()</h2>
  <div id="demo">
    <p>The start times of each animation are staggered by 0.5 seconds</p>
    <div class="box green"></div>
    <div class="box grey"></div>
    <div class="box orange"></div>
    <div class="box green"></div>
    <div class="box grey"></div>

theWhiteFox

CSS X-Men

X-men made entirely with CSS+HTML

A Pen by theWhiteFox on CodePen.

License.

theWhiteFox

      for (var index = 1; index <= 15; index++) {
            console.log(((['Fizz'][index % 3] || '') + (['Buzz'][index % 5] || '')) || index);
        }

theWhiteFox

Awesome Bootstrap 3 Sidebar Navigation

Original snippet by maridlcrmn Converted to Less, and given a dark theme.

A Pen by Jay Holtslander on CodePen.

License.

theWhiteFox

<!-- particles.js container --> <div id="particles-js"></div> <!-- stats - count particles --> <div class="count-particles"> <span class="js-count-particles">--</span> particles </div> <!-- particles.js lib - https://github.com/VincentGarreau/particles.js --> <script src="http://cdn.jsdelivr.net/particles.js/2.0.0/particles.min.js"></script> <!-- stats.js lib --> <script src="http://threejs.org/examples/js/libs/stats.min.js"></script>