Giter Site home page Giter Site logo

inuitcss-howto's Introduction

Base

This repository is intended to house some init files to any new project.

##Embeds This project includes:

  • jQuery (3.x),
  • inuitcss (6.x)
  • php templating and includes

##Developing tools The project is being powered by:

  • nodejs, Bower, NPM,
  • and then Gulp.

##What's really inside?

###Templating - HTML There are only two pages included:

But there are plenty of includes available:

  • <HEAD> section with:
    • Stylesheets imports,
  • a headband,
  • a main header,
  • a navigation,
  • a pagination template,
  • a YouTube player,
  • <FOOTER> section with:
    • Javascript imports,
    • Google Analytics call.

######All these includes are plain HTML, enhanced with a bit of PHP, to handle the inclusions and to insert some text variables. They sometimes use inuitcss class names to get styled.

###Scripting - Javascript jQuery is embedded in its latest 3.x version.
A full bunch of other scripts full handy stuff is provided.

A linting utility, ESLint, is also included to help you cleanup your javascript code.

###Styling - CSS/Sass inuitcss is embedded in its last version (not inuit.css).
This framewok provides a handfull of handy classes and styles that do just the minimum to set up the design: no colors, no sizes, no "visible styles", just grids, responsive tools, layout classes etc.
In addition to inuitcss, many style files are provided to help you organize your styling.

##How to use it? Ok, I'm convinced, I want to use your thingy, what shall I do now?

###Installation RTFM! => Manual.

###Configuration There are several configuration files to set up and drive a new project, have a look at who they are, where they are and how to customize them.

###Usage Once you have installed the full project, all ou need to do is launch Gulp, and work!

gulp

inuitcss-howto's People

Stargazers

 avatar David B. Waters avatar

Watchers

James Cloos avatar  avatar

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.