CSS Styleguides

I came across a couple of CSS guidelines while catching up with my feeds over the weekend.  Here they are:

  • cssguidelin.es – high-level advice and guidelines for writing sane, manageable, scalable CSS.
  • grvcoelho/css – opinionated CSS styleguide for scalable applications

GitHub redesign

github interface

About a month ago, GitHub revealed its redesigned interface.  It gets better and better with every iteration.  But this time also got a feeling of deja vu, whic took me a while to figure out.  And finally I did.  The navigation menu went from right side to the top.  And it’s not the first time it’s there.

Here is a link to the Refactoring GitHub’s Design blog post (I linked to it before), which explains some of the design decisions and the menu on the right.  Among other things, there’s a screenshot of how things used to be before.  Have a look.

old-github

It’s not identical, but it’s pretty close.

Random fonts and colors for each WordPress blog post

Here is an interesting web design idea that adds uniqueness to the website : use a random font for post titles, and use random color schemes for each post.   To hell with consistency you say?  Well, apparently, being random is being consistent too.

Picked up the thought from this blog post.

10 Things I Learned About UX By Being Drunk

theuserisdrunk.com

OK, this is pure gold.  First of all, this is probably the greatest title ever. “10 Things I Learned About UX By Being Drunk“.  Secondly, this post links to The User Is Drunk website, which is a brilliant idea and … a business, apparently.  Thirdly, it reiterates once again over the things that couldn’t be recommended strong enough:

  1. Don’t say too much
  2. Tell me who your site is for
  3. Solve the need, and tell me what it is
  4. Don’t copy paste
  5. Hide anything non-essential
  6. Make sure every link on your homepage works
  7. Not every site needs to be flashy
  8. Time on site is not the only metric
  9. Use web standards
  10. Stand out

Excellent stuff!