• Stars
    star
    1,519
  • Rank 30,839 (Top 0.7 %)
  • Language
    JavaScript
  • Created over 11 years ago
  • Updated about 6 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

Fiercely quick front-end boilerplate and workflows, HTML5, Grunt, Sass.

FireShell

Fiercely quick front-end boilerplate and workflows.

The opinionated FireShell framework. Built for the modern developer. For teams and the individual, encouraging a better workflow. JavaScript task running, build processes, autominification and file concatenation, wrapped with an enhanced HTML5 boilerplated framework.

Jump start

Get started with FireShell:

  1. Download the latest stable release from getfireshell.com.
  2. Clone the git repo β€” git clone https://github.com/toddmotto/fireshell.git and checkout the tagged release you need

Documentation

Read the developer documentation on FireShell for further reading and learning. You may need to install a few assets before you can get started, such as Node, Git, Grunt.

Features

Here are some of the main features of FireShell:

  • HTML5 framework, WAI-ARIA roles and HTML5 semantics
  • Baseline HTML5 features, DNS prefetching, responsive meta
  • Encourages one-file CSS/JS in the view (HTML) for performance
  • Includes jQuery CDN and relative fallback
  • Includes Modernizr and HTML5 Shiv
  • Google Universal Analytics snippet
  • Open source workflow with Grunt.js running on Node.js
  • Two .command (Mac OS X) and .bat (Windows) files for double-click command-line execution of FireShell
  • Automatic Grunt dependency installation, directory relocation and grunt tasks
  • Dynamically appended copyright for JS/CSS
  • Livereloading the browser and file injection upon changes
  • Annotated Gruntfile.js for extending
  • Built-in build script for auto-minification of CSS and JavaScript files for production
  • Pre-setup Sass/SCSS files and folders for baseline project structure and imports
  • Includes .editorconfig for consistent coding styles in IDEs
  • Standard .gitignore to ignore minified files and standard ignorables such as .DS_Store
  • JSHint .jshintrc file for configuring JavaScript linting
  • No superfluous code comments
  • Extremely lightweight footprint

Scaffolding

β”œβ”€β”€ app
β”‚   β”œβ”€β”€ apple-touch-icon-precomposed.png
β”‚   β”œβ”€β”€ assets
β”‚   β”‚   β”œβ”€β”€ css
β”‚   β”‚   β”œβ”€β”€ fonts
β”‚   β”‚   β”œβ”€β”€ img
β”‚   β”‚   └── js
β”‚   β”œβ”€β”€ favicon.ico
β”‚   └── index.html
β”œβ”€β”€ src
β”‚   β”œβ”€β”€ js
β”‚   β”‚   └── scripts.js
β”‚   └── scss
β”‚       β”œβ”€β”€ mixins
β”‚       β”œβ”€β”€ modules
β”‚       β”œβ”€β”€ partials
β”‚       β”œβ”€β”€ vendor
β”‚       └── style.scss
β”œβ”€β”€ docs
β”œβ”€β”€ grunt-build.command
β”œβ”€β”€ grunt-build.bat
β”œβ”€β”€ grunt-dev.command
β”œβ”€β”€ grunt-dev.bat
β”œβ”€β”€ package.json
β”œβ”€β”€ README.md
β”œβ”€β”€ .editorconfig
β”œβ”€β”€ .gitignore
β”œβ”€β”€ .jshintrc
└── .travis.yml

Contributing

Steps to contributing:

  • Create your feature branch, commit changes and push to origin
  • Submit a Pull Request with details on your feature branch

Guidelines:

  • Non-trivial changes should be discussed in an issue first
  • Do not create issues for support reasons, use Stack Overflow

FireShell is maintained by Todd Motto and it's contributors; Jean-Philippe Sirois, Noah Bass, Bernard Chhun, Chris Missal, Mihai Ionut Vilcu, Octavio Amuchastegui.

Roadmap

Projected roadmap for FireShell and it's subsets builds.

  • Integrate Grunt-init to allow for initial project naming (for dynamic CSS/JS banners)
  • LESS.css variant (less dir inside src), keeping Sass as default but providing Gruntfile.js setup
  • AngularJS FireShell build with MVC scaffolding
  • Bower as package manager
  • Static HTML Includes FireShell build (emulates server-side includes)
  • PHP FireShell spawning a localhost with relevant includes
  • Create a Yeoman generator for FireShell

License

The MIT License (MIT)

Copyright (c) FireShell

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

More Repositories

1

angularjs-styleguide

AngularJS styleguide for teams
5,965
star
2

echo

Lazy-loading images with data-* attributes
JavaScript
3,723
star
3

angular-1-5-components-app

A Contacts Manager application built on Angular 1.5 components, ui-router 1.0.0, Firebase.
JavaScript
573
star
4

flare

Unobtrusive event emitter API for Google Universal Analytics event tracking
JavaScript
505
star
5

angular-pizza-creator

Source code for Angular advanced Form APIs pizza builder
TypeScript
450
star
6

fluidvids

Fluid width (responsive) videos module, 1KB, custom players, dynamic elements/XHR support.
JavaScript
415
star
7

angular-dynamic-forms

Configurable Reactive Forms in Angular with dynamic components
TypeScript
317
star
8

angular-architecture

Angular architecture guide for teams.
262
star
9

apollo

Standalone cross-browser DOM class manipulation module
JavaScript
250
star
10

angular-component

Fully featured .component() polyfill for Angular v1.3+
JavaScript
191
star
11

reactive-pizza

Angular v4.1.1 - Reactive Forms, Observables, Component Architecture. Pizza. πŸ•
TypeScript
180
star
12

axis

Simple JavaScript type checking module. Returns a Boolean for each type check.
JavaScript
179
star
13

superbox

Superbox, the lightbox, reimagined
JavaScript
125
star
14

flaunt-js

Flaunt JS, stylish responsive navigations with nested click to reveal
CSS
89
star
15

linkjuice

Automatically wraps and creates anchor links for <h1-h6> headings
JavaScript
88
star
16

foreach

forEach implementation for Objects/NodeLists/Arrays, automatic type loops and context options
JavaScript
81
star
17

lunar

SVG class module for has/add/remove/toggleClass
JavaScript
78
star
18

stratos

Object manipulation module, simplified extends, keys, add/remove methods and more.
JavaScript
72
star
19

interpolate

Micro templating engine, maps Object property values to a String template
JavaScript
56
star
20

console.loge

Doge-driven debugging. Such console, many logs. Wow.
JavaScript
47
star
21

jbar

jBar, the lightweight jQuery notification banner.
CSS
32
star
22

superfast-angular-2

A super simple setup for Angular 2 to prototype or play around. Components, TypeScript and Routing.
JavaScript
32
star
23

gulp-oss

My Gulp.js boilerplate for creating new JavaScript projects
JavaScript
28
star
24

NoFi

No WiFi, detecting offline states with HTML5
JavaScript
25
star
25

switch-messages

switchMessages for Angular 1.2+, partial functionality from Angular 1.3+ "ngMessages"
JavaScript
24
star
26

fluidvids-react

React.js implementation of fluidvids.js
JavaScript
23
star
27

track-digests

A simple Directive to track $digest counts
JavaScript
21
star
28

psswrd

Show/hide toggling for password inputs.
JavaScript
21
star
29

ac-store

Simple Redux Store
TypeScript
19
star
30

angular-connect-2016

Final code for AngularConnect Angular 1 & 2 demos.
HTML
18
star
31

suave

Re-engineering the HTML5 <video> tag for semantics and modularity.
JavaScript
16
star
32

ac-boilerplate

TypeScript
15
star
33

mapify

Map iteration for Arrays and Objects
JavaScript
14
star
34

fluidvids-polymer

Web Component for fluidvids.js built with Polymer
14
star
35

ngrx-workshop

JavaScript
12
star
36

data-tabs

Simple HTML5 data-* jQuery tabs. Markup free and relative to their container for ultimate re-use.
12
star
37

workspaces-grunt

Using Grunt and Chrome Workspaces for in-browser development
JavaScript
10
star
38

fowa2014

FOWA 2014 workshop
CSS
7
star
39

ngWorkshop2015

[this is really old, wouldn't bother using it] Falsy Values AngularJS Workshop 2015
JavaScript
5
star
40

babel-private-properties-methods-classes

πŸ”₯ Babel + ESLint + Private Properties and Methods in Classes
5
star
41

imgShufflr

jQuery random image shufflr, inline img and background CSS
5
star
42

ngbe-2016

Source code moved here: https://github.com/toddmotto/angular-pizza-creator
5
star
43

selectnav

JavaScript select navigation for responsive projects
JavaScript
4
star
44

fitdevcomments

3
star
45

aot-loader

[BETA/Work In Progress] Ahead-of-Time Compiler for Webpack.
JavaScript
3
star
46

web-platform-angular-2

HTML
3
star
47

required-fallback

A robust HTML5 'required' attribute fallback, client-side jQuery script.
3
star
48

bounceThis

jQuery plugin that mimics CSS3 keyframes animations of bouncing headers
JavaScript
2
star
49

kendo-html-editor

HTML
2
star
50

fowd

CSS
1
star