Hacker Newsnew | past | comments | ask | show | jobs | submitlogin

How do people make sites this beautiful for a small plug in? Is there a framework, like Bootstrap 3 or something? How does it work?


This one in particular uses the jQuery onepage-scroll plugin [0] for the scrolling effects, prism.js [1] for code syntax highlighting and some plain HTML and CSS. Here's the complete code: https://github.com/emisfera/Splitchar.js/tree/gh-pages.

In reference to some other comments on this thread, this isn't built using Jekyll. GitHub pages supports pure static sites and Jekyll-powered sites if you put either on the gh-pages branch of the repository.

[0] https://github.com/peachananr/onepage-scroll [1] http://prismjs.com/


You're right, thanks. I'm finally home and managed to look at the source, it doesn't use Bootstrap. The author built it all from scratch. Kudos to him.


I didn't even realize it scrolled until I saw your comment and went back.


Hiding your content below the scroll and having a single, tiny, ambiguous, low-contrast visual indicator that more information is below seems to be "the in thing" in web design in 2014.


It's a github page, so it is probably using jekyll...http://jekyllrb.com/


Isn't Jekyll more for blogs? Also, Github pages are just static HTML, why is Jekyll more probable?


I thought default for github pages was jekyll now...

It was originally more for blogs but it can be used for lots of things. We use it to serve our style guide and API documentation.


The github pages intro documentation reccomends using Jekyll; it's built in somehow.


It appears at least in part inspired by zombo.com.


What isn't!


I'm a bit confused. Here's what it looks like to me: https://imgur.com/8zSglOv

No buttons do anything when clicked, and I can't scroll. Latest Firefox and Chromium on Ubuntu. Am I missing something or is it broken for me? Can anyone show me what it's supposed to be like?


You might be using HTTPS Everywhere which is blocking jQuery and some other stuff from loading since he hard coded them as a HTTP url. Try opening it up in Incognito or another browser without HTTPS.


That was it, I feel silly now. Thanks!




Guidelines | FAQ | Lists | API | Security | Legal | Apply to YC | Contact

Search: