Skip to content

Instantly share code, notes, and snippets.

Avatar
💭
Making things.

Cristina Solana CristinaSolana

💭
Making things.
View GitHub Profile
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-graphql-query
{
id
name
description
thumbnail
resourceURI
}
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 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
View Electron tracker (Adafruit_GPS.cpp)
/***********************************
This is our GPS library
Adafruit invests time and resources providing this open source code,
please support Adafruit and open-source hardware by purchasing
products from Adafruit!
Written by Limor Fried/Ladyada for Adafruit Industries.
BSD license, check license.txt for more information
All text above must be included in any redistribution
View Electron tracker (parse.ino)
// This #include statement was automatically added by the Spark IDE.
#include "Adafruit_GPS.h"
#include <math.h>
#define mySerial Serial1
Adafruit_GPS GPS(&mySerial);
// Set GPSECHO to 'false' to turn off echoing the GPS data to the Serial console
@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) {
@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>