Skip to content

Instantly share code, notes, and snippets.

View clintfisher's full-sized avatar

Clint Fisher clintfisher

4 followers · 8 following
  • Los Angeles Times
  • Los Angeles
View GitHub Profile
@chrissimpkins
chrissimpkins / gist:5bf5686bae86b8129bee
Last active March 6, 2023 00:10
Atom Editor Cheat Sheet: macOS

Use these rapid keyboard shortcuts to control the GitHub Atom text editor on macOS.

Key to the Keys

  • ⌘ : Command key
  • ⌃ : Control key
  • ⌫ : Delete key
  • ← : Left arrow key
  • → : Right arrow key
  • ↑ : Up arrow key
@chantastic
chantastic / on-jsx.markdown
Last active May 30, 2024 13:11
JSX, a year in

Hi Nicholas,

I saw you tweet about JSX yesterday. It seemed like the discussion devolved pretty quickly but I wanted to share our experience over the last year. I understand your concerns. I've made similar remarks about JSX. When we started using it Planning Center, I led the charge to write React without it. I don't imagine I'd have much to say that you haven't considered but, if it's helpful, here's a pattern that changed my opinion:

The idea that "React is the V in MVC" is disingenuous. It's a good pitch but, for many of us, it feels like in invitation to repeat our history of coupled views. In practice, React is the V and the C. Dan Abramov describes the division as Smart and Dumb Components. At our office, we call them stateless and container components (view-controllers if we're Flux). The idea is pretty simple: components can't

@yoavniran
yoavniran / ultimate-ut-cheat-sheet.md
Last active June 1, 2024 09:44
The Ultimate Unit Testing Cheat-sheet For Mocha, Chai, Sinon, and Jest
@apfelbox
apfelbox / Article.md
Created March 11, 2015 10:56
Improved double ampersand mixin for Sass

The double ampersand -- or as A list apart called it "lobotomized owl selector" -- is a CSS rule that looks like the following:

* + * {
	/* some declarations */
}

You can also use it with a specific selector:




  


  




    


          
    

      

        
        

          

              @ericandrewlewis
          

          

            
                ericandrewlewis
                / index.htm
            
            

              Last active
              August 29, 2015 14:10
                — forked from rapidrapids/4095.css
            

              
                A test for IE9 to clarify that IE9 has a 4095 selector limit, not rules or rulesets.
              
          

        

      

        

  

    
    


        



  


  

        

          
          <!doctype html>
        

        

          
          <html>
        

        

          
          	<head>
        

        

          
          		<meta charset="utf-8" />
        

        

          
          		<title>Selector test</title>
        

        

          
          		<link rel="stylesheet" href="test.css" />
        

        

          
          		<link rel="stylesheet" href="test2.css" />
        

        

          
          		<link rel="stylesheet" href="test3.css" />
        

        

          
          	</head>
        

        

          
          	<body>
        

  





    


  




    


          
    

      

        
        

          

              @clintfisher
          

          

            
                clintfisher
                / minimal-template-SassMeister-input.scss
            
            

              Last active
              August 29, 2015 14:05
            

              
                Generated by SassMeister.com.
              
          

        

      

        

  

    
    


        



  


  

        

          
          // ----
        

        

          
          // Sass (v3.4.1)
        

        

          
          // Compass (v1.0.1)
        

        

          
          // ----
        

        

          
          

        

        

          
          // where to set the default
        

        

          
          // Style shared component or Foundation?
        

        

          
          $is-minimal-template: false !default;
        

        

          
          

        

        

          
          // where to set this
        

  





    


  




    


          
    

      

        
        

          

              @octocat
          

          

            
                octocat
                / .gitignore
            
            

              Created
              February 27, 2014 19:38
            

              
                Some common .gitignore configurations
              
          

        

      

        

  

    
    


        



  


  

        

          
          # Compiled source #
        

        

          
          ###################
        

        

          
          *.com
        

        

          
          *.class
        

        

          
          *.dll
        

        

          
          *.exe
        

        

          
          *.o
        

        

          
          *.so
        

        

          
          

        

        

          
          # Packages #
        

  





    


  




    


          
    

      

        
        

          

              @evanscottgray
          

          

            
                evanscottgray
                / docker_kill.sh
            
            

              Last active
              November 7, 2023 03:40
            

              
                kill all docker containers at once...
              
          

        

      

        

  

    
    


        



  


  

        

          
          docker ps | awk {' print $1 '} | tail -n+2 > tmp.txt; for line in $(cat tmp.txt); do docker kill $line; done; rm tmp.txt
        

  





    


  




    


          
    

      

        
        

          

              @jgarber623
          

          

            
                jgarber623
                / _profile-links.scss
            
            

              Created
              October 14, 2013 22:21
            

              
                Sass 3.3 adds a new SassScript Maps feature that's super handy.
              
          

        

      

        

  

    
    


        



  


  

        

          
          // Define those colors.
        

        

          
          

        

        

          
          $profiles: (
        

        

          
          	bandcamp: #4e9bac,
        

        

          
          	delicious: #248cff,
        

        

          
          	facebook: #3b5998,
        

        

          
          	ficly: #b51c2c,
        

        

          
          	flickr: #0063db,
        

        

          
          	github: #4183c4,
        

        

          
          	googleplus: #dd4b39,
        

  





    


  




    


          
    

      

        
        

          

              @chrisjlee
          

          

            
                chrisjlee
                / media-queries.scss
            
            

              Last active
              January 6, 2024 12:36
            

              
                All Media Queries breakpoints
              
          

        

      

        

  

    
    


        



  


  

        

          
          @media (min-width:320px) { /* smartphones, portrait iPhone, portrait 480x320 phones (Android) */ }
        

        

          
          @media (min-width:480px) { /* smartphones, Android phones, landscape iPhone */ }
        

        

          
          @media (min-width:600px) { /* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */ }
        

        

          
          @media (min-width:801px) { /* tablet, landscape iPad, lo-res laptops ands desktops */ }
        

        

          
          @media (min-width:1025px) { /* big landscape tablets, laptops, and desktops */ }
        

        

          
          @media (min-width:1281px) { /* hi-res laptops and desktops */ }