Skip to content

Instantly share code, notes, and snippets.

Avatar
💭
I may be slow to respond.

Ryan Roberts RyanRoberts

💭
I may be slow to respond.
View GitHub Profile
View gist:4757ce10450f57fd717905b28bd22365

SHORTCUTS

Key/Command Description
Ctrl + A Go to the beginning of the line you are currently typing on
Ctrl + E Go to the end of the line you are currently typing on
Ctrl + U Clear the line before the cursor
Ctrl + K Clear the line after the cursor
Ctrl + W Delete the word before the cursor
Ctrl + L Clears the Screen
Ctrl + C Kill whatever you are running
@RyanRoberts
RyanRoberts / 0_reuse_code.js
Created May 11, 2016
Here are some things you can do with Gists in GistBox.
View 0_reuse_code.js
// Use Gists to store code you would like to remember later on
console.log(window); // log the "window" object to the console
View Precision responsive typography.markdown

Precision responsive typography

I've not seen this before so I think I've figured out something new and hopefully useful.

It appears that by using calc() and vw we can get responsive typography that scales perfectly between specific pixel values within a specific viewport range.

Check it out. (might be buggy in some browsers)

http://madebymike.com.au/writing/precise-control-responsive-typography/

@RyanRoberts
RyanRoberts / SassMeister-input.scss
Created Feb 19, 2015
Generated by SassMeister.com.
View SassMeister-input.scss
// ----
// Sass (v3.4.12)
// Compass (v1.0.3)
// ----
$spacing-unit: 24px;
$spacing-unit-tiny: round(0.25 * $spacing-unit);
$spacing-unit-small: round(0.5 * $spacing-unit);
$spacing-unit-large: round(2 * $spacing-unit);
@RyanRoberts
RyanRoberts / SassMeister-input.scss
Created Feb 17, 2015
Generated by SassMeister.com.
View SassMeister-input.scss
// ----
// Sass (v3.4.7)
// Compass (v1.0.1)
// ----
// I must say I am not a big fan of having global variables here and there.
// There is a number of issues and drawbacks of handling basic configuration
// with global variables without having functional wrappers:
// - `!global` has to be written yet could be forgotten;
// - there is no way to make sure the value is valid;
View SassMeister-input-HTML.html
<h1>A lone button</h1>
<p>Etiam porta sen malesuada magna mollis euismod. <a href="#">Donec ullamcorper nulla non meths actor fringilla.</a> Cras justo odapibus ac facilisis in egestas get quam.</p>
<p><a class="btn" href="#">Button</a></p>
<h1>A button within scoped content</h1>
<div class="scopedContent">
<p>Etiam porta sen malesuada magna mollis euismod. <a href="#">Donec ullamcorper nulla non meths actor fringilla.</a> Cras justo odapibus ac facilisis in egestas get quam.</p>
<p><a class="btn" href="#">Button</a></p>
</div>
@RyanRoberts
RyanRoberts / SassMeister-input-HTML.html
Created Oct 24, 2014
Generated by SassMeister.com.
View SassMeister-input-HTML.html
<div class="box">
</div>
@RyanRoberts
RyanRoberts / SassMeister-input-HTML.html
Created Oct 24, 2014
Generated by SassMeister.com.
View SassMeister-input-HTML.html
<div class="box">
</div>
View gist:10d7dd0c75a6e206b99c
.initial
.top-banner-ad-container
.top-banner-ad-container--desktop
.top-banner-ad-container--facia-layout
.ad-slot