Web Design

Started by theg, Dec 15, 2014, in Creative Add to Reading List

  1. theg
    Posts: 11,958
    Likes: 27,208
    Joined: Feb 17, 2011

    theg got that pma

    Dec 16, 2014
    http://www.dontfeartheinternet.com/


    tf this was written like directly at me
     
    #21
    1
    CSW likes this.
    1
    CSW likes this.
    Jul 22, 2025
  2. theg
    Posts: 11,958
    Likes: 27,208
    Joined: Feb 17, 2011

    theg got that pma

    Dec 16, 2014
    is it ethical to design a site, sell the design to a client, hire a freelance developer and then have them develop the site?

    thinking of doing this, at least while i'm learning basics.
    someone comes to me for a site
    i design it in PS, etc
    show it to them, get approval
    go to odesk or freelancer or designcrowd or something, get it developed
    charge client what I paid the freelancer

    is that cool to do or what it feels weird

    edit: i guess its not a whole lot different than going to a print/press place. when i do that i generally charge clients a markup on that if they have it printed through me.. still would like some thoughts though @csw621 @JFK @Hasman @Artik Design
     
    #22
    0 0
    Jul 22, 2025
  3. Loyalty
    Posts: 5,296
    Likes: 22,268
    Joined: Dec 1, 2014
    Location: PHX

    Loyalty we go hard on earth

    Dec 16, 2014
    I am a web designer but I only really code from scratch with a text editor. If you need help with coding I can help but unfortunately I don't really use any programs like Muse or Edge. I have done Wordpress and Bootstrap sites too though

    (also I try to make everything I do responsive!)
     
    #23
    1
    FlawlessT likes this.
    1
    FlawlessT likes this.
    Jul 22, 2025
  4. theg
    Posts: 11,958
    Likes: 27,208
    Joined: Feb 17, 2011

    theg got that pma

    Dec 16, 2014
    yeah the more I look into it the more i see that that appears to be the way to go, unfortunately edge is all in beta (animate, reflow, etc) and isn't producing reliable code at this point and is moreso used for mockup purposes, while muse doesn't have any responsive capabilities at all. works really slow atm so I spent all day watching videos, reading tutorials, doing codecademy basics, etc and yeah it really looks like that's the way to do it. It's so f---in frustrating to have to start at a basic level because i have all these dynamic things I want to start doing right away but it just doesn't work like that off the jump.

    however I think im gonna do my coding in dreamweaver for whatever I do, if only because of the live view preview which runs chromes rendering software so you can have your HTML, CSS, JS on tabs on one half of the screen and a live chrome preview on the other half.
     
    #24
    1
    FlawlessT likes this.
    1
    FlawlessT likes this.
    Jul 22, 2025
  5. Loyalty
    Posts: 5,296
    Likes: 22,268
    Joined: Dec 1, 2014
    Location: PHX

    Loyalty we go hard on earth

    Dec 16, 2014
    gotcha, yeah coding is probably the way to go since you control every bit of the site. I usually use Dreamweaver or Sublime and then keep a Chrome window open and save and refresh my file to see changes. I didn't even know there was a live Chrome preview within Dreamweaver... ever since the "Live preview" of the old Dreamweaver (which didn't look at all what was coded) I've stuck to using "Code view" only..
     
    #25
    1
    FlawlessT likes this.
    1
    FlawlessT likes this.
    Jul 22, 2025
  6. theg
    Posts: 11,958
    Likes: 27,208
    Joined: Feb 17, 2011

    theg got that pma

    Dec 16, 2014
    yeah, cc2104 added the chrome engine for their in-program live view. the edge products use it as well.
     
    #26
    0 0
    Jul 22, 2025
  7. CSW
    Posts: 8,687
    Likes: 6,412
    Joined: Feb 23, 2011
    Location: America n-----

    CSW Member 3461

    Dec 16, 2014
    i never sell anyone a site i didn't write myself in notepad

    re your question about ethics, i believe technology is too commercialized already
     
    #27
    1
    FlawlessT likes this.
    1
    FlawlessT likes this.
    Jul 22, 2025
  8. theg
    Posts: 11,958
    Likes: 27,208
    Joined: Feb 17, 2011

    theg got that pma

    Dec 17, 2014
    @zoidberg (or anyone else), can someone help me understand this
    [​IMG] [​IMG]

    the order doesn't make any sense to me, why is shift being read first if it's the 2nd style in my header? why is bootstrap first but being read last? why is the last file being read first? hella confusing and the way they explain it makes me think it wasn't done right but that's the combination that gave me 100%
     
    #28
    1
    FlawlessT likes this.
    1
    FlawlessT likes this.
    Jul 22, 2025
  9. Loyalty
    Posts: 5,296
    Likes: 22,268
    Joined: Dec 1, 2014
    Location: PHX

    Loyalty we go hard on earth

    Dec 17, 2014
    As far as I know, the stylesheets are loaded in the order they are in the html doc. The order of stylesheets only matters if you're overriding styles. So if p is defined in bootstrap.css and in main.css, whatever's in main.css will take precedence.
     
    #29
    2
    FlawlessT and theg like this.
    2
    FlawlessT and theg like this.
    Jul 22, 2025
  10. theg
    Posts: 11,958
    Likes: 27,208
    Joined: Feb 17, 2011

    theg got that pma

    Dec 17, 2014
    thats what I thought.. weird. must have been a glitch or something in the test. everything else worked fine though.
     
    #30
    1
    FlawlessT likes this.
    1
    FlawlessT likes this.
    Jul 22, 2025
  11. theg
    Posts: 11,958
    Likes: 27,208
    Joined: Feb 17, 2011

    theg got that pma

    Dec 20, 2014
    so close to making my site

    only hangup at this point is making one of these [​IMG] and a dropdown menu when the site switches to mobile/tablet :mjcry:
     
    #31
    2
    FlawlessT and CSW like this.
    2
    FlawlessT and CSW like this.
    Jul 22, 2025
  12. Loyalty
    Posts: 5,296
    Likes: 22,268
    Joined: Dec 1, 2014
    Location: PHX

    Loyalty we go hard on earth

    Dec 21, 2014
    Using media queries it's not too hard, here's a pretty easy tutorial: http://www.hongkiat.com/blog/responsive-web-nav/

    When your site's done you should post it here
     
    #32
    2
    FlawlessT and theg like this.
    2
    FlawlessT and theg like this.
    Jul 22, 2025
  13. theg
    Posts: 11,958
    Likes: 27,208
    Joined: Feb 17, 2011

    theg got that pma

    Dec 21, 2014
    yeah i've been using dreamweaver tbh, they have a CSS styler panel that lets you define different CSS for different media queries, so it's not so much hard for me as it is time consuming. Like I said, only hangup atm is the = navbar thingy and having it create a dropdown when clicked. Recently subbed to lynda.com (holy f--- what a site) and been picking it up pretty fast. that tutorial demo you just linked looks perfect for what i'm trying to do, thanks breh.
     
    #33
    2
    FlawlessT and Loyalty like this.
    2
    FlawlessT and Loyalty like this.
    Jul 22, 2025
  14. Disclosure
    Posts: 1,607
    Likes: 2,892
    Joined: Dec 23, 2014

    Disclosure R&B Stan

    Dec 23, 2014
    Soon to be a software developer checking in,

    We outchea
     
    #34
    3
    FlawlessT, theg and Mike Tyson like this.
    3
    FlawlessT, theg and Mike Tyson like this.
    Jul 22, 2025
  15. Loyalty
    Posts: 5,296
    Likes: 22,268
    Joined: Dec 1, 2014
    Location: PHX

    Loyalty we go hard on earth

    Dec 23, 2014
    Lynda is great! Teacher had us use that a lot in my undergrad. I need to resubscribe, got a lot more to learn
     
    #35
    2
    FlawlessT and theg like this.
    2
    FlawlessT and theg like this.
    Jul 22, 2025
  16. theg
    Posts: 11,958
    Likes: 27,208
    Joined: Feb 17, 2011

    theg got that pma

    Dec 23, 2014
    f--- me. every time i start to code and get half way started I begin to look at other sites and wanting to change my layout or whatever. I keep thinking about going to wordpress, then i see bootsrap sites and I keep going to that, then I keep saying f--- it I'll code it all by hand so its original, then I keep thinking anything other than that would look better, especially for my first site. s----s skressful bruh. think im gonna research a bit more into bootstrap and wordpress over the next day or two.
     
    #36
    1
    FlawlessT likes this.
    1
    FlawlessT likes this.
    Jul 22, 2025
  17. Disclosure
    Posts: 1,607
    Likes: 2,892
    Joined: Dec 23, 2014

    Disclosure R&B Stan

    Dec 23, 2014

    Make a plan!

    I don't know what your goals are, but research the industry thoroughly to the point you know what the highest standards of website look like, what they are capable of doing, what direction the industry is heading for in the future. If you're trying to be a web designer, make sure you're top tier on your design work! Say to yourself you're going to design 5 different types of websites, and see how they look next to other websites, do they look as good? better? Practice practice! You'll make improvements without realising when you're doing this s--- over and over. Also expand your skills so you have some stand out appeal, show you can design brochures, flyers and whatnot.

    For coding, a decent site is www.w3schools.com. Just keep searching everytime you get stuck. Also buy books if you're serious about it, but I guess it depends on what way of learning you prefer [Internet vs. books]. Once you have a list of short and long term plans, follow them through! Find your favourite site and try replicate it or put your own twist on it. If you have built a solid enough plan, you shouldn't feel the urge to deviate away from it anytime soon.

    Make a list for what you want to achieve next year, I've literally planned EVERYTHING I want to do to the littlest detail.
     
    #37
    3
    FlawlessT, Loyalty and theg like this.
    3
    FlawlessT, Loyalty and theg like this.
    Jul 22, 2025
  18. theg
    Posts: 11,958
    Likes: 27,208
    Joined: Feb 17, 2011

    theg got that pma

    Dec 24, 2014
    when i get a solid mockup ill post and ask u guys for opinions :mjcry: whenever that happens
     
    #38
    1
    FlawlessT likes this.
    1
    FlawlessT likes this.
    Jul 22, 2025
  19. Loyalty
    Posts: 5,296
    Likes: 22,268
    Joined: Dec 1, 2014
    Location: PHX

    Loyalty we go hard on earth

    Dec 24, 2014
    Good tips up there, anal guy.

    Some other good sites besides Lynda and w3schools:
    css-tricks.com - pretty much has answered any question I've ever googled
    stackoverflow - same as above
    codepen.io - really useful for learning based off real examples, and creating your own code. Has html/css/js built into each "pen" you create and live preview, and pretty much everything you need to test out anything or just to get ideas from others. You can follow/like/etc like on social media.
     
    #39
    3
    FlawlessT, CSW and theg like this.
    3
    FlawlessT, CSW and theg like this.
    Jul 22, 2025
  20. Loyalty
    Posts: 5,296
    Likes: 22,268
    Joined: Dec 1, 2014
    Location: PHX

    Loyalty we go hard on earth

    Jun 16, 2015
    There's not enough web dev people on this board :emoji_slight_frown:

    Anyone made anything new recently? @theg @AnalOnFirstDate @csw621 @coldkick

    I recently completely redesigned my portfolio site - www.kstardesigns.com. Tried to incorporate some CSS3 stuff I never tried before and just new design techniques. One think I really can't get the hang of is background ideas. I always just end up doing solid colors.
     
    Jul 22, 2025