Skip to content

Instantly share code, notes, and snippets.

View ntassone's full-sized avatar

Nick Tassone ntassone

View GitHub Profile
<html>
<head>
<title>Query Chat</title>
<script src="https://cdn.goinstant.net/v1/platform.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<style type="text/css">
body {
margin: 0;
padding: 0;
font-family: sans-serif;
@ntassone
ntassone / text-truncate.scss
Created February 17, 2014 13:55
Truncate Text
@mixin text-truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
@ntassone
ntassone / font-size.scss
Created February 17, 2014 13:56
Font Size REM Mixin
@mixin font-size($sizeValue: 12 ){
font-size: $sizeValue + px; //fallback for old browsers
font-size: (0.125 * $sizeValue) + rem;
}
@ntassone
ntassone / line-height
Created February 17, 2014 13:56
Line Height REM Mixin
@mixin line-height($heightValue: 12 ){
line-height: $heightValue + px; //fallback for old browsers
line-height: (0.125 * $heightValue) + rem;
}
@ntassone
ntassone / entypo.scss
Created March 8, 2014 22:46
Entypo SCSS file
$icon_font: 'EntypoRegular';
$icon_prefix: dicon;
$icon_color: inherit;
$icon_color_hover: inherit;
@font-face {
font-family: $icon_font;
src: url('../fonts/entypo/entypo.eot');
src: url('../fonts/entypo/entypo.eot#iefix') format('embedded-opentype'),
url('../fonts/entypo/entypo.woff') format('woff'),

Keybase proof

I hereby claim:

  • I am ntassone on github.
  • I am nickt (https://keybase.io/nickt) on keybase.
  • I have a public key whose fingerprint is 72BC 514A 132B 48E9 CB8E 0FA6 C036 BF3D E389 414E

To claim this, I am signing this object:

@ntassone
ntassone / split_video
Created September 17, 2014 22:24
Split a video file with ffmpeg
# Split into two separate files at the 50 min mark.
ffmpeg -i original.mp4 -t 00:50:00 -c copy new-1.mp4 -ss 00:50:00 -c copy new-2.mp4
@ntassone
ntassone / responsive-subnav.scss
Created January 28, 2014 21:13
Make a responsive fixed-with subnav.
//Requires bourbon for media query
$page-width: 1020px;
$subnav-width: 260px;
$gutter: 65px;
.wrapper {
&.has-subnav {
max-width: $page-width;
> aside {
@ntassone
ntassone / ol-counter.scss
Last active May 11, 2017 20:11
A more flexible order list with a counter.
ol {
list-style: none;
counter-reset: li;
li {
counter-increment: li;
&:before {
content: counter(li) '.';
//Decimal follows count
}
}
@ntassone
ntassone / hyper-settings.js
Created January 15, 2018 15:53
Hyper settings
# Hyper settings