Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
bricklayer
Advanced tools
bricklayer - npm Package Compare versions
Comparing version 0.3.2 to 0.3.3
| { | ||
| "name": "bricklayer", | ||
| "version": "0.3.2", | ||
| "version": "0.3.3", | ||
| "authors": [ | ||
@@ -5,0 +5,0 @@ "Adem İlter <ademilter@gmail.com>", |
| { | ||
| "name": "bricklayer", | ||
| "version": "0.3.2", | ||
| "version": "0.3.3", | ||
| "description": "Lightweight and strong Masonry alternative", | ||
@@ -5,0 +5,0 @@ "main": "dist/bricklayer-node.js", |
@@ -16,21 +16,25 @@ <img src="https://raw.githubusercontent.com/ademilter/bricklayer/master/logo.png" width="416"> | ||
| ## All Examples | ||
| ## Why Bricklayer? | ||
| - :gem: **Simpler** than any other cascading grid layout tools. | ||
| - :snowflake: **Lightweight**, no fat. **(1.5KB gzipped)** | ||
| - :construction_worker: **No frameworks required**. | ||
| - :droplet: **Responsive** support with no glitches. | ||
| - :zap: **Easy** configuration. | ||
| - :skull: **No inline styles**, static positioning. | ||
| - :package: Integrates with **jQuery**, **Angular.js** and **React.js** easily. | ||
| ## Examples | ||
| - [Colourful Boxes](http://bricklayer.js.org/index.html) | ||
| - [Gradient Wall](http://bricklayer.js.org/gradient-wall.html) | ||
| ## Bricklayer Playgrounds | ||
| ## Playgrounds | ||
| - Play with Bricklayer on [CodePen.io](http://codepen.io/f/pen/QNBwrO) | ||
| - Play with Bricklayer on [JSFiddle](https://jsfiddle.net/fka/totn2yL0/) | ||
| - Play with Bricklayer on [Webpackbin](http://www.webpackbin.com/V1L4KdVeW) | ||
| ## Why Bricklayer? | ||
| --- | ||
| - :gem: **Simpler** than any other cascading grid layout tools. | ||
| - :snowflake: **Lightweight**, no fat. **(1.5KB gzipped)** | ||
| - :construction_worker: **No frameworks required**. | ||
| - :droplet: **Responsive** support with no glitches. | ||
| - :zap: **Easy** configuration. | ||
| - :skull: **No inline styles**, static positioning. | ||
| ## Installation | ||
@@ -52,13 +56,16 @@ | ||
| ## Bricklayer Extensions | ||
| ## Bricklayer with Frameworks | ||
| Since Bricklayer is purely vanilla, you can use it with your frameworks. Here some framework extensions built by the awesome community: | ||
| Since Bricklayer is purely vanilla, you can use it with your frameworks. Here some framework examples: | ||
| | Framework | Bricklayer Extension | Playground | | ||
| | Framework | How to use? | Playground | | ||
| | --------- | -------------------- | ---------- | | ||
| | **jQuery** | [Built-in](https://github.com/ademilter/bricklayer/blob/master/README.md#built-in-jquery-support) | [http://codepen.io/f/pen/zqLJNa](http://codepen.io/f/pen/zqLJNa) | | ||
| | **Angular.js** | [JohnnyTheTank/angular-bricklayer](https://github.com/JohnnyTheTank/angular-bricklayer) | [http://plnkr.co/edit/mo3G36](http://plnkr.co/edit/mo3G36?p=info) | | ||
| | **jQuery** | [Built-in Support](https://github.com/ademilter/bricklayer/blob/master/README.md#built-in-jquery-support) (Add `jquery.bricklayer.js`) | [http://codepen.io/f/pen/zqLJNa](http://codepen.io/f/pen/zqLJNa) | | ||
| | **React** | Built-in Support (Check out Playground) | [http://www.webpackbin.com/V1L4KdVeW](http://www.webpackbin.com/V1L4KdVeW) | | ||
| | **Angular.js** | You can use [JohnnyTheTank/angular-bricklayer](https://github.com/JohnnyTheTank/angular-bricklayer) | [http://plnkr.co/edit/mo3G36](http://plnkr.co/edit/mo3G36?p=info) | | ||
| You can also [add your extensions](https://github.com/ademilter/bricklayer/issues/new?title=Bricklayer%20Extension) to the list! | ||
| You can also [add your examples](https://github.com/ademilter/bricklayer/issues/new?title=Bricklayer%20Framework%20Example) to the list! | ||
| --- | ||
| ## Usage | ||
@@ -103,3 +110,3 @@ | ||
| ## Methods | ||
| ### Methods | ||
| - Add bricks dynamically: | ||
@@ -122,3 +129,3 @@ | ||
| ## Events | ||
| ### Events | ||
@@ -160,3 +167,3 @@ You can add listeners to Bricklayer for full control. These allow you to | ||
| ## Built-in jQuery Support | ||
| ### Built-in jQuery Support | ||
@@ -163,0 +170,0 @@ ```html |
New alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Fixed alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Improved metrics
- Total package byte prevSize
- increased by0.01%
3554393
- Number of lines in readme file
- increased by2.98%
242
No dependency changes