Skip to content

Instantly share code, notes, and snippets.

View kenwoodworth's full-sized avatar

kenwoodworth

5 followers · 0 following
View GitHub Profile
@kenwoodworth
kenwoodworth / Red Circle
Created April 23, 2015 13:31
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 30 30" style="enable-background:new 0 0 30 30;" xml:space="preserve">
<style type="text/css">
.primary{fill:#FF0000;}
.secondary{fill:#00FF00;}
</style>
<circle class="primary" cx="15" cy="15" r="10"/>
@kenwoodworth
kenwoodworth / Design Smarter, Not Harder - Resources & Links.md
Last active December 18, 2015 21:09
A collection of links from my talk, Design Smarter, Not Harder
@kenwoodworth
kenwoodworth / Pseudo Before Icon
Created October 11, 2012 21:34
A mixin to dynamically generate ::before syntax for icons.
@mixin before-icon($icon, $icon-hover:false) {
position: relative;
z-index: 1;
&:before {
content: '';
@extend .icon-#{$icon};
display: block;
height: icon-sprite-height($icon);
left: 0;
@kenwoodworth
kenwoodworth / DesigningInterfacesLinks.txt
Created August 23, 2012 08:40
A collection of links from Designing and Implementing Beautiful, Flexible Interfaces
@kenwoodworth
kenwoodworth / BlendedButtons.scss
Created August 22, 2012 12:25
An example of a button style that adapts to a base color using the overlay blend-mode to adjust colors for effects.
$button-color: #ff6600;
%button-base {
@include adjust-font-size-to(14px, 1.5);
@include inline-block;
@include border-radius(6px);
font-weight: bold;
padding: 3px 30px;
position: relative;
text-decoration: none;