Best way get current with HTML/CSS

Discussion in 'Web Design and Development' started by macmesser, Jul 31, 2013.

  1. macrumors 6502

    Joined:
    Aug 13, 2012
    #1
    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?
     
  2. macrumors 6502

    Joined:
    Oct 11, 2011
    #2
    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.
     
  3. thread starter macrumors 6502

    Joined:
    Aug 13, 2012
    #3

    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.
     
  4. macrumors newbie

    Joined:
    Aug 29, 2013
    #4
    HTML5 is a markup language used for structuring and presenting content for the World Wide Web and a core technology of the Internet. It is the fifth revision of the HTML
     
  5. macrumors newbie

    shelle

    Joined:
    May 29, 2013
    #5
    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..
     
  6. macrumors 65816

    DisMyMac

    Joined:
    Sep 30, 2009
    #6
    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.
     
  7. macrumors regular

    Joined:
    Apr 13, 2013
    Location:
    The Republic of Texas
    #7
    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.
     
  8. macrumors 65816

    Joined:
    Apr 17, 2012
    Location:
    Destin, FL
    #8
    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.
     
  9. macrumors regular

    Joined:
    Apr 13, 2013
    Location:
    The Republic of Texas
    #9
    *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.
     
  10. macrumors 65816

    DisMyMac

    Joined:
    Sep 30, 2009
    #10
    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"....
     
  11. macrumors newbie

    shelle

    Joined:
    May 29, 2013
    #11
    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...
     
  12. macrumors newbie

    Joined:
    Oct 4, 2013
    #12
    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.
     
  13. macrumors newbie

    Joined:
    Oct 4, 2013
    #13
    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.
     
  14. macrumors 65816

    DisMyMac

    Joined:
    Sep 30, 2009
    #14
    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....
     
  15. macrumors 6502a

    Flood123

    Joined:
    Mar 28, 2009
    Location:
    Living Stateside
    #15
    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.
     
  16. macrumors newbie

    Joined:
    Aug 22, 2012
    Location:
    Austin, TX
    #16
    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.

     
  17. macrumors 6502a

    Flood123

    Joined:
    Mar 28, 2009
    Location:
    Living Stateside
    #17
    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. :)
     
  18. macrumors 6502a

    Flood123

    Joined:
    Mar 28, 2009
    Location:
    Living Stateside

Share This Page