Ranter
Join devRant
Do all the things like
++ or -- rants, post your own rants, comment on others' rants and build your customized dev avatar
Sign Up
Pipeless API
From the creators of devRant, Pipeless lets you power real-time personalized recommendations and activity feeds using a simple API
Learn More
Comments
-
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.
-
Either use a responsive framework, like materializecss, bootstrap, ... or learn how to use CSS Media Queries :)
-
flag020318yMedia queries for real websites.
For practice start with vanilla HTML/CSS and use your phone. -
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?..
-
@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.
-
rein1858y@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.
-
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 -
@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 -
Html5+css3+Javascript is all u need. Udacity.com is a life saver for all your knowledge needs. Wish you best of luck.
-
@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 -
Orionss28868yThanks 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)
Related Rants
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?
undefined
fronted
mobile
responsive design