Over a million developers have joined DZone.
{{announcement.body}}
{{announcement.title}}

Look Ma’, I Redesigned Facebook!

DZone's Guide to

Look Ma’, I Redesigned Facebook!

· Web Dev Zone ·
Free Resource

Jumpstart your Angular applications with Indigo.Design, a unified platform for visual design, UX prototyping, code generation, and app development.

 

After reading Simple user styles I immediately downloaded Stylish (Chrome extension) and started messing around with Facebook. I always found UI filled with unnecessary stuff and I could finally remove certain parts (i.e. hide them).

Since I also like darker themes, quick result is something I call Darkbook :) Take a look:

Darkbook

http://www.tonicodes.net/blog/wp-content/uploads/2013/03/darkfacebook-300x189.jpg

I changed the default fonts, removed the right layout (who uses it anyway) and stretched the middle column a little bit to the right. I really like Google Web Fonts, you should check them out. I used Ubuntu for left column and Open Sans for everything else.

You can find the code on Github. Please note that this is merely an attempt at restyling, not a complete and usable style. I will continue to work on it (probably) and make it better over time.



Take a look at an Indigo.Design sample application to learn more about how apps are created with design to code software.

Topics:

Published at DZone with permission of

Opinions expressed by DZone contributors are their own.

{{ parent.title || parent.header.title}}

{{ parent.tldr }}

{{ parent.urlSource.name }}