npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

fibre

v1.1.2

Published

![node](https://img.shields.io/badge/node-v1.1.0-blue.svg?style=flat-square) ![bower](https://img.shields.io/badge/bower-v1.1.0-blue.svg?style=flat-square) ![devDependencies](https://img.shields.io/badge/devDependencies-up_to_date-green.svg?style=flat-squ

Downloads

23

Vulnerabilities

Powered byPowered by Snyk
  • 0High
  • 0Medium
  • 0Low

Links

Maintainers

b_houghb_hough

Keywords

Readme

fibre

node bower devDependencies

fibre is a website project scaffolding designed to help you get your web project instantly up and running with the latest workflow technologies.

Table Of Contents

Installation

  • Get the latest release by:
    • Install with Bower: bower install fibre -or-
    • Install with NPM: npm install fibre -or-
    • Cloning the repo git clone https://github.com/bhough/fibre.git -or-
    • Downloading the zip File
  • Install Node using the package on the Node.js website
  • Install Gulp.js npm install -g gulp
  • Install BrowserSync npm install -g browser-sync
  • Install Browserify npm install -g browserify
  • Install Compass gem install compass
  • Install Dependencies npm install from the project root
  • Run gulp from the project root

The Basics

What's included

fibre uses the popular Javascript-based streaming build system Gulp to automate your workflow. Common tasks are included to handle all the basics needs of web project development.

HTML

Included is a base HTML template that utlizes best practices for mobile rendering, SEO, and performance. It also includes a placeholder 404 template.

BrowserSync

fibre leverages BrowserSync providing you with an easy way to run your project locally. Upon first running fibre, a new browser window will be launched that will reload with your latest changes whenever you update the code base.

SCSS & Compass

CSS in fibre is written using SCSS and Compass. fibre automatically compiles into minified CSS complete with source map support. Using AutoPrefixer and Modernizr, fibre makes sure you have all your supported browsers covered.

Grid System

Also included is fibreGrid, a customizable, responsive, mobile-first CSS grid system to further help you get straight to coding. Configure the number of columns, margins, and breakpoints to make fibreGrid work for any project. As of 1.1.0 fibre now supports basic flexbox functionality.

JavaScript

fibre provides an easy way to write clean, modularized JavaScript using Browserify. All JS is automatically compiled and minified complete with source map support.

& more...

  • Automatic CSS cache-busting
  • Image minification
  • Pre-configured .gitignore
  • Leverage the popular and exhaustive .htaccess from HTML5Boilerplate
  • Formatting configurations for any editor that supports EditorConfig