Webdesign help

Discussion in 'Tech Talk' started by Fikusan, Feb 12, 2012.

  1. Fikusan
    Veteran Final Fantasy Member

    Joined:
    Jun 24, 2008
    Messages:
    268
    Likes Received:
    1
    I recently found myself getting engulfed in the world of webdesign and as far as resources go, I find that there's so much crap out there to know but no one real good place to find it. Does anyone know of any good sites for very thorough documentation on HTML5 and/or CSS?
    Also any web developer tips for a newbie?

    I put myself together a site today and I'm going solely off of crappy tutorials from all around the net.
    http://www.ics.uci.edu/~chules
    I've still got a few artistic tweaks I need to make to the themes of each page, but I feel I achieved the general look I was going for. The one thing I'm finding hard to do right now is to design something that would look decent on almost any screen size.
     
  2. mwhays
    Veteran

    Joined:
    Nov 19, 2011
    Messages:
    1,286
    Likes Received:
    0
    Occupation:
    Stock Broker / Financial Planner / Registered Inve
    Location:
    Cincinnati
    lynda.com for tutorials on the actual software and great tips from actual licensed teachers and industry professionals. Im pretty good with Adobe Suite software, thanks to them.

    It'd be more helpful if we knew what you are doing and what software you are using.

    edit: great site, by the way. Its got basic functionality and looks like an effective first effort. A plus, sir!

    My method of making websites is to create the look of the site in photoshop. Then, I chop it up into the various pieces and slices to import them into adobe dreamweaver. From there, all the textual content, the interactive content, and other stuff gets added. For an aquarium site I did, I went back into flash and made little bubbles to bubble up on the title banner of the webpage in front of the aquarium picture. I did all of this under the direction of several Lynda.com tutorials. I no longer have the site up, but it got me a lot of aquarium install/service business in the Amarillo area when I lived there.
     
    Last edited: Feb 12, 2012
  3. Fikusan
    Veteran Final Fantasy Member

    Joined:
    Jun 24, 2008
    Messages:
    268
    Likes Received:
    1
    I'm actually using mspaint o.o (and vim for the coding)
     
  4. TheEPIC
    Veteran

    Joined:
    Sep 6, 2008
    Messages:
    1,362
    Likes Received:
    3
    If you want to start working with javascript, I've found that codecademy has some decent lessons.
     
  5. mwhays
    Veteran

    Joined:
    Nov 19, 2011
    Messages:
    1,286
    Likes Received:
    0
    Occupation:
    Stock Broker / Financial Planner / Registered Inve
    Location:
    Cincinnati
    Ahh! Totally different style of web design :) yes. Designing with code is not my forte. Wysiwyg is the way I work. I can't code to save my life.
     
  6. Blackice
    Veteran

    Joined:
    Apr 18, 2011
    Messages:
    507
    Likes Received:
    0
    Occupation:
    Baker
    Resume site? Frontpage will do it right quick. I prefer Dreamweaver to most, if not all, web design. What you've got there is a decent layout.

    Lynda.com instructors will be more towards the unique end of the spectrum rather than doldrum boring. Sometimes this means you get a rather androgynous male who speaks in the choice octaves of a middle-aged woman, that will put heavy inflections on every instance of certain letters of the alphabet, with no apparent reason, for hours on end. Who knew?
     
  7. mwhays
    Veteran

    Joined:
    Nov 19, 2011
    Messages:
    1,286
    Likes Received:
    0
    Occupation:
    Stock Broker / Financial Planner / Registered Inve
    Location:
    Cincinnati
    I wouldnt be that hard on them. I've found their tutorials to be outstanding for beginners and people looking for a few new ways to get some excellent workflow out of the programs. The interactive files that you get when you actually pay for the material is excellent and they are actually trained teachers/instructors/licensed to teach in the subject they are covering. Many of the series also have guests that are industry pros that show tips and secrets of success. And I havent found the accents to be overly offensive.
     
  8. Fikusan
    Veteran Final Fantasy Member

    Joined:
    Jun 24, 2008
    Messages:
    268
    Likes Received:
    1
    Yay, I just learned about favicons :D
    Also dynamic background loading would be nice (ie load a diff pic if the browser resolution is a larger or smaller than default) is such a thing possible? JavaScript+CSS?
     
  9. Blackice
    Veteran

    Joined:
    Apr 18, 2011
    Messages:
    507
    Likes Received:
    0
    Occupation:
    Baker
    Oh I know. I do only mean sometimes. The instructor was good too, it was just very, very odd. A 30 year old guy, talking like a "dont'cha know" North Dakotan soccer mom for four+ hours straight without skipping a beat. Eventually one starts to wonder, are they actually a North Dakotan soccer mom in a 30 year old male's body? Organized though, and concise.

    Why it's a bad idea: http://stackoverflow.com/questions/...esolution-to-load-alternative-css-a-good-idea

    Too many sizes, too many templates, too much change in the future.

    How to do it anyway: http://css-tricks.com/resolution-specific-stylesheets/

    Basically it just swaps in the .css file you need..
     
  10. mwhays
    Veteran

    Joined:
    Nov 19, 2011
    Messages:
    1,286
    Likes Received:
    0
    Occupation:
    Stock Broker / Financial Planner / Registered Inve
    Location:
    Cincinnati
    :D bahahahaa, ok I'll give you that one.

    Nice references on the css stuff, by the way.
     
  11. Fikusan
    Veteran Final Fantasy Member

    Joined:
    Jun 24, 2008
    Messages:
    268
    Likes Received:
    1
    Okay, so I've been playing around with canvas controls... I think i found a bug in Firefox 10.0.2 but I'm not sure... I get strange behavior when using clearRect on a canvas in Firefox 10.0.2, I load it in chrome or safari, and things work fine... can anyone else running Firefox 10.0.2 on win7 confirm this for me?
    Here is my document:
    http://www.ics.uci.edu/~chules/sandbox2.html
    How it looks in FF:
    [​IMG]
    How it should look (via chrome):
    [​IMG]