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

bricks-framework

v1.0.1

Published

HTML5 Framework.

Downloads

2

Readme

Build Status Built with Grunt Dependency Status devDependency Status Gittip

A modern framework for developers who care about what to use and how many functions are needed on a project. It is a CSS (Sass) and Javascript based framework that have just the functions and components you need on your project. Supports open web standards and brings a consistent browser environment across mobiles and desktop devices. The Javascript library is adapted for modern browsers. The syntax is modular and inspired from jQuery.

Use Bricks Framework if:

  • You need a powerful library and components.
  • You care about "keep it simple".
  • You enjoy using custom libraries with what you only need.
  • You feel confortable using Addons

Do not use Bricks Framework if:

  • You need an ultra-complete-all-in-one javascript library (I recommend JQuery).
  • You need many components in one css library (I recommend Bootstrap)

Current version: 1.0.1

Getting Started

There are some things probably you are interested on. So, let's start.

Browser support

  • Chrome
  • Safari 4.0.5
  • Internet Explorer 8
  • Firefox 3.5
  • Opera 10

History

Bricks Framework starts as an idea to create and use libraries with functions and components that you really need on your project. Most of actual frameworks are complete and covers everything, but sometimes they have more things that the ones you really need. Bricks borns from that situation.

GitHub

Bricks is opensource, so feel free to fork this project to help us to improve it. All the code is on public on Github:

https://github.com/BricksFramework/Bricks

Support

Sometimes is necessary other ways to get in contact to talk and get support. You can send us a tweet to @BricksFramework on Twitter, visit us on irc (#bricksframework) at freenode channel or filling a new issue.

Build

Dependencies:

You need some dependencies to start building Bricks Framework:

  • NodeJS
  • NPM
  • Grunt: ´npm install grunt-cli -g´

Building

A few steps to build a Bricks Framework release:

  • Clone the repo: ´git clone https://github.com/BricksFramework/Bricks´
  • Install node dependencies: ´npm install´
  • Run grunt to start the build: ´grunt´
  • If everything is ready, you could get a copy in ´dist´ and ´package´ folder.

Livereload

If you change any ´sass´ file, automaticly grunt will compile and minify it. Same thing with ´javascript´ files. Additional, it runs a localserver (http://localhost:33746) to see the examples, if you change a ´sass´, ´javascript´ or ´html´ file, the localserver will reaload to see the latest changes you made.

CI

We use Travis CI to test every commit and pull request. You can check it at Bricks Framework Travis CI homepage.

Contribute

Bricks Framework is open source and open to any change you think is necessary. If you have changes or submissions that could improve it, we will really appreciate. So, fork this project, makes changes and create a pull request.

Changelog

1.0.1

  • Full port from css to scss
  • Defined branding colors
  • Blockquotes scss
  • Tables scss
  • Helpers scss

1.0.0

  • Complete documentation
  • First stable version
  • Stable Javascript library and CSS components
  • Launch to the public
  • Full implementation of many functions of javascript library
  • Added tests

0.5.0

  • More structured code
  • Change from css to scss
  • Full integration with Travis-CI testing
  • Basic structure for Javascript library

0.0.5

  • We had the idea and the Github repo created.

0.0.0

  • We had the idea :)

Thanks

Spread it to the world

We will really appreciate if you tweet, blog, use, share, post, or whatever about Bricks Framework. We are really interested in know your experiences with Bricks and continue making it awesome. Tell to the entire people why they should give a try to Bricks Framework.

Support Bricks Framework

Do you like Bricks and you are interested on support it? Those are the ways you can support Bricks Framework:

Credits

Bricks is starting at this momment but there are people in back. We would like to thank:

  • Giovanny Gongora - Creator and founder
  • You for being about to stargaze or fork this project on GitHub
  • Everyone who has kindly reported issues or made pull requests

License

Bricks is licensed under MIT. See LICENSE for more information.