https://github.com/adnasa/my-rwd-setup

A basic set of tools I use on every RWD project.
https://github.com/adnasa/my-rwd-setup

Last synced: 6 days ago
JSON representation

A basic set of tools I use on every RWD project.

• Host: GitHub
• URL: https://github.com/adnasa/my-rwd-setup
• Owner: adnasa
• Created: 2014-10-16T21:46:08.000Z (about 10 years ago)
• Default Branch: master
• Last Pushed: 2013-12-04T17:51:28.000Z (almost 11 years ago)
• Last Synced: 2024-04-15T03:20:44.503Z (7 months ago)
• Size: 105 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: readme.md

Awesome Lists containing this project

README

        

# My RWD Setup

A basic set of tools I use on every RWD project.

## Preview

[http://0nn0.github.io/my-rwd-setup/demo/](http://0nn0.github.io/my-rwd-setup/demo/)

## Components

**Mediaquery debugger**

- Displays the active mediaquery in a bar at the bottom of the page

- Allows you to toggle the visibility of the debugger on/off by using a keyboard shortcut

**Mediaquery manager**

- Detects and stores the currently active and previous mediaquery

- Dispatches an event when the active mediaquery changes

## Dependencies

- [Sass](http://sass-lang.com/)

- [Modernizr](http://modernizr.com)

## Getting started

- Make sure you have [Sass](http://sass-lang.com/) installed

- Clone the repo and move into the main directory

- If you'd like to edit the SCSS files, run `sass --watch src/scss/style.scss:src/css/style.css` to compile the Sass to CSS

- Open `demos/index.html`

## Feature requests

For feature requests, simply create an issue in the [issue-tracker](https://github.com/0nn0/my-rwd-setup/issues)

## Credits

- Debugger: http://johanbrook.com/design/css/debugging-css-media-queries/

- Mediaquery manager: http://adactio.com/journal/5429/