##Web App Tools ###Server Provisioning Solutions: Vagrant
###Virtualization Solutions: VirtualBox, Docker, Parallels, VMWare
###Continuous Integration Solutions: Jenkins, Travis, Codeship
Jeffrey Smith js62789
js62789
/ WebAppTools.md
Last active
August 29, 2015 13:57
A list of tools and why they're useful to web app development
js62789
/ DirectoryStructure.md
Last active
August 29, 2015 13:57
A directory structure for robust web apps
##Directory Structure
|--test/ | |--spec/ | | |--test.js |--public/ | |--scripts/ | | |--project_name/ | | | |--models/ | | | |--views/
js62789
/ iOS-7-web-app.html
Created
April 8, 2014 17:46
— forked from tfausak/ios-8-web-app.html
This file contains hidden or 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> | |
| <!-- Run in full-screen mode. --> | |
| <meta name="apple-mobile-web-app-capable" content="yes"> | |
| <!-- Make the status bar black with white text. --> | |
| <meta name="apple-mobile-web-app-status-bar-style" content="black"> |
This file contains hidden or 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 loadScript(url, callback){ | |
| var script = document.createElement("script"); | |
| script.type = "text/javascript"; | |
| if (script.readyState) { // IE | |
| script.onreadystatechange = function () { | |
| if (script.readyState == "loaded" || script.readyState == "complete"){ | |
| script.onreadystatechange = null; | |
| callback(); | |
| } |
This file contains hidden or 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
| var CompositeView = Marionette.CompositeView.extend({ | |
| _initialEvents: function(){ | |
| this._isLoading = true; | |
| if (this.collection){ | |
| this.listenTo(this.collection, "add", this.addChildView); | |
| this.listenTo(this.collection, "remove", this.removeItemView); | |
| this.listenTo(this.collection, "reset", this.render); | |
| this.listenTo(this.collection, "sync", function () { | |
| this._isLoading = false; | |
| }); |
js62789
/ JSStyleGuide.md
Last active
May 1, 2018 22:03
- Use PascalCase when naming constructors
function Person(name) {
js62789
/ AppleImages.html
Last active
May 8, 2018 20:09
A list of apple touch icons and apple touch startup images
This file contains hidden or 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
| <!-- For iPad with high-resolution Retina display running iOS ≥ 7: --> | |
| <link rel="apple-touch-icon-precomposed" sizes="152x152" href="apple-touch-icon-152x152-precomposed.png"> | |
| <!-- For iPad with high-resolution Retina display running iOS ≤ 6: --> | |
| <link rel="apple-touch-icon-precomposed" sizes="144x144" href="apple-touch-icon-144x144-precomposed.png"> | |
| <!-- For iPhone with high-resolution Retina display running iOS ≥ 7: --> | |
| <link rel="apple-touch-icon-precomposed" sizes="120x120" href="apple-touch-icon-120x120-precomposed.png"> | |
| <!-- For iPhone with high-resolution Retina display running iOS ≤ 6: --> | |
| <link rel="apple-touch-icon-precomposed" sizes="114x114" href="apple-touch-icon-114x114-precomposed.png"> | |
| <!-- For the iPad mini and the first- and second-generation iPad on iOS ≥ 7: --> | |
| <link rel="apple-touch-icon-precomposed" sizes="76x76" href="apple-touch-icon-76x76-precomposed.png"> |
This file contains hidden or 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
| { | |
| "version": "0.2.0", | |
| "configurations": [ | |
| { | |
| "type": "node", | |
| "request": "launch", | |
| "name": "Launch Dev Server", | |
| "runtimeExecutable": "npm", | |
| "runtimeArgs": [ | |
| "run-script", |
js62789
/ launch.json
Last active
September 21, 2018 19:26
A set of VSCode configurations that allow for easy client-side debugging of React
This file contains hidden or 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
| { | |
| "version": "0.2.0", | |
| "configurations": [ | |
| { | |
| "name": "Launch Chrome", | |
| "type": "chrome", | |
| "request": "launch", | |
| "url": "http://localhost:3000", | |
| "webRoot": "${workspaceFolder}/src", | |
| "preLaunchTask": "start", |
js62789
/ ReduxCollection.js
Last active
March 7, 2019 15:49
This file contains hidden or 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
| import querystring from 'querystring'; | |
| import { RSAA } from 'redux-api-middleware'; | |
| function queryKey(obj) { | |
| const ordered = {}; | |
| Object.keys(obj).sort().forEach(function(key) { | |
| ordered[key] = obj[key]; | |
| }); |
OlderNewer