Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/k9ordon/ghostrayder

A ghost theme concept
https://github.com/k9ordon/ghostrayder

Last synced: 5 days ago
JSON representation

A ghost theme concept

Awesome Lists containing this project

README

        

# Ghost Rayder - 0.5 Prerelease

A ghost theme - currently in concept-stage developed for **latest webkit** and ios devices.

## Features

- drag, scroll, swipe or touch article navigation (keyboard too! up,down,left,right)
- focused full screen articles
- vertical text column layout for optimal screen usage
- device responsive concept
- a few color UI Scheme
- or autocoloring ui (dominant colored, light or dark interface via blog cover image)
- autocoloring article header column (dominant colored background via first article images)

### Upcoming for 1.0

- modern browser support (optimizing Android, Firefox, IE10)
- resource handling (suspend not displayed articles/imgs
- overview (article "scrollbar", column index)
- social icons integration

## Preview

![Navigating on IOS](https://raw.github.com/k9ordon/ghostrayder/master/screens/navigating_ios.gif)

![Header Screenshot](/screens/header.png)
![Article Screenshot](/screens/article.png)
![Article Read Screenshot](/screens/read.png)

### Mobile

![Header iPhone Sized Screenshot](/screens/header_mobile.png)
![Article iPhone Sized Screenshot](/screens/article_mobile.png)
![Article iPhone Sized Read Screenshot](/screens/read_mobile.png)

## Develop
based on npm, grunt & bower

npm install
bower install
grunt
grunt watch

### Bugfixing

- resize/orientation change handling/bugfixing
- jquery.columnizer bugfixing

## Credits
- jquery-mousewheel
- Background-Check
- jquery.hotkeys
- color-thief
- jquery.columnizer
- hammerjs
- waitForImages
- jquery.avgrund
- eric-meyer-reset
- coffeescrupt
- sass
- grunt
- nodejs
- git
- [Wells Riley](http://blog.wells.ee/dribbble/)

## Externals

- [![Dependency Status](https://gemnasium.com/k9ordon/ghostrayder.png)](https://gemnasium.com/k9ordon/ghostrayder)
- [coffeedoc Documentation](http://coffeedoc.info/github/k9ordon/ghostrayder/master/)
- [![Bitdeli Badge](https://d2weczhvl823v0.cloudfront.net/k9ordon/ghostrayder/trend.png)](https://bitdeli.com/free "Bitdeli Badge")