melanyss

<div class="progress pink">
  <div class="indeterminate white"></div>
</div>
<div class="app" style="display: none;">
  <div class="sequencer">
    <div class="steps"></div>
  </div>
  <a class="regenerate btn-floating btn-large waves-effect waves-light pink darken-2 pulse">
    <i class="material-icons">refresh</i>
  </a>

melanyss

CSS "Always on the bottom" Footer

Using CSS, this footer rests at the bottom of the page, even if the content above it is too short to push it to the bottom of the viewport naturally. However, if the content is taller than the user’s viewport, then the footer disappears from view as it would normally, resting at the bottom of the page (not fixed).

A Pen by Chris Bracco on CodePen.

License.

melanyss

<svg id="yetiSVG" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 600 470">
	<linearGradient id="flashlightGrad" x1="126.5842" x2="90.5842" y1="176.5625" y2="213.5625" gradientUnits="userSpaceOnUse">
		<stop offset="0" stop-color="#333"/>
		<stop offset=".076" stop-color="#414141"/>
		<stop offset=".2213" stop-color="#555"/>
		<stop offset=".3651" stop-color="#626262"/>
		<stop offset=".5043" stop-color="#666"/>
		<stop offset=".6323" stop-color="#606060"/>
		<stop offset=".8063" stop-color="#4e4e4e"/>
		<stop offset="1" stop-color="#333"/>

melanyss

RewriteCond %{REQUEST_URI} !^/wp-content/plugins/file/to/exclude\.php
RewriteCond %{REQUEST_URI} !^/wp-content/plugins/directory/to/exclude/
RewriteRule wp-content/plugins/(.*\.php)$ - [R=404,L]
RewriteCond %{REQUEST_URI} !^/wp-content/themes/file/to/exclude\.php
RewriteCond %{REQUEST_URI} !^/wp-content/themes/directory/to/exclude/
RewriteRule wp-content/themes/(.*\.php)$ - [R=404,L]

melanyss

/* Regular jQuery */
$('.hideable').on('click', function() {
  $(this).hide();
})

/* Compatibility Mode */
jQuery('.hideable').on('click', function() {
  jQuery(this).hide();
})

melanyss

Cutup #7 Box-sizing

The box-sizing CSS property defines how the user agent should calculate the total width and height of an element. -MDN

Article https://medium.com/p/61ed487b65f1/

A Pen by nana on CodePen.

License.

melanyss

<form id='form' class='input-form'>
  <label>Let's name your startup using the words:</label>
  <input type='text' class='input' id='input' placeholder='some words' value='run fit'>
  <button class='submit'>Go</button>
</form>
<div id='results' class='results-list'>
</div>

melanyss

CSS selectors cheatsheet

CSS selectors cheatsheet

A Pen by nana on CodePen.

License.

melanyss

CSS selectors cheatsheet

CSS selectors cheatsheet

A Pen by nana on CodePen.

License.

melanyss

<header>
  <h1>Pure <strong>CSS</strong> Steps</h1>
  <p>... a sassy "Step By Step" process.</p>
</header>
<section>
  <article>
    <form class="pure-steps">
      <input type="radio" name="steps" class="pure-steps_radio" id="step-0" checked="">
      <input type="radio" name="steps" class="pure-steps_radio" id="step-1">
      <input type="radio" name="steps" class="pure-steps_radio" id="step-2">