Skip to content

Instantly share code, notes, and snippets.

View madetech-com's full-sized avatar

Derek McMade madetech-com

View GitHub Profile
@madetech-com
madetech-com / streamline-imports.scss
Last active August 29, 2015 14:26
@import 'file/with/mixins';
@import 'file/with/functions';
@import 'file/with/settings';
// Becomes
@import 'file/with/mixins_functions_and_settings';
@madetech-com
madetech-com / Leverage-sprockets.md
Last active August 29, 2015 14:26

The first application.scss.css

/*
 *= @import reset;
 *= @import 'components/**/*';
 *= @import 'pages/**/*';
 */
@madetech-com
madetech-com / third-party-imports.scss
Created July 31, 2015 09:49
@import "compass/css3/appearance";
@import "compass/css3/background-size";
@import "compass/css3/border-radius";
@import "compass/css3/box-shadow";
@import "compass/css3/inline-block";
@import "compass/css3/font-face";
@import "compass/css3/opacity";
@import "compass/css3/text-shadow";
@import "compass/css3/transform/";
@import "compass/css3/transition/";
@madetech-com
madetech-com / cars.md
Created September 3, 2015 13:03
Language Vehicle Reason
GoLang Tesla The future, but want somebody I know to buy one first
Haskell Batmobile Looks awesome but you'll never figure out how to drive it
Java Hummer Uses way more resources than is strictly necessary
Perl Classic Mini A classic that has influenced many cars, but not practical for 2015
PHP Fiat Multipla Ugly, nobody wants to be seen driving this
Ruby Smart Car Practical design. Will get you around the city fast, but not great on motorways
Python VW Golf Solid. Reliable. Middle of the road.
@madetech-com
madetech-com / checkout_enhancement.html
Created October 1, 2015 09:42
<!-- Bad -->
<input type="text" />
<!-- Good -->
<input type="text" pattern="[0-9]" />
@madetech-com
madetech-com / srp1.html
Created October 6, 2015 13:49
<gallery title="Holiday">
<img src="beach.jpg">
<img src="sunset.jpg">
<img src="city.jpg">
</gallery>
@madetech-com
madetech-com / srp2.html
Created October 6, 2015 13:49
<template name="gallery">
<style>
section {
padding: 10px;
background: #333;
}
.images img {
display: none;
}
@madetech-com
madetech-com / srp3.js
Created October 6, 2015 13:51
class Comment {
styles = {
username: {
fontWeight: 'bold',
paddingRight: '10px',
},
comment: {
color: '#444',
},
};
@madetech-com
madetech-com / srp4.html
Created October 6, 2015 13:52
<Comment props={{ username: 'richard', comment: 'React!' }} />
@madetech-com
madetech-com / srp5.html
Created October 6, 2015 13:52
<link rel="import" href="/components/gallery.html">
<gallery />