Skip to content

Instantly share code, notes, and snippets.

View devpato's full-sized avatar
🕺
dancing at the rhythm of typing

Pato devpato

🕺
dancing at the rhythm of typing
387 followers · 551 following
View GitHub Profile
@jareware
jareware / SCSS.md
Last active May 19, 2024 14:03
Advanced SCSS, or, 16 cool things you may not have known your stylesheets could do

⇐ back to the gist-blog at jrw.fi

Advanced SCSS

Or, 16 cool things you may not have known your stylesheets could do. I'd rather have kept it to a nice round number like 10, but they just kept coming. Sorry.

I've been using SCSS/SASS for most of my styling work since 2009, and I'm a huge fan of Compass (by the great @chriseppstein). It really helped many of us through the darkest cross-browser crap. Even though browsers are increasingly playing nice with CSS, another problem has become very topical: managing the complexity in stylesheets as our in-browser apps get larger and larger. SCSS is an indispensable tool for dealing with this.

This isn't an introduction to the language by a long shot; many things probably won't make sense unless you have some SCSS under your belt already. That said, if you're not yet comfy with the basics, check out the aweso

@staltz
staltz / introrx.md
Last active June 26, 2024 10:24
The introduction to Reactive Programming you've been missing
@basicavisual
basicavisual / index.html
Created December 5, 2015 18:29
Mexico GeoJson demo
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Entidades mexicanas.</title>
<script type="text/javascript" src="http://d3js.org/d3.v3.js"></script>
<style type="text/css">
body {
margin: 0;
background-color: #2B2B2B;
@raphaellondner-mongodb
raphaellondner-mongodb / lambda-mongodb-example
Last active March 11, 2020 02:37
MongoDB-Lambda-Example
'use strict'
const AWS = require('aws-sdk');
var MongoClient = require('mongodb').MongoClient;
let atlas_connection_uri;
exports.handler = (event, context, callback) => {
var uri = process.env['MONGODB_ATLAS_CLUSTER_URI'];
if (atlas_connection_uri != null) {
@slavafomin
slavafomin / 0-README.md
Last active March 15, 2023 13:35
Angular 2 match other field validator / Password match validator

Angular 2 match other field validator

This custom validator for Angular 4 allows you to have fields that must be equal to some other fields. Such validator is very useful for password confirmation validation, for example.

Besides checking if two values are matching, it also subscribes to changes from other control and re-validates when either of two controls is updated.

Usage




  


  




    


          
    

      

        
        

          

              @peterbsmyth
          

          

            
                peterbsmyth
                / recipe.example.md
            
            

              Last active
              May 21, 2020 13:39
            

              
                Making chained API Calls using @ngrx/Effects
              
          

        

      

        

  

      

    
Making chained API Calls using @ngrx/Effects


Purpose


This recipe is useful for cooking up chained API calls as a result of a single action.


Description


In the below example, a single action called POST_REPO is dispatched and it's intention is to create a new repostiory on GitHub then update the README with new data after it is created.

For this to happen there are 4 API calls necessary to the GitHub API:


    

  1. POST a new repostiry
    2. 

  2. GET the master branch of the new repository
    3. 

  3. GET the files on the master branch
    4. 




  


  




    


          
    

      

        
        

          

              @bakoushin
          

          

            
                bakoushin
                / sw-await.js
            
            

              Created
              February 1, 2018 08:12
            

              
                Service Worker: Promises vs Async/Await
              
          

        

      

        

  

    
    


        



  


  

        

          
          const version = 1;
        

        

          
          const appPrefix = 'myApp-';
        

        

          
          const staticCacheName = appPrefix + 'static-v' + version;
        

        

          
          const imagesCacheName = appPrefix + 'content-imgs';
        

        

          
          var allCaches = [
        

        

          
            staticCacheName,
        

        

          
            imagesCacheName
        

        

          
          ];
        

        

          
          

        

        

          
          self.addEventListener('message', event => {
        

  





    


  




    


          
    

      

        
        

          

              @JamieMason
          

          

            
                JamieMason
                / group-objects-by-property.md
            
            

              Created
              September 14, 2018 07:38
            

              
                Group Array of JavaScript Objects by Key or Property Value
              
          

        

      

        

  

      

    
Group Array of JavaScript Objects by Key or Property Value


Implementation


const groupBy = key => array =>
  array.reduce((objectsByKeyValue, obj) => {
    const value = obj[key];
    objectsByKeyValue[value] = (objectsByKeyValue[value] || []).concat(obj);
    return objectsByKeyValue;



  


  




    


          
    

      

        
        

          

              @PsyGik
          

          

            
                PsyGik
                / onesingal.service.ts
            
            

              Created
              November 24, 2018 06:49
            

              
                OneSignal Angular TypeScript
              
          

        

      

        

  

    
    


        



  


  

        

          
          import {Injectable} from '@angular/core';
        

        

          
          import {Cache} from '../utils/storage.provider'; // Decorator to access local storage
        

        

          
          

        

        

          
          let OneSignal;
        

        

          
          

        

        

          
          const url = '';
        

        

          
          

        

        

          
          @Injectable()
        

        

          
          export class OneSignalService {
        

        

          
              @Cache({pool: 'OneSignal'}) oneSignalInit; // to check if OneSignal is already initialized. 
        

  





    


  




    


          
    

      

        
        

          

              @tatianamac
          

          

            
                tatianamac
                / tatiana-mac-speaker-rider.md
            
            

              Last active
              March 24, 2024 12:22
            

              
                Tatiana Mac's Speaker Rider
              
          

        

      

        

  

      

    
Speaker Rider


by Tatiana Mac


Last updated 14 April 2021


What is a speaker rider?


As speaking comes with immense privilege, I have crafted a speaker rider to set expectations and boundaries around my engagement. I am grateful to all the conference organisers who have brilliantly hosted me. I would love to continue to exercise this privilege to speak at conferences, and use this privilege to make the landscape more accessible and beneficial to tech's most historically excluded and marginalised communities.


Considerations


😫 I provide a lot of explanations for those of you who never had to consider these things. Most thoughtful conferences I've attended check most of these boxes intrinsically, particularly when conference runners are experienced speakers. They get it.