Web site design has grown up. Unlike the old days, when designers cobbled togetherchunky HTML, bandwidth-hogging graphics, and a prayer to make their sites look good,Cascading Style Sheets (CSS) now lets your inner designer come out and play. But CSSisn't just a tool to pretty up your site; it's a reliable method for handling allkinds of presentation--from fonts and colors to page layout. CSS: The MissingManual clearly explains this powerful design language and how you can use it tobuild sparklingly new Web sites or refurbish old sites that are ready for an upgrade. Like their counterparts in print page-layout programs, style sheets allowdesigners to apply typographic styles, graphic enhancements, and precise layoutinstructions to elements on a Web page. Unfortunately, due to CSS's complexity andthe many challenges of building pages that work in all Web browsers, most Web authorstreat CSS as a kind of window-dressing to spruce up the appearance of their sites.Integrating CSS with a site's underlying HTML is hard work, and often frustratinglycomplicated. As a result many of the most powerful features of CSS are left untapped.With this book, beginners and Web-building veterans alike can learn how to navigatethe ins-and-outs of CSS and take complete control over their Web pages'appearance.
When I wanted to learn JavaScript, I watched a few video tutorials on Youtube, but I didn't start to feel like knowing it till I read first few chapters of "JavaScript the definitive guide". Same goes for CSS, it clicked when I read "CSS the missing manual". When I wanted to learn Spring Boot finally, after working on Spring for years I read "Spring in Action" and "Spring Boot in Action".
Its guaranteed that you'll feel smarter after you read a book on any given topic. You don't have to finish the book, rarely you'll implement everything that any book covers. Just go through the foundational chapters. You'll be surprised how many of your peers in workplace don't know about the basic concepts in these books. That's all I wanted to say.
http://www.amazon.com/CSS-Missing-David-Sawyer-McFarland/dp/...
Get the very basics down - it will be fast and easy and you'll feel good you are making progress. HTML and CSS - don't get bogged down in HTML5 or any latest cutting edge thing or another. Just the core for now.
Once you've got this down, which really is pretty simple stuff, I'd go into jQuery and Javascript. Both are fairly easy to approach though deceptively so maybe, with a ton of upside; and with the push that NodeJS is making, that may be all the programming you need even for the backend.
I don't have any good rec's on learning HTML but google it, there's a ton out there.
CSS I'd do the same, though I also really like CSS - The Missing Manual by McFarland.
For Javascript you'll be hearing a lot of Javascript - The Good Parts by Douglas Crockford, a must read if you are serious.
And jQuery, honestly is so fun/powerful/addictive, if you get a big of Javascript down you will be off and running. There are countless tutorial websites on jQuery and more books coming everyday. Bookwise it's hard to rec right now as the new version of jQuery just dropped today and everything is a bit out of date as it stands.
Bottom line, don't get caught up in trying to learn too much to begin with. Also, good UI Coders are hard to come by and you can always find a Rails/Python/back-end guy to help out until you get that stuff down too.
