Giter Site home page Giter Site logo

startae / middleman-startae Goto Github PK

View Code? Open in Web Editor NEW
42.0 10.0 17.0 14.94 MB

A starter template ready to run on Netlify or Heroku. Comes with several helpers, partials and a nice basic structure to the HTML, Sass, Webpack and ES2015. Bottom line, a template that uses all the modern tools.

Home Page: https://middleman-startae.netlify.com

License: MIT License

Ruby 36.73% HTML 22.38% CSS 27.62% JavaScript 13.27%
middleman sass slim template frontend netlify heroku

middleman-startae's Introduction

Middleman Startaê

forthebadge forthebadge

Deploy to Heroku Deploy to Netlify

Key Features

  • Middleman v4
  • Ready to run on Heroku or Netlify
  • Livereload: automatically refresh your browser whenever you edit files
  • Slim: A lightweight templating engine
  • Webpack: A module bundler for modern JavaScript applications
  • Sass: Syntactically Awesome Style Sheets
  • ITCSS: A sane, scalable and managed CSS architecture
  • PostCSS: A tool for transforming CSS with JavaScript
  • Reset CSS: a reset stylesheet to reduce browser inconsistencies
  • itcsscli: a tool for managing the ITCSS structure
  • Hagrid: Simple but powerful flexbox-first grid
  • Babel: The compiler for writing next generation Javascript
  • Language configuration
  • Gzip
  • Preconfigured partials
  • Metatags helper

Installation

Basic installation

First, just clone the repository down to your local machine:

git clone http://github.com/startae/middleman-startae.git my_new_project

Install the JS dependencies by running:

yarn install

Install Bundler, if you don't already have it:

gem install bundler

Finally, install the required gems with:

bundle install

Running the app

Use the command middleman to do your local live development or middleman build to render your static file output to the /build/ directory.

For the full Middleman documentation, visit the Middleman website.

Middleman Template

Middleman supports project templates. To use Middleman Startaê as a template, just follow these steps:

First install the middleman gem, so you can use the middleman command:

gem install middleman

Now you just have to pass the startae/middleman-startae to the init command.

middleman init my_new_project --template=startae/middleman-startae

Build & Dependency Status

Dependency Status License

Comments & Suggestions?

Just submit an issue.

For more help follow Middleman's docs.

Middleman is a static site generator based on Sinatra. Providing dozens of templating languages (Haml, Sass, Compass, Slim, CoffeeScript, and more). Makes minification, compression, cache busting, Yaml data (and more) an easy part of your development cycle.

Built with love by Startaê.

middleman-startae's People

Contributors

bdougie avatar dependabot-support avatar dependabot[bot] avatar kandebonfim avatar renatocarvalho avatar romulomachado avatar sales avatar tmeloliveira avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

middleman-startae's Issues

Review "Could not find celluloid-0.16.1" at running bundle install.

Getting this while running bundle install:

Fetching gem metadata from https://rubygems.org/.............
Fetching version metadata from https://rubygems.org/...
Fetching dependency metadata from https://rubygems.org/..
Could not find celluloid-0.16.1 in any of the sources

Removing celluloid from dependencies made bundle install finally worked.

It is really necessary?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.