Why?
First of all, I'm new to HN (and YC/PG for that matters) so I'm sorry if a better solution already exists. I'm having fun anyway!
- I wanted Essays to be displayed in the middle of the screen.
- ...needed a nice serif font for reading even if I'm a long time Verdana fan
- ...needed a bigger font and Verdana doens't "scale" well for me
- ...wanted pagination!
So What?
- I retrieve RSS feed with YQL and build a menu
- ...load a frame for every essay to hit an impression on paulgraham.com
- ...retrieve essay's html content with YQL
- ...parse raw html and re-style it applying Google Web Fonts on top
- ...use CSS3 columns to easily "paginate" content
So it's pretty much it, have a look at http://tilt2k.github.com/ressays/ or fork here https://github.com/tilt2k/ressays/
It's still a "beta" (incomplete) but enough to scratch my itch!
Have fun!
Credits/Tools:
- Meyer CSS Reset
- jQuery
- Yahoo! Query Language
- Google Web Fonts
- HN for renewing my will to learn!
- My time (yeah, I mean it, nothing comes for free)
Disclaimer:
I don't think code is worth much but before you dig into it too much, I'm no hacker/coder whatsoever so sorry if it isn't pretty, clean and optimized.
Known Issues:
- Doesn't work on IE!
- Doesn't fallback from unsupported CSS3 columns but there is a "Full View" option
- Lot of bugs listed in the code