Skip to content

Instantly share code, notes, and snippets.

View robrez's full-sized avatar

Rob Resendez robrez

16 followers · 12 following
View GitHub Profile
@robrez
robrez / SassMeister-input-HTML.html
Last active January 22, 2020 23:20
Generated by SassMeister.com.
<html>
<h2>Semantic-UI Color Gist</h2>
<section>
<!-- this markup is render by script, but sassmeister seems to have trouble with that -->
<!-- type anything here to force sassmeister to render!! -->
asd
<div id="demo">
</div>
@robrez
robrez / SassMeister-input-HTML.html
Last active January 22, 2020 23:20
Generated by SassMeister.com.
<html>
<!-- this markup is render by script, but sassmeister seems to have trouble with that -->
<!-- type anything here to force sassmeister to render!! -->
<h2>Bootstrap Color Gist</h2>
<section>
<div id="demo"></div>
</section>
@robrez
robrez / sass relative saturate
Created January 3, 2020 01:14
sass relative saturate
sass doesn't have the "relative" saturation option available in less
@function relative-sat($color, $amt) {
$h: hue($color);
$s: saturation($color);
$l: lightness($color);
$sRel: $s + ($s * ($amt / 100));
@return hsl($h, $sRel, $l);
}
@robrez
robrez / readme-pdf.md
Created December 7, 2018 18:59
pdfreadme

pdfjs-dist

This is a mirror of pdfjs-dist, bundled and exposed as an ES module

Install

npm install npm install @bundled-es-modules/pdfjs-dist
@robrez
robrez / gist:1a80bc7120cf277d86e1af1b38eb4ad5
Created April 25, 2018 16:49
External CSS in dom-module
robrez [Apr 19th at 7:31 AM]
in #general
is there an "okay" way to use an external css file as the content of a (style) dom-module?
3 replies
westbrook [6 days ago]
You'd have to do it in the build step, as opposed to the delivered files. There was a comment earlier this week about it, I think they referenced this as a good example of doing so with gulp (the sass part not being a requirement).
@robrez
robrez / polymerVsAngular.md
Last active March 20, 2017 10:33
Polymer Vs Angular

Polymer vs Angular?

These are not competing technologies. Angular is a framework. Polymer is a library. Let’s skip comparing libraries / frameworks against other libraries / frameworks for a second (polymer or angular or react or meteor or backbone or mustache or express or jquery or dojo or kendo).

Web development is ever-evolving. Being in tune with state of the platform (HTML, HTTP, Javascript, CSS) is critical to helping teams choose what technology (or technologies) are the right fit for particular team/project, to be responsive to paradigm shifts and to stay ahead of the curve (or at least not behind it).

There are a handful game-changing platform changes that have occurred recently. For the purposes of this conversation, let’s touch on just a couple.

@robrez
robrez / gitnotes.md
Created September 8, 2016 18:43
git notes

#squash commits / rebase or merge

##If needed add upstream

git remote -v
git remote add upstream https://github.com/repo/project.git
git fetch upstream
git rebase upstream/master
git rebase --interactive HEAD~2
#note: per stackoverflow "git pull --rebase upstream master is analogous to git fetch upstream &amp;&amp; git rebase upstream/master"
@robrez
robrez / dynamic-muti-template.html
Created August 18, 2016 18:44
dyanmic-multi-template
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Polymer Element Test Case</title>
<base href="//polygit.org/components/">
<script src="webcomponentsjs/webcomponents-lite.js"></script>
<link rel="import" href="polymer/polymer.html">
<dom-module id="x-template">
<script>
@robrez
robrez / dynamic-template.html
Created August 18, 2016 18:17
Dynamic template
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Polymer Element Test Case</title>
<base href="//polygit.org/components/">
<script src="webcomponentsjs/webcomponents-lite.js"></script>
<link rel="import" href="polymer/polymer.html">
<dom-module id="x-foo">
<template>