Skip to content

Instantly share code, notes, and snippets.

View max's full-sized avatar
🏔️

Max Schoening max

🏔️
607 followers · 146 following
View GitHub Profile
@max
max / gist:2937091
Created June 15, 2012 15:38

  1. I have the domain webbaseddocumentmanagementsoftware.com for sale for $275.

  2. Dearest one,

Grace and peace be multiplied unto you.

  1. > I know my mail might be a surprise to you but never mind 'cause I'm contacting you in good faith.
@max
max / parent-selector.css
Created June 27, 2012 18:51
$.container > .large-button {
width: 100%;
}
@max
max / index.html
Created July 24, 2012 01:30
A web page created at CodePen.io.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>CodePen &middot; A Pen by max</title>
<!--
Copyright (c) 2012 Maximilian Schoening, http://codepen.io/max
Permission is hereby granted, free of charge, to any person obtaining
@max
max / index.html
Created July 24, 2012 01:30
A web page created at CodePen.io.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>CodePen &middot; A Pen by max</title>
<!--
Copyright (c) 2012 Maximilian Schoening, http://codepen.io/max
Permission is hereby granted, free of charge, to any person obtaining
@max
max / gist:4374917
Created December 25, 2012 19:13
A Viso animation prototype with Framer
<!doctype html>
<title>Simple Image Zooming for Viso</title>
<script src="http://www.framerjs.com/static/js/framer.js?123"></script>
<script>
window.onload = function() {
// Render a simple browser window
browser = new ImageView({
x: 20, y: 20,
@max
max / gist:5708466
Created June 4, 2013 18:54
Flat UI Colors as Sass variables
// I needed flatuicolors.com as Sass variables...
// In your console, run:
$('.color').get().map(function(el) { return "$" + el.classList[1] + ": " + el.getAttribute('data-clipboard-text') + ';' }).join('\r\n');
// Output:
// $turquoise: #1abc9c;
// $emerland: #2ecc71;
// $peter-river: #3498db;
// $amethyst: #9b59b6;
// $wet-asphalt: #34495e;
@max
max / gist:5824480
Last active December 18, 2015 18:19

Designing in s/Photoshop/Code

Would you be interested in a workshop at Heroku to learn more about one or all of these things:

  • Using Framer.js to breathe life into your static comps
  • Building prototypes with fake/real data in HTML/CSS, and a minimum of Javascript (Angular.JS)
  • Prototyping native iOS and OS X apps in code
  • Running prototypes/static apps on Heroku to share them with your team

All of these workshops would be for designers with rudimentary web design skills. Aka these things are meaningful to you:

@max
max / gist:6077009
Created July 25, 2013 04:57

Sometimes you just want to base 64 encode an image or a font file:

function 64enc() {
  openssl base64 -in $1 | awk -v ext="${1#*.}" '{ str1=str1 $0 }END{ print "background:url(data:image/"ext";base64,"str1");" }'|pbcopy
	echo "$1 encoded to clipboard"
}



  


  




    


          
    

      

        
        

          

              @max
          

          

            
                max
                / gist:6453089
            
            

              Created
              September 5, 2013 17:05
            

          

        

      

        

  

    
    


        



  


  

        

          
          @mixin page-heading() {
        

        

          
            // Page headers include a background texture refactored into a reusable mixin
        

        

          
            @include background-texture();
        

        

          
            background: purple;
        

        

          
            font-size: 16px;
        

        

          
          }
        

        

          
          

        

        

          
          @mixin primary-heading() {
        

        

          
            color: red;
        

        

          
            font-size: 24px;
        

  





    


  




    


          
    

      

        
        

          

              @max
          

          

            
                max
                / gist:6458746
            
            

              Last active
              December 22, 2015 10:28
            

          

        

      

        

  

    
    


        



  


  

        

          
          #!/usr/bin/env ruby -wKU
        

        

          
          

        

        

          
          

        

        

          
          # A TextExpander snippet to make CloudApp's share URLs SSL friendly
        

        

          
          # 1. Upload a file to CloudApp (http://cl.ly/image/2g0a3Q2G3g09)
        

        

          
          # 2. Trigger this TextExpander snippet with the share URL in your clipboard
        

        

          
          # 3. Have the share URL replaced with a Markdown image using an SSL URL
        

        

          
          #    (https://s3.amazonaws.com/f.cl.ly/items/1A2b1m1K1S1d442l202u/Image%202013-09-06%20at%2010.24.06%20AM.png)