webinista

<h1>Using <code>input[type=range]</code> to create toggles</h1>
  
 <p>
   <input type="range" value="0" min="0" max="1" step="1">
</p>

webinista

// See current support chart http://caniuse.com/#search=flexbox
 
/* 
Flexbox mixins
Public Domain.
Latest syntax only.
*/

@mixin display-flex {
     display: -webkit-flex;

webinista

// See current support chart http://caniuse.com/#feat=multicolumn

/* 
Column mixins by Tiffany Brown (@webinista / webinista.com) 
Public domain licensed, because, really who couldn't come up with this on their own?
It's not required, but I'd appreciate you letting me know if you found these useful :-).
*/

@mixin column-count($value) {
	-moz-column-count: $value;

webinista

bdYXrO

A Pen by Tiffany Brown on CodePen.

License.

webinista

This will create a proxy server in whatever your availability zone your VPC is in. For me, that's us-east-1b. For you, that may be something different. Steps 10+ should more or less work regardless of your provider since those steps cover the setup and configuration of TinyProxy.

1. Click the Launch Instance button.
2. Choose Ubuntu Server 14.04 LTS (HVM), SSD Volume Type. This isn't strictly necessary. If you choose another OS, check its documentation for how to install new packages.
3. On the Choose an Instance Type screen, select t2.micro. It's Free Tier eligible.
4. Click the Next: ... buttons until you reach the Configure Security Group screen.
   • You may wish to reduce the amount of storage on the Add Storage screen. This is optional.
   • You may wish to add a tag on the Tag Instance screen. This is also optional.
5. On the Configure Security Group screen:

• Select Create a new security group.

webinista

<?php

global $alpha_chunks;

# Initialize array
$alpha_chunks = array();

function chunkNames(&$value, $key, $letter) {
    global $alpha_chunks;

webinista

/*
CSSOM View[1] initially defined addListener() and removeListener() methods for the 
MediaQueryList interface (the object type returned by matchMedia()). Later, the 
spec changed and now MediaQueryList uses addEventListener/removeEventListener
and MediaQueryList is really a change event in disguise. 

Chrome and Opera have made this change. Other browsers are still working on it. 
This code snippet makes it possible to use addEventListener/removeEventListener 
in (almost) every browser (the usual caveats about browser support apply).

webinista

# BEGIN WordPress
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^/$ /content/ [L]
RewriteRule ^(.*)$ /content/$1 [L]
</IfModule>
# END WordPress

webinista

<?php
/* 
 * Designed to be used on the command line.
 * php genpass.php [arg1] [arg2] ...
 * Accepts up to three parameters:
 * --length or -l = length of the password
 * --specialchars or -s = whether to include punctuation in generating the password
 * --unique or -u = whether to prevent repeated characters in a string
 *
 */

webinista

input[type=radio].fancy-rb {
  color: #c09 !important;
  border: 1px solid #0c0 !important; 
}

input[type=radio].fancy-rb {
  opacity: 0; 
}
input[type=radio].fancy-rb + label::before, 
input[type=radio].fancy-rb + label::after {