pixelstyles — 2012-09-17T10:35:36-04:00 — #1
I'd like to pitch a question. From the perspective of someone who was in on the ground floor WAY back in the day (CSS wasn't even a thing yet) and wanting to get back in to it. I've since dabbled with style sheets at a very simple level and snippits of Java Script. When I last did some 'design' it was in Photoshop or Fireworks and you would slice it up and just serve it out in tables. All that has changed from what I've seen. So my question is, are their any resources (books or web) that will teach me the new techniques from getting my design from Photoshop or Fireworks to the new standards? I did some quick googling but it just came up with services to do the conversion to HTML/CSS for me. I want to learn how to do it myself.
Any advice or leads would be fantastic.
ralphm — 2012-09-17T19:16:52-04:00 — #2
There are lots of good books on HTML and CSS that take you from the start. I think that's the best way to approach it. Looking at it from the point of view of Photoshop is not really a good idea, IMHO, as Photoshop is not related to web design per se. It's handy for creating graphics, but it's better to understand how CSS works first, and look at what Ps can do from that perspective.
SitePoint has a bunch of good CSS books, and you can find many more on Amazon.
digital_apex — 2012-09-29T15:29:42-04:00 — #3
I agree, there is loads of tutorials but they might not give you the whole picture and how to build from A - Z. Get a good book and read it few times.
webyip — 2012-10-30T21:23:14-04:00 — #4
technobear — 2012-10-31T08:36:06-04:00 — #5
webyip — 2012-10-31T16:23:52-04:00 — #6
I looked over the W3 fools site- it makes fairly valid points, such as W3 certification being nonsense. But while many of their long list of faults with the site are technically correct, they are factors that a beginner wouldn't really be concerned with. The site comes across as some sort of vendetta against W3 schools, and there's a lot of defense for IE versions which again, may be technically outdated, but IE still sucks, and you have to make all sorts of special considerations for it when coding.
I used W3 when I was learning basics to refer to quickly when learning, say CSS, when I needed to remind myself how to format something on a simple style sheet. It's structured well for quick-reference. I certainly wouldn't say it, or most of what you'll find around the web, is comprehensive or should be considered a bible to be used alone. All the sites you listed and more are great resources, especially used together. And most people will outgrow W3 schools and any basic "lessons" quickly and see the deficiencies themselves as they progress in their knowledge.
sdgsteve — 2012-11-08T08:49:36-05:00 — #7
I think they key thing is to take your time with it, CSS can do lots of things and feel a bit daunting at first, I remember changing over and my earliest use of CSS was just to handle things like font colours and styles whilst still using tables, then to progress to CSS for the layout and so on, get to know it bit by bit just like learning a language.
promptspace — 2012-11-17T11:09:00-05:00 — #8
When it comes to brushing up your skills or stepping on the gas once again, the best resource is the WWW the information it serves cannot be constrained within a book. However, a few good places you can take a look at are- Lynda.com Video Tutorials and Tutsplus network. Tutsplus is a great resource for both Web Design and Web Development. In terms a books one very good book would be HTML & CSS - design and build websites by Jon Duckett , an amazing book!