Skip to content

Instantly share code, notes, and snippets.

View bloqhead's full-sized avatar

Daryn St. Pierre bloqhead

View GitHub Profile
@bloqhead
bloqhead / Preferences.sublime-settings
Created February 11, 2014 19:15
My Sublime settings as of Feb 11, 2014.
{
"bold_folder_labels": true,
"caret_style": "phase",
"color_scheme": "Packages/Theme - Spacegray/base16-ocean.dark.tmTheme",
"draw_minimap_border": true,
"ensure_newline_at_eof_on_save": false,
"fade_fold_buttons": false,
"file_exclude_patterns":
[
"*.pyc",
@bloqhead
bloqhead / clear_text.scss
Last active August 29, 2015 13:56
Make text sharp.
@mixin smoothtext {
text-rendering: optimizeLegibility;
text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
font-smoothing: antialiased;
}
<!-- Favicon -->
<link rel="icon" type="image/x-icon" href="favicon.png"> <!-- or favicon.ico -->
<!-- Apple -->
<link rel="apple-touch-icon" sizes="57x57" href="AppIcon57x57.png" />
<link rel="apple-touch-icon" sizes="114x114" href="AppIcon57x57@2x.png" />
<link rel="apple-touch-icon" sizes="72x72" href="AppIcon72x72.png" />
<link rel="apple-touch-icon" sizes="144x144" href="AppIcon72x72@2x.png" />
<!-- IE8 -->
@bloqhead
bloqhead / gravatar.coffee
Created March 3, 2014 23:09
Bones Theme Gravatar script in Coffeescript
if $(window).width() >= 768
$(".comment img[data-gravatar]").each ->
$(@).attr "src", $(@).attr("data-gravatar")
return
@bloqhead
bloqhead / category_list.php
Created March 11, 2014 17:48
Simple category list for WP posts.
<p>
<span class="tags">
<?php
$category_list = get_the_category_list( __( ', ', 'theme_name' ) );
echo ( ( $category_list && !empty( $category_list ) ) ? ' in ' . $category_list : '');
?>
</span>
</p>
@bloqhead
bloqhead / test-shit.css
Last active August 29, 2015 13:57
make divs ugly for testing!!!!!!!!!!!!!
div[class], div[id] {
outline-width: 1px;
outline-style: dashed;
}
div[class] {
outline-color: red;
}
div[id] {
/**
Usage:
form {
@include placeholdercolor(#000);
}
*/
@mixin placeholdercolor($color) {
@bloqhead
bloqhead / social-icons.html
Last active August 29, 2015 13:58
Social icon colors.
<!-- applies color to inline <i> elements -->
<p><i class="icon-instagram"></i> We're on Instagram!</p>
<!-- and applies to list class <a> elements -->
<ul class="social">
<li class="facebook"><a href="#"><i class="icon-facebook"></i> <span>Facebook</span></a></li>
<li class="twitter"><a href="#"><i class="icon-twitter"></i> <span>Twitter</span></a></li>
<li class="instagram"><a href="#"><i class="icon-instagram"></i> <span>Instagram</span></a></li>
<li class="youtube"><a href="#"><i class="icon-youtube"></i> <span>YouTube</span></a></li>
<li class="pinterest"><a href="#"><i class="icon-pinterest"></i> <span>Pinterest</span></a></li>
@bloqhead
bloqhead / modular-alerts.scss
Last active August 29, 2015 13:58
MODULERTS!
/**
* Colors and Settings
*/
$alert-adjust: 10%;
$alert-offset: 13;
$link-adjust: 15;
$hover-adjust: 8;
$trans-type: color;
$trans-duration: 0.2s;
@bloqhead
bloqhead / 0_reuse_code.js
Created April 17, 2014 16:22
Here are some things you can do with Gists in GistBox.
// Use Gists to store code you would like to remember later on
console.log(window); // log the "window" object to the console