Skip to content

Instantly share code, notes, and snippets.

Joseph Turner joseph-turner

  • Accenture Interacive
  • Idaho
Block or report user

Report or block joseph-turner

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
View regex.txt
Find colors (hex, rgb(a), hsl(a))
#[a-fA-F0-9]{3,6}(\s|$|;)|(rgb|hsl)(a)?\((.*)\)
View CSS-Selects.markdown
@joseph-turner
joseph-turner / flexbox-mixin.scss
Created May 29, 2013
Flexbox SASS mixin (Compass required) Implementation based on Chris Coyier's article: Using Flexbox: Mixing Old and New for the Best Browser Support (http://css-tricks.com/using-flexbox/)
View flexbox-mixin.scss
// ==================================================================
// Flexbox
//
// Implementation based on Chris Coyier's article:
// Using Flexbox: Mixing Old and New for the Best Browser Support || http://css-tricks.com/using-flexbox/
// ==================================================================
// Flexbox Context (applied to container element of flex items)
@mixin flex-display {
@include experimental-value(display, box, -moz, -webkit, not -o, -ms, not -khtml, official); // Old
@joseph-turner
joseph-turner / index.html
Created May 15, 2013
A CodePen by Joseph Turner.
View index.html
<body>
<div class="filler-content">
<p>body filler content...</p>
<p>more content...</p>
<p>more content...</p>
</div>
<footer>
View analytics.js
<!-- Google Analytics -->
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-XXXX-Y');
ga('send', 'pageview');
@joseph-turner
joseph-turner / google-cdn.jquery.html
Created Apr 15, 2013
Loading jQuery from google with local fallback.
View google-cdn.jquery.html
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.9.1.min.js"><\/script>')</script>
View multi-border.scss
// Mixin for multiple borders
$default-inner-border-width: 5px !default;
$default-inner-border-color: red !default;
$default-middle-border-width: 5px !default;
$default-middle-border-color: green !default;
$default-outer-border-width: 5px !default;
$default-outer-border-color: blue !default;
@mixin multi-border(
$inner-border-width: $default-inner-border-width,
$inner-border-color: $default-inner-border-color,
View quotes.scss
q {
quotes: "" "" "" "";
&:before {
content: open-quote;
}
&:after {
content: close-quote;
}
View clearfix.scss
// Clearfix (add or extend this class on elements containing floated elements)
.cf {
zoom: 1;
&:before,
&:after {
content: '';
display: table;
}
&:after {
clear: both;
You can’t perform that action at this time.