- 960 Grid System - An effort to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels. There are two variants: 12 and 16 columns, which can be used separately or in tandem.
- Compass - Open source CSS Authoring Framework.
- Bootstrap - Sleek, intuitive, and powerful mobile first front-end framework for faster and easier web development.
- Font Awesome - The iconic font designed for Bootstrap.
- Zurb Foundation - Framework for writing responsive web sites.
- SASS - CSS extension language which allows variables, mixins and rules nesting.
- Skeleton - Boilerplate for responsive, mobile-friendly development.
Uncle Iroh grand-lotus-iroh
grand-lotus-iroh
/ 0_reuse_code.js
Created
November 9, 2013 05:15
Here are some things you can do with Gists in GistBox.
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
| // Use Gists to store code you would like to remember later on | |
| console.log(window); // log the "window" object to the console |
grand-lotus-iroh
/ css_resources.md
Created
November 9, 2013 05:15
— forked from jookyboi/css_resources.md
CSS libraries and guides to bring some order to the chaos.
grand-lotus-iroh
/ javascript_resources.md
Created
November 9, 2013 05:15
— forked from jookyboi/javascript_resources.md
Here are a set of libraries, plugins and guides which may be useful to your Javascript coding.
- jQuery - The de-facto library for the modern age. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers.
- Backbone - Backbone.js gives structure to web applications by providing models with key-value binding and custom events, collections with a rich API of enumerable functions, views with declarative event handling, and connects it all to your existing API over a RESTful JSON interface.
- AngularJS - Conventions based MVC framework for HTML5 apps.
- Underscore - Underscore is a utility-belt library for JavaScript that provides a lot of the functional programming support that you would expect in Prototype.js (or Ruby), but without extending any of the built-in JavaScript objects.
- lawnchair - Key/value store adapter for indexdb, localStorage
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
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta http-equiv="Content-type" content="text/html; charset=utf-8"> | |
| <meta http-equiv="Cache-control" content="no-cache"> | |
| <meta http-equiv="Pragma" content="no-cache"> | |
| <meta http-equiv="Expires" content="0"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Account Suspended</title> | |
| <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css"> |
grand-lotus-iroh
/ autoplay-modal-html5-video-spacebar-pause.js
Created
February 16, 2018 21:30
Autoplay HTML5 Video with Modal and Keyboard Support
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
| <script type="text/javascript"> | |
| $('#modal-sample').on('shown.bs.modal', function() { | |
| $('#video1')[0].play(); | |
| }) | |
| $('#modal-sample').on('hidden.bs.modal', function() { | |
| $('#video1')[0].pause(); | |
| }) | |
| $(window).keypress(function(e) { | |
| var video = document.getElementById("video1"); | |
| if (e.which == 32) { |
grand-lotus-iroh
/ force-gist-github-embed-links-open-new-tab.js
Last active
February 16, 2018 22:04
Force Open New Tab Gist Github Footer / Meta Links - Child Theme wp_enqueue_script Function
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 theme_name_scripts() { | |
| wp_enqueue_script('embeds', get_stylesheet_directory_uri(). | |
| '/js/embeds.js', array(), '1.0.0', true); | |
| } | |
| add_action('wp_enqueue_scripts', 'theme_name_scripts'); | |
| // Force GitHub Gist Embed Links to Open in a New Tab | |
| // https://stackoverflow.com/a/34870311 | |
| // https://www.engagewp.com/force-github-gist-embeds-to-open-in-a-new-tab-or-window/ |
grand-lotus-iroh
/ bootstrap modal html5 video.html
Created
February 16, 2018 22:51
Bootstrap 3 Modal with HTML5 video
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
| <div class="btn-group"> | |
| <button class="btn btn-link" data-target="#modal-sample" data-toggle="modal" type="button">90 second video tutorial</button> | |
| </div> | |
| <div aria-hidden="true" aria-labelledby="modal-sample-label" class="modal theme-alt modal-center-vertical" id="modal-sample" role="dialog" tabindex="-1"> | |
| <div class="modal-dialog modal-lg"> | |
| <div class="modal-content"> | |
| <div class="modal-header"> | |
| <h4 class="modal-title" id="modal-sample-label">Dialog title</h4> | |
| </div> | |
| <div class="modal-body"> |
grand-lotus-iroh
/ .htaccess
Last active
February 19, 2018 09:41
Powerful .htaccess snippets that require RewriteEngine On at the very top
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
| # Default force to HTTPS for all traffic | |
| RewriteCond %{HTTPS} !=on | |
| RewriteRule ^ https://%{HTTP_HOST}%{REQUEST_URI} [L,R=301] | |
| # Force SSL / HTTPS Redirection v2 | |
| Options +FollowSymLinks | |
| Options -Indexes | |
| Options -MultiViews | |
| RewriteCond %{HTTPS} off | |
| RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [L,R=301] |
grand-lotus-iroh
/ VideoBlocker.json
Created
February 27, 2018 14:37
Video Blocker: Import / Export list to remove alot of YouTube junk...
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
| [{"key":"selena gomez","type":"keyword"},{"key":"fergie","type":"keyword"},{"key":"beyonce","type":"keyword"},{"key":"black panther","type":"keyword"},{"key":"fortnite","type":"keyword"},{"key":"family guy","type":"keyword"},{"key":"prom dresses","type":"keyword"},{"key":"Leon Lush","type":"channel"},{"key":"LadyGagaVEVO","type":"channel"},{"key":"Vanity Fair","type":"channel"},{"key":"PinkVEVO","type":"channel"},{"key":"E! Live from the Red Carpet","type":"channel"},{"key":"Donald J. Trump Topic","type":"channel"},{"key":"Bad Lip Reading","type":"channel"},{"key":"TMZ","type":"channel"},{"key":"TheEllenShow","type":"channel"},{"key":"KatyPerryVEVO","type":"channel"},{"key":"TaylorSwiftVEVO","type":"channel"},{"key":"LastWeekTonight","type":"channel"},{"key":"CNN","type":"channel"},{"key":"Team Coco","type":"channel"},{"key":"The Young Turks","type":"channel"},{"key":"Last Week Tonight Season 4","type":"channel"},{"key":"Real Time with Bill Maher","type":"channel"},{"key":"Saturday Night Live","type":"channel |
grand-lotus-iroh
/ quick-compose-email-hotkey.ahk
Last active
February 27, 2018 15:08
Quick Compose Shortcut OR Global Compose Email Hotkey / Shortcut
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
| ; CTRL + ` - Compose Email | |
| ^`:: | |
| Run mailto: | |
| Return | |
| ; This is a simple and generic example of an AutoHotkey script to compose an | |
| ; email using default email program when you press a keyboard shortcut. WIN + R | |
| ; to run command and type shell:startup than paste .ahk into startup folder | |
| ; [1]: http://www.autohotkey.com/docs/Hotkeys.htm |
OlderNewer