3
Orionss
8y

Guys, I would like to learn how to make web design for mobile. But I don't know where to begin, can you help please?

Comments
  • 4
    Start with basic HTML 5 and take a look at media queries in CSS
  • 0
    Can you currently 'make web design' for desktop? I don't understand what you are asking. The general term is 'responsive web design' try googling that. I guess that will start you off in the right direction.
  • 0
    Either use a responsive framework, like materializecss, bootstrap, ... or learn how to use CSS Media Queries :)
  • 0
    Media queries for real websites.
    For practice start with vanilla HTML/CSS and use your phone.
  • 0
    Talking about responsive design, what do you guys think about Using Frameworks vs making your own media queries ? I also see some people list bootstrap or similar frameworks as a skill in their profile. Isn't that silly?..
  • 1
    @HoloDreamer I'm a trained, experienced graphic designer. I design and build bespoke websites. I don't use bootstraps or frameworks. Or template engines (turdpress). That's the way I work. Lean code. Fast sites. Happy clients. Easy to maintain.
  • 1
    @HoloDreamer My experience is that when I use a css framework I have to override a lot, and that takes time. Using media queries is somewhat better since you know all your css. A framework like bootstrap is quite bloated also. In the end it boils down to taste and what your most efficient with.
  • 0
    Here's what I'd do,
    Search responsive media queries

    Then you have two options ... Build mobile to desktop or desktop to mobile ...
    Desktop to mobile is easier but slower

    Max width is desktop to mobile min width the mobile to desktop option.

    Then start playing around with css simple site put text in a container the container has. Css like

    .container { max-width:1000px; width:95%}

    Then in the media queries add font size changes to the container .. then load in a browser and just make your browser smaller ... As if it was mobile...
    That should be enough for you to understand how it all works
  • 3
    @HoloDreamer Some people may feel that not using existing frameworks would be like reinventing the wheel. On the other hand, some prefer to write their own code because frameworks may not offer exactly what they need, and they would have to make too many changes for it to work the way they want it to.
    It's a personal choice :) However, I do agree that listing bootstrap on their skill set may seem a little silly :P
  • 0
    Html5+css3+Javascript is all u need. Udacity.com is a life saver for all your knowledge needs. Wish you best of luck.
  • 1
    @helloworld @rein @vikrambajaj i agree, i feel overriding styles too. But i like the row grid feature. Maybe i should look beyond popular ones for a lightweight framework.

    Using Media queries feel like reinventing the wheel to me
  • 0
    Opinions on Skeleton.CSS?
  • 0
    Thanks for all your answers, if I make a summary :
    - Media Queries in CSS
    - Frameworks like Bootstrap or Materialize

    I was afraid I had to use Javascript (I'm kind of disgusted by it because of a complex 2D HTML5 canvas project I made)
Add Comment