Skip to content

Instantly share code, notes, and snippets.

View derekjohnson's full-sized avatar

derekjohnson

15 followers · 18 following
View GitHub Profile
@derekjohnson
derekjohnson / wp-config.php
Created May 15, 2014 14:35 — forked from MattWilcox/wp-config.php
/* Lets not rely on paths in the database, they can be very wrong when moving between dev/stage/live environments */
/* The following two variables are backward to my thinking, but hey, what ya gonna do? */
define('WP_HOME', 'http://' . $_SERVER['HTTP_HOST'] . ''); // This is NOT the 'wordpress admin area' home, but the site's home
define('WP_SITEURL', 'http://' . $_SERVER['HTTP_HOST'] . '/SECRETDIRECTORY'); // This isn't the site's URL but the WordPress admin area URL
/* MySQL settings */
switch($_SERVER['SERVER_NAME']){
// Your local machine's settings
case 'mysite.local':
define('DB_NAME', 'dev_mysite');
@derekjohnson
derekjohnson / nav.css
Last active August 29, 2015 14:04
Small viewport nav
.l-nav {
&--capable {
position: absolute;
right: 0;
top: -500%;
}
&--capable-open {
top: 0;
right: 5.46875%;
@derekjohnson
derekjohnson / keybase.md
Last active August 29, 2015 14:04

Keybase proof

I hereby claim:

  • I am derekjohnson on github.
  • I am derekjohnson (https://keybase.io/derekjohnson) on keybase.
  • I have a public key whose fingerprint is 10B5 B39A E83E B186 C767 87DB 2B08 64C6 F21B C2D1

To claim this, I am signing this object:

@derekjohnson
derekjohnson / dabblet.css
Created May 31, 2012 09:53
CSS open/close menu idea
/**
* CSS open/close menu idea
*/
body {background: #fff;padding:0;margin:0}
#menu {display:none}
#menu:target {display:block;position:absolute;top:0;background:#fff}
@derekjohnson
derekjohnson / dabblet.css
Created June 1, 2012 16:11 — forked from anonymous/dabblet.css
Styling radio buttons
/**
* Styling radio buttons
*/
label {
display:inline-block;
padding: 1em;
background: #faf;
}
@derekjohnson
derekjohnson / registration.html
Created June 5, 2012 22:49
Form with two submit buttons using HTML5
<!doctype html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8">
<title>DEMO - Form with two submit buttons using HTML5</title>
<meta name="viewport" content="width=device-width">
</head>
<body>
<h1>Registration</h1>
@derekjohnson
derekjohnson / dabblet.css
Created August 3, 2012 16:27
col
/**
* col
*/
.first {background:red}
.last {background: blue}
@derekjohnson
derekjohnson / resize-monitor.js
Last active December 14, 2015 05:38
Small snippet to log an event in Google Analytics when a browser window is resized. It's often assumed designers and developers are the only people who resize the browser to see responsive web design in action. Let's test that assumption.
if(window.addEventListener) { // correlates with media query support
var timer = false
, resize_monitor = function() {
if(timer) {
clearTimeout(timer);
}
timer = setTimeout(function() { _gaq.push(['_trackEvent', 'Resize', 'Resize', 'Resized']); }, 100);
// or log a pageview on a non-existant page if you prefer
@derekjohnson
derekjohnson / markers.js
Last active December 14, 2015 05:59
Add markers to text to easily see line length when prototyping layouts.
(function(doc){
if(doc.querySelectorAll) { // This only works in IE 8+
var copy = doc.querySelectorAll('.string') // Element(s) with class="string" need to be in markup
, i = 0
, ii = copy.length
, replace_at = function(text, index, char) {
return text.substr(0, index) + char + text.substr(index + 1);
}
;
@derekjohnson
derekjohnson / form.html
Last active December 23, 2015 19:09
Hide form labels visually when placeholder is supported. (Shows both in Blackberry OS 5 and under, placeholder support absent from <textarea> in Android 2.3)
<form>
<label class="js-placeholded" for="first-name">First name</label>
<input type="text" required aria-required="true" placeholder="First name" id="first-name">
<label class="js-placeholded" for="last-name">Last name</label>
<input type="text" required aria-required="true" placeholder="Last name" id="last-name">
<label class="js-placeholded" for="telephone">Telephone</label>
<input type="tel" required aria-required="true" placeholder="Telephone" id="telephone">