⌘T | go to file |
⌘⌃P | go to project |
⌘R | go to methods |
⌃G | go to line |
⌘KB | toggle side bar |
⌘⇧P | command prompt |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// ---- | |
// Sass (v3.3.8) | |
// Compass (v1.0.0.alpha.19) | |
// ---- | |
%icon-base-styles { | |
display: inline-block; | |
font-family: "icons"; | |
font-style: normal; | |
font-weight: normal; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// | |
// Grid Columns | |
// | |
// A mixin to help make Foundation's grid-column mixin easier | |
// to use when specifying multiple media quries/screen sizes | |
@mixin grid-columns( | |
// Mobile First Media Queries | |
$small-up-screens: false, | |
$medium-up-screens: false, |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Options +FollowSymLinks -MultiViews | |
# Turn mod_rewrite on | |
RewriteEngine On | |
RewriteBase / | |
RewriteCond %{HTTP_HOST} ^macbleser.dev$ [NC] | |
RewriteCond %{HTTPS} off | |
RewriteRule ^ http://macbleser.dev:2368%{REQUEST_URI} [P,QSA,L] |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
#!/bin/bash | |
# | |
# This script configures WordPress file permissions based on recommendations | |
# from http://codex.wordpress.org/Hardening_WordPress#File_permissions | |
# | |
# Author: Michael Conigliaro | |
# | |
WP_OWNER=changeme # <-- wordpress owner | |
WP_GROUP=changeme # <-- wordpress group | |
WP_ROOT=/home/changeme # <-- wordpress root directory |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<?php | |
//encryption | |
$secrets['auth_key'] = ''; | |
$secrets['secure_auth_key'] = ''; | |
$secrets['logged_in_key'] = ''; | |
$secrets['nonce_key'] = ''; | |
$secrets['auth_salt'] = ''; | |
$secrets['secure_auth_salt'] = ''; |
Curious as to how the browser would react to several hundred media queries, I decided to create this experiment.
In order to demonstrate each individual media query, I found a list of over 1,000 unique colors to use to apply a unique background color to each media query. To make sure the text color is readable on top of any given background color, I am using Sass to return the complementary color of the background color.
The first media query kicks in at min-width: 320px, and each new media query thereafter increments by 1px. This continues all the way up to min-width: 1400px.
Resize your the preview window and watch the colors change as the media queries kick in!
A Pen by Mac Bleser on CodePen.