Open a console. Terminal.app on Macs, your shell or whatever on PCs.
Python is easiest:
python -m SimpleHTTPServer 8000
Then go to http://localhost:8000/ in a web browser.
Adam Argyle argyleink
💀
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| # save to /etc/nginx/conf.d/gzip.conf | |
| gzip on; | |
| gzip_proxied any; | |
| gzip_types text/plain text/xml text/css application/x-javascript; | |
| gzip_vary on; | |
| gzip_disable "MSIE [1-6]\.(?!.*SV1)"; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <link rel="import" href="../core-scaffold/core-scaffold.html"> | |
| <link rel="import" href="../core-header-panel/core-header-panel.html"> | |
| <link rel="import" href="../core-menu/core-menu.html"> | |
| <link rel="import" href="../core-item/core-item.html"> | |
| <link rel="import" href="../core-icon-button/core-icon-button.html"> | |
| <link rel="import" href="../core-toolbar/core-toolbar.html"> | |
| <link rel="import" href="../core-icons/core-icons.html"> | |
| <link rel="import" href="../paper-item/paper-item.html"> | |
| <link rel="import" href="../paper-slider/paper-slider.html"> | |
| <link rel="import" href="../paper-toggle-button/paper-toggle-button.html"> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // as seen here: https://github.com/zemirco/flexbox-grid/blob/master/flexbox-grid.styl | |
| @import 'nib' | |
| // variables | |
| var-columns = 12 | |
| var-gutter-width = 1rem | |
| // some styles that apply to all columns - makes final css nicer | |
| $common-column-styles | |
| box-sizing(border-box) |
argyleink
/ server.md
Created
July 25, 2013 03:37
— forked from tmcw/server.md
argyleink
/ Getting started with requirejs.md
Created
July 23, 2013 22:59
— forked from willurd/ Getting started with requirejs.md
This is a small collection of scripts showing how to use require.js. It's only one of several ways of setting up a require.js project, but it's enough to get started.
At its core, require.js is about three things:
- Dependency management
- Modularity
- Dynamic script loading
The following files show how these are achieved.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| AddType image/svg+xml svg | |
| AddType image/svg+xml svgz |
argyleink
/ .htaccess mobile redirect
Last active
December 19, 2015 21:39
Dead simple ipad (or whatever), redirect to custom index.html. I made this so that the viewport meta data can be present immediately for ipad, to prevent flashing of content. This is a great way around many JS hacks.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| RewriteEngine On | |
| RewriteCond %{HTTP_USER_AGENT} "ipad" [NC] | |
| RewriteRule ipad.html [L,QSA] |
argyleink
/ debounce.js
Last active
September 12, 2022 12:01
Debounce your events, so they can't lock your UI while spammed. Control the flow!
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // As taken from the UnderscoreJS utility framework | |
| function debounce(func, wait, immediate) { | |
| let timeout | |
| return function() { | |
| let context = this | |
| , args = arguments | |
| let later = function() { | |
| timeout = null |
argyleink
/ word-break.css
Last active
December 12, 2017 18:28
Cross browser word-break, so long urls and "wwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwww" don't outgrow your containers.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .word-break { | |
| -ms-word-break: break-all; | |
| word-break: break-word; | |
| word-wrap: break-word; | |
| -webkit-hyphens: auto; | |
| -moz-hyphens: auto; | |
| hyphens: auto; | |
| } |
argyleink
/ jquery.animate3d.js
Created
April 22, 2013 21:38
Source: http://cameronspear.com/blog/animating-translate3d-with-jquery/
Plugin so jquery supports animating translate3d positions with callbacks
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| ;(function($) { | |
| var delay = 0; | |
| $.fn.translate3d = function(translations, speed, easing, complete) { | |
| var opt = $.speed(speed, easing, complete); | |
| opt.easing = opt.easing || 'ease'; | |
| translations = $.extend({x: 0, y: 0, z: 0}, translations); | |
| return this.each(function() { | |
| var $this = $(this); |