Trying to expand my skill set and get up to speed with HTML5/CSS3. Will I find support or (lack of support) for new features fairly consistent across browsers? Any book recommendations?
Got a tip for us?
Let us know
Become a MacRumors Supporter for $50/year with no ads, ability to filter front page stories, and private forums.
Best way get current with HTML/CSS
- Thread starter macmesser
- Start date
- Sort by reaction score
Depends what browsers you need to support. If it's < IE8, then definitely use the html5shiv script to support all those html5 tags.
As far as CSS3 is concerned I think there's still a lot of stuff that requires prefixes (-moz,-webkit,-ms,-o). A reliable source to check, what still needs to be prefixed and what doesn't is:http://www.caniuse.com
For CSS3 I remember reading the Book of CSS 3 by Peter Gasston, it was pretty decent, explained the css animations. transitions, transforms and such pretty well.
As far as HTML 5 is concerned I bought the HTML 5 book my Remy Sharp and Bruce Lawson. It's a rather basic book that gives you an overview of all the new features in HTML5.
Obviously the best way is to work on some project or create your own because that's where you will learn the most from.
As far as CSS3 is concerned I think there's still a lot of stuff that requires prefixes (-moz,-webkit,-ms,-o). A reliable source to check, what still needs to be prefixed and what doesn't is:http://www.caniuse.com
For CSS3 I remember reading the Book of CSS 3 by Peter Gasston, it was pretty decent, explained the css animations. transitions, transforms and such pretty well.
As far as HTML 5 is concerned I bought the HTML 5 book my Remy Sharp and Bruce Lawson. It's a rather basic book that gives you an overview of all the new features in HTML5.
Obviously the best way is to work on some project or create your own because that's where you will learn the most from.
Thanks for response. Will check out the books. I'm not all that interested in animations and such at this point. Just need to be able to do solid basic layouts with styles and semantic HTML and whatever new elements can be used with common browsers. Will be starting on some projects which I want to be easily upgradeable and therefore basically modern.
And don't forget to compress them, I mean on CSS. For better speed performance of your website i strongly recommend Minify (Google is also strongly recommend that, so if you don't believe me believe him 
And for HTML I recommend to use W3 validator to avoid mistakes..
And for HTML I recommend to use W3 validator to avoid mistakes..
Are there any good ways to translate HTML into CSS? This blog once had a tool, but it's currently down.
Of course this is like guessing a word from reading a definition, but surely it can be done. I don't expect something like layers to translate, however I've been panicking ever since <font> tags were deprecated.
There is another old thread on this topic, but the answers were unhelpful.
Of course this is like guessing a word from reading a definition, but surely it can be done. I don't expect something like layers to translate, however I've been panicking ever since <font> tags were deprecated.
There is another old thread on this topic, but the answers were unhelpful.
Here is a good starting point. Take any word document like your resume (or excel for a challenge). Then turn it into pure HTML/CSS. Trust me, you'll learn the CSS box model and may even dream it in your sleep.
Yes, rewrite the code to current standards. HTML is for structure, CSS is for presentation. DO NOT mix the two. Your site should stand alone with well structured HTML5. Then add the CSS to make it pretty. Then add javascript to make it move. Then add server-side ( PHP for example ) to make it dynamic.
I've been very impressed with IE10/11 ( ducks behind pedestal to dodge thrown shoes ). The future looks very bright and much easier to write code without tons of IE fixes.
PS contentEditable, localStorage and websockets have completely changed the way I develop web sites.
*throws rotten tomato*
In my organization we are still stuck on IE8 with rumors of an upcoming upgrade to IE10. The future does look good indeed.
I have heard it said, the only reason IE exists is so you can get on the web and download a better browser.
I'm trying to un-mix them, but I'm not rewriting old code because it's too much work. I just have to hope someone comes along with a program someday, a kind of "markup messiah"....
Believe me, that program/software will be a "gift from god" to webmasters, because i can't imagine more helpful tool then that software..
But until that day, as 960design said: use clean HTML for structure, rich CSS for presentation and PHP to make your website dynamic and that's it..
I wouldn't use javascript if it is not necessary, because they can make website too much slow...
There are so many books and ebooks available.i think you should try w3c school tutorial at your own so it will be more helpful.
I think both are necessary for the website because HTML is used for the structure of your website and CSS is the presentation of your page or structure.
I thought about this a bit more. I think that "miracle" translator I want is called a web browser.
You can export to so many formats now, then fix all of the elements in Komodo or whatever....
You could always try a subscription to teamtreahouse.com. There are TONS of great free sites dedicated to this subject. www.css-tricks.com and www.smashingmagazine.com are a few. Smashing has GREAT books for sale. All reasonably priced.
Other than that, all I can really tell ya is google is your friend. Any question you could possible have, someone has posted about it before.This is fun stuff. Dig in.
Other than that, all I can really tell ya is google is your friend. Any question you could possible have, someone has posted about it before.This is fun stuff. Dig in.
Every heard of Macaw.....
You should check them out here. I think they are designing that "holy grail" web design tool you seek and the best thing is, it's due to release on MAC in Jan 2014 and PC shortly after.
You should check them out here. I think they are designing that "holy grail" web design tool you seek and the best thing is, it's due to release on MAC in Jan 2014 and PC shortly after.
why would you want software to write your code for you if you do it professionally? you have to know how to troubleshoot things. It's fun to do it yourself.