Skip to content

Instantly share code, notes, and snippets.

View jameswquinn's full-sized avatar

jameswquinn

4 followers · 13 following
  • london
View GitHub Profile
@jameswquinn
jameswquinn / A-Better-Fluid-Responsive-Table.markdown
Created February 21, 2015 08:55
A Better Fluid Responsive Table
@jameswquinn
jameswquinn / Fullscreen-HTML5-Page-Background-Video.markdown
Created March 13, 2015 15:56
Fullscreen HTML5 Page Background Video
@jameswquinn
jameswquinn / index.html
Created February 2, 2017 21:45 — forked from anonymous/index.html
tngHy
<div class="my-container">
<div class="my-element"></div>
<div class="my-element"></div>
<div class="my-element"></div>
</div>
@jameswquinn
jameswquinn / index.html
Created February 19, 2017 17:42 — forked from anonymous/index.html
Sass parallax example
<div class="container">
<h1>Parallax</h1>
<h2>faster</h2>
<h2>easier</h2>
<h2>sassier</h2>
<img src="http://placekitten.com/200/200" alt=" " />
<img src="http://placekitten.com/150/200" alt=" " />
<img src="http://placekitten.com/200/150" alt=" " />
<img src="http://placekitten.com/150/250" alt=" " />
<img src="http://placekitten.com/300/400" alt=" " />
@jameswquinn
jameswquinn / flickr feed.js
Created August 13, 2017 16:31 — forked from b3457m0d3/flickr feed.js
$(document).ready(function(){
//setup info
var id = "";//<- You user id
var num = 1;//<- How many images to pull in
// Grab JSON from Flickr
$.getJSON("http://api.flickr.com/services/feeds/groups_pool.gne?id="+id+"&lang=en-us&format=json&jsoncallback=?", displayImages);
//
function displayImages(data)
@jameswquinn
jameswquinn / webpack.config.js
Created September 3, 2017 18:48 — forked from lgraubner/webpack.config.js
Webpack image processing sample configuration
const webpackConfig = {
entry: './app/index.js',
output: {
filename: 'bundle.js',
path: path.resolve(__dirname, 'dist')
},
module: {
rules: [
{
test: /\.css$/,
@jameswquinn
jameswquinn / flickr V1
Created September 18, 2017 13:40
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Loading public Flickr images onto your website. | Sandbox by Lovell D&apos;souza.</title>
@jameswquinn
jameswquinn / index.html
Last active October 29, 2017 23:31
Pull Menu - Menu Interaction Concept
<div id="phone">
<div id="screen">
<div id="header">
<ul id="menu">
<li>Latest Movies</uli>
<li>Best Movies</uli>
<li>Archive</uli>
<li>About</li>
<li class="reload"><i class="loader-icon"></i></li>
</ul>
@jameswquinn
jameswquinn / .babelrc
Created September 25, 2017 08:26 — forked from JamieMason/.babelrc
Tree-Shaking with Babel 6, Webpack 2, and React.
{
"presets": [
["es2015", {
"es2015": {
"loose": true,
"modules": false
}
}], "react"
]
}
@jameswquinn
jameswquinn / index.slim
Created October 15, 2017 08:07
JS-YAML
div.container ng-app="codepen"
div.row
div.col-md-12
h1.page-header Unofficial JS-YAML demo. YAML JavaScript parser.
div.row ng-controller="MainCtrl"
div.col-md-6
div.panel.panel-default
div.panel-heading Source
div.panel-body
form role="form"