Skip to content

Instantly share code, notes, and snippets.

Avatar
💭
Making things.

Cristina Solana CristinaSolana

💭
Making things.
View GitHub Profile
@CristinaSolana
CristinaSolana / gist:1885435
Created Feb 22, 2012
Keeping a fork up to date
View gist:1885435

1. Clone your fork:

git clone git@github.com:YOUR-USERNAME/YOUR-FORKED-REPO.git

2. Add remote from original repository in your forked repository:

cd into/cloned/fork-repo
git remote add upstream git://github.com/ORIGINAL-DEV-USERNAME/REPO-YOU-FORKED-FROM.git
git fetch upstream
@CristinaSolana
CristinaSolana / SCSS Mixin for rem + px fallback on multiple properties and property lists
Last active Mar 11, 2020
SCSS Mixin for rem + px fallback on multiple properties and property lists
View SCSS Mixin for rem + px fallback on multiple properties and property lists
// Global Vars
$basefontsize: 16 !default;
// Mixins
// input pixel value unitless: 8 vs 8px
// ex. @include rem(padding, 8 12 16 24)
@mixin rem($property, $px: $basefontsize) {
View cloudinary-x-picture
<picture>
<source media="(min-width: 1200px)"
srcset="https://res.cloudinary.com/demo/image/upload/c_scale,w_900,dpr_auto,f_auto/sample.jpg">
<source media="(min-width: 900px)"
srcset="https://res.cloudinary.com/demo/image/upload/c_scale,w_600,dpr_auto,f_auto/sample.jpg">
<img src="https://res.cloudinary.com/demo/image/upload/c_scale,w_300,dpr_auto,f_auto/sample.jpg">
</picture>
View intersection-observer-api-example
const options = {
root: null, // use null for viewport
rootMargin: '0px',
threshold: 1.0
};
const observer = new IntersectionObserver(callback, options);
const target = document.querySelector('#someSection');
observer.observe(target);
View hero-graphql-query-response
[
{
"id": 1009189,
"name": "Black Widow",
"description": "",
"thumbnail": {
"path": "http://i.annihil.us/u/prod/marvel/i/mg/f/30/50fecad1f395b",
"extension": "jpg"
},
"resourceURI": "http://gateway.marvel.com/v1/public/characters/1009189",
View hero-collection
[
{
"id": 1009189,
"name": "Black Widow",
"description": "",
"modified": "2016-01-04T18:09:26-0500",
"thumbnail": {
"path": "http://i.annihil.us/u/prod/marvel/i/mg/f/30/50fecad1f395b",
"extension": "jpg"
},
View hero-graphql-query
{
id
name
description
thumbnail
resourceURI
}
@CristinaSolana
CristinaSolana / index.html
Created Feb 20, 2013
Simple Responsive Grid - Simple SASS mixin generating a grid with nesting and offseting enabled for super quick prototypes. To do: properly clear first in row A CodePen by Cristina Solana
View index.html
<div class="container">
<header>
<code>
.mod--foo {
@include column-span(6, 3);
}
<br>// $column-count, $offset[optional]
<br>// To do: properly clear first in row
</code>
@CristinaSolana
CristinaSolana / application.js.coffee
Created Oct 12, 2011 — forked from ddemaree/application.js.coffee
Simple Google Maps API v3 integration in CoffeeScript, with non-JS Static Maps fallback
View application.js.coffee
#= require jquery
#= require jquery_ujs
#= require lib/modernizr
#= require lib/jquery.lettering
#= require_tree .
$ ->
$('*[data-googlemap]').googleMap()
true
View Electron Tracker (Adafruit_GPS.h)
/***********************************
This is the Adafruit GPS library - the ultimate GPS library
for the ultimate GPS module!
Tested and works great with the Adafruit Ultimate GPS module
using MTK33x9 chipset
------> http://www.adafruit.com/products/746
Pick one up today at the Adafruit electronics shop
and help support open source hardware & software! -ada
You can’t perform that action at this time.