Giter VIP home page Giter VIP logo

c4's Introduction

c4: a man, a plan, 4chan, Panama!

c4 is a Greasemonkey userscript for Firefox 26+ that transforms 4chan pages in your web browser into a user interface that is a whole lot more usable.

Currently, development focus is on reader usability. Reading threads and viewing images is far improved from the vanilla 4chan experience.

However, c4 currently doesn't offer much else, so if you're looking for a similar but much more feature-complete and mature project, try 4chan X.

What will c4 do?

Future development focus will be on board-level usability improvements. The official 4chan catalog pages are step up from refreshing page 0, but I still think there's a lot more that can be done. If you're interested and/or have ideas about this, feel free to discuss them on the github issues tracker.

Installation

While keeping in mind that c4 is still alpha software, you can try out a recent compiled version at:

https://github.com/qqueue/c4/releases

Click on the green c4.user.js on the latest release to prompt for installation.

You'll need Firefox 26+ and Greasemonkey installed. Chrome(ium) might work, but my current compatibility target is just Firefox, to keep development overhead low.

Please report issues if/when you come across them.

Hacking

Development is coordinated through c4's github repository.

c4 is written in coco, nephrite, and stylus (+ nib). To compile c4, install node.js, then clone or download the repository and run:

npm install
npm run-script build

to build the script to c4.user.js.

c4 is written in CommonJS module format, which is compiled into a single userscript file with commonjs-everywhere (+esprima +escodegen). The build process is coordinated through the coke buildtool that comes with coco. Check out the Cokefile for details.

Live Coding

Run npm run-script watch to rebuild the script when something changes. Then, make a symbolic link from the compiled script in the repo to the copy in Greasmonkey's folder inside your Firefox profile:

ln -sf $PWD/c4.user.js \
       ~/.mozilla/firefox/<profile dir>/gm_scripts/c4/c4.user.js

Then, you should get instant feedback (after refresh) when making changes, which isn't the perfect developer feedback loop, but it's pretty close.

License

c4 is public domain software. Read UNLICENSE for more information.

c4's People

Contributors

qqueue avatar vendethiel avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar

c4's Issues

misleading name

i thought this was a new chan written from scratch on top of html5

do you want to make a new chan written from scratch on top of html5?

c4 is not as popular as 4chan x

if you care at all, you could start bridging the gap by hosting builds, outlining differences, and treating chrome as a first class citizen (firefox is the only browser mentioned by name in the readme)

TODO:

  • host builds
    • subtask: let greasemonkey autoupdate
  • outline differences
  • support chrome
  • get more users than 4chan X

Replying button is not showing up to me.

I loved the way you built this 'fork', and the only issue I've had so far was about the replying button. I'm using 4chan X 1.3.2, and I've to disable it, to see if it was a incompability, but it wasn't.
I'm on windows 7, x64, btw.

Not an issue, but...

I saw you post this once before, and I just wanted to say that I'm really impressed with what you have done!

Posts say that they were done 2 days ago, when they were done less than a minute ago.

Perhaps since you have so many other 'button' elements, that [Reply] should be one too?

If the board doesn't support spoiler images, why show the checkbox?

I think you need to specify a sans-serif font for the textarea, at the moment it's monospace (for me, anyway).

Great work dude, keep it up!

Use package.json devDependancies

Npm offers a devDependancies options that let's you define the stuff you need to install to build.

Those will be install in node_modules when running npm install .
You can also define a build script shortcut.


My bad. I need some sleep.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.