https://github.com/netbek/bender

Responsive design tester
https://github.com/netbek/bender

Last synced: about 2 months ago
JSON representation

Responsive design tester

• Host: GitHub
• URL: https://github.com/netbek/bender
• Owner: netbek
• License: agpl-3.0
• Created: 2015-02-05T21:55:30.000Z (almost 10 years ago)
• Default Branch: master
• Last Pushed: 2018-07-13T18:07:35.000Z (over 6 years ago)
• Last Synced: 2024-10-15T08:21:23.124Z (3 months ago)
• Language: JavaScript
• Size: 142 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# bender

Responsive design tester

## Installation

1. Install global Node dependencies:

    ```

    npm install -g gulp-cli yarn

    ```

2. Install local Node dependencies:

    ```

    cd /path/to/repository

    yarn install

    ```

3. Create `bender.config.js` in `/path/to/repository`:

    ```javascript

    var benderConfig = {

      // Option 1: Define sitemap

      sitemap: {

        'url': 'title',

        'another/url': 'another title'

      },

      // Option 2: Load sitemap from file

      sitemapUrl: 'http://example.com/sitemap.xml',

      sitemapBaseUrl: 'http://example.com',

      baseUrl: '',

      // Required

      screens: [

        '320-480',

        '768-1024',

        '1024-768',

        '1440-900',

        '1920-1080'

      ],

      // Optional

      cache: false, // Enable cache busting

      cacheQueryParam: 'ts', // Name of query string parameter used for cache busting

      debug: false, // Enable debugging

      firstUrl: '', // Initial URL to load. Defaults to first URL in sitemap

    };

    ```

## Usage

Open `index.html` in web browser