Hacker News Reader

Comment by nnd | Hacker News Reader

The landing page looks really slick. I was wondering, how did you create the design for it? I'm a programmer and my web design skills are limited to installing bootstrap, and I'm always fascinated, how would you come up with right color/font/layout matching

View on HN

Hi. Thanks so much.

I do everything "in the browser" these days. No Photoshop, just straight HTML/CSS/JS in Sublime Text. That way the site starts to feel alive pretty quickly and then I just tweak stuff around until I'm happy with it.

Colours... Sometimes I use http://flatuicolors.com/ as a starting point and then tweak it from there.

Also keep looking around at stuff on Dribble/Behance/Pinterest for inspiration. Some good guys to follow on Pinterest: http://www.pinterest.com/robklaiss/uiux/ http://www.pinterest.com/alexhyett/ui-ux-inspiration/ http://www.pinterest.com/wkk711/mobile-ui-ux/

Hope that's helpful.

Hello, Would you mind sharing about front end libraries (js, css) you've used. The interface is beautiful and efficient. I'd love to hear a bit more about it.

Thanks for much for the compliment, you made my day.

There's not much to say really. It's just pretty vanilla jQuery and then I code the CSS/HTML by hand. I use a few Bootstrap components, but where possibly I try to craft everything myself. I think that helps to keep it simple, if you start throwing a lot of components together you end up with a mess rather than having to put the effort in yourself and, as your time is a precious resource, you think more about what's important and what's not.

Sorry, I know that's not very helpful!

I was looking at the source and found your rick astley. It looked really weird in chrome's dev tools :P. Your CSS/HTML is way better than mine, time to polish my skills..

Reply on news.ycombinator.com