Skip to content

Instantly share code, notes, and snippets.

ruedap ruedap

Block or report user

Report or block ruedap

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
@ruedap
ruedap / SassMeister-input-HTML.haml
Created Jan 27, 2015
Generated by SassMeister.com.
View SassMeister-input-HTML.haml
.block
.block__element foo
.is--responsive
.block
.block__element bar
View daplog-edjo.css
html {
font-family: sans-serif;
}
html {
-ms-text-size-adjust: 100%;
}
html {
-webkit-text-size-adjust: 100%;
@ruedap
ruedap / gist:af5647f29bba99abfa9d
Last active Aug 29, 2015
Sass for media queries
View gist:af5647f29bba99abfa9d
$mq-min-width-mobile: null;
$mq-min-width-tablet: 768px;
$mq-min-width-desktop: 992px;
$mq-min-breakpoints: (
mobile: $mq-min-width-mobile,
tablet: $mq-min-width-tablet,
desktop: $mq-min-width-desktop
);
@ruedap
ruedap / SassMeister-input-HTML.haml
Last active Aug 29, 2015
Generated by SassMeister.com.
View SassMeister-input-HTML.haml
%ul.List
%li.List-item.List-item--active 1
%li.List-item 2
%li.List-item 3
@ruedap
ruedap / switch-button.png
Last active Aug 29, 2015
Switch Button CSS
View switch-button.png
.switch-button
.switch-button__button.is-active Type A
.switch-button__button Type B
.switch-button__button Type C
@ruedap
ruedap / gist:fb404d8cf8d2d4cc5775
Last active Aug 29, 2015
CSS3 custom radio button
View gist:fb404d8cf8d2d4cc5775
input[type=radio] {
display: none;
& + label {
position: relative;
padding-left: 24px;
cursor: pointer;
&::before,
&::after {
View D3Example.js.coffee
class D3Example
constructor: (@selector, width, height, @margin, hasBorder) ->
@margin = top: 20, right: 20, bottom: 20, left: 20 unless @margin
@el = @defineRootElement(@selector, +width, +height, @margin, hasBorder)
defineRootElement: (selector, width, height, margin, hasBorder) =>
@width = width - margin.left - margin.right
@height = height - margin.top - margin.bottom
d3.select(selector)
@ruedap
ruedap / untitled.rb
Last active Aug 29, 2015
Convert to .jpg from .png using RMagick
View untitled.rb
require 'pathname'
require 'rmagick'
images = Dir['*.png']
images.each {|image| i = Magick::Image.read(image).first; i.write(Pathname(image).sub_ext('.jpg')) { self.format='JPEG'; self.quality=80; }}
@ruedap
ruedap / test.js.coffee
Last active Aug 29, 2015
D3 example: basic bar chart with frame border
View test.js.coffee
class D3Example
constructor: (@selector, width, height, @margin) ->
@el = @defineRootElement(@selector, +width, +height, @margin)
defineRootElement: (selector, width, height, margin) =>
@width = width - margin.left - margin.right
@height = height - margin.top - margin.bottom
d3.select(selector)
.append('svg')
.attr('width', width)
@ruedap
ruedap / test.js.coffee
Created Apr 11, 2014
D3 example: basic bar chart
View test.js.coffee
class D3Example
constructor: (@selector, width, height, @margin) ->
@el = @defineRootElement(@selector, +width, +height, @margin)
defineRootElement: (selector, width, height, margin) =>
@width = width - margin.left - margin.right
@height = height - margin.top - margin.bottom
d3.select(selector)
.append('svg')
.attr('width', width)
You can’t perform that action at this time.