I am a C# developer and had developed simple websites in regular asp.net(with asp.net controls) and a wpf application. Nowadays, I am trying to learn Asp.net MVC3 and I have been exposed to HTML with the Razor view Engine. To be honest, my knowledge of HTML and CSS is limited. Therefore, I keep posting questions now and then on SO for very simple tasks.This has made me very tired of the this Q&A development process. So, now i am thinking of learning the basics of HTML, CSS and maybe some Javascript. Therefore i would request you to guide me to become an efficient enough developer for these technologies. Something that won't take much time and get me up and running fast. 
Guidance for a C# developer to become better UI developer
c#;html;css;html5
I am not going to bother posting links to HTML and CSS tutorials because a quick Google search should turn up hundreds of good resources for this.I will share with you a tool that was invaluable to myself for learning and debugging CSS in my browser.  If you have Firefox, download an Add-On called Firebug.  It is a neat console that provides amazing features for viewing and real-time editing of HTML, CSS, and JavaScript in ANY web page that you visit.  Using this tool I can tinker with stylesheets and styles on specific DOM elements and immediately see the results in my browser.It also has a built in JavaScript debugger that allows you to write JavaScript expressions as well.  Furthermore I can traverse the elements and attributes of the DOM tree to find neat information that may be hidden.  All of these features are invaluable when doing development in ASP.NET or JSF and you need to debug complicated problems with third-party server controls.  They also help me find neat workarounds.On top of that, there is a tab for viewing all HTTP requests and responses, allowing you to view the content of any individual request and response as well as headers.