Skip to content

Instantly share code, notes, and snippets.

💭
Making things.

Cristina Solana CristinaSolana

💭
Making things.
Block or report user

Report or block CristinaSolana

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
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 Jan 9, 2019
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.