stanwmusic

I added this to Atom's styles.less file so I could more easily grab the scrollbar with the mouse. 
As it was it was almost unuseable to me and I realized that I was often  opening files I wished to edit in a different 
editor rather that fighting with it.
I added somestyling to make it more toi l=my liking. I may still tweak  the colors or opacity some more. 
If you use this you can change the width, height, color and opacity to suit your  own personal preference.

Copy and paste in  the bottom of your styles.less  file in Atom.
It may be an empty file and if so just add this and  save it. (ctrl + s).

stanwmusic

ColorPicker tool

A Pen by Stan Williams on CodePen.

License.

stanwmusic

Type your answer to the presented equation before the time expires.

—

stanwmusic

Coming Soon Page with Font Awesome Icons

A Pen by Stan Williams on CodePen.

License.

stanwmusic

Coming Soon

Coming Soon Page. Uses Font Awesome for Social icons.

A Pen by Stan Williams on CodePen.

License.

stanwmusic

// Load the theme stylesheets
function theme_styles()  
{ 

	// Example of loading a jQuery slideshow plugin just on the homepage
	wp_register_style( 'flexslider', get_template_directory_uri() . '/css/flexslider.css' );

	// Load all of the styles that need to appear on all pages
	wp_enqueue_style( 'main', get_template_directory_uri() . '/style.css' );

stanwmusic

<h1>Responsive Table</h1>

<table class="table  table--responsive">
  <thead>
    <tr>
      <th>Name</th>
      <th>Twitter</th>
      <th>Website</th>
    </tr>
  </thead>

stanwmusic

Hamburger Icon Animations

12 hamburger icon animations

A Pen by Stan Williams on CodePen.

License.

stanwmusic

 <button class="btn-nav">
    <div class="bar arrow-top-r"></div>
    <div class="bar arrow-middle-r"></div>
    <div class="bar arrow-bottom-r"></div>
  </button>
  <div class="links-con">
    <a href="https://antonijasimic.bitbucket.io/text_hover_effects/index.html" target="_blank" class="nav">Home</a>
    <a href="https://antonijasimic.bitbucket.io/text_hover_effects/documentation.html" target="_blank" class="nav">Docs</a>
    <a href="https://github.com/tonkec/text_hover_effects" class="nav" target="_blank">Download</a>
  </div>

stanwmusic

<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" id="Слой_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 viewBox="0 0 668 151" style="enable-background:new 0 0 668 151;" xml:space="preserve">
<style type="text/css">
  .line, .blackOutline{stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
  .blackOutline{stroke:#333;}
  .noBG{fill:none;}
	.orangeBG{fill:#D86C43;}
	.whiteBG{fill:#FFFFFF;}
	.line{stroke:#EAEAEA;stroke-width:2;stroke-dasharray:12;}