New to responsive webdesign

  • Hello.

    I was creating websites using css2, but it was 12 years ago. When mobile devices were not so popular as they are today.

    I’ve never created a responsive website.

    My friend asked me to create new version of his existing website. Of course it has to be responsive.

    My knowledge is more than outdated.

    I need quick soulution to this.

    Should I learn bootstrap, css grid, use css flex? (I don’t know how to use flex)?

    I want to create website based on WordPress CMS.

    It (webdesign) has changed a lot since 2010…

    I am more than confused.

    Any advice is very appreiciated

Viewing 3 replies - 1 through 3 (of 3 total)

  • With WordPress you have the luck to be able to choose from thousands of themes in which the topic of responsive design is already solved for you. You don’t even have to renew your HTML and CSS knowledge but can benefit from the fact that many other developers implement their skills in themes that you can just use.

    Just look for a design that suits you from the extensive pool: https://www.ads-software.com/themes/ – make sure that the developers describe it with “responsive” or “mobile” and that it is as up-to-date as possible.

    If you want to develop everything yourself, take a look at the theme development guide: https://codex.www.ads-software.com/Theme_Development – the source codes you can work with along the way can be found in one of the many tutorials on responsive designs: https://web.dev/learn/design/

    Just use a visual editor plugin. There are many free ones available, like Elementor.

    Moderator bcworkz

    (@bcworkz)

    Since you’ve posted in the “Developing WP” forum, I’m assuming you’re keen to develop your own solutions and do not want to depend on ready made solutions like available themes or visual editors. Not that there’s anything wrong with doing so. Existing themes can serve as guides on how to do things even if you’re developing your own solutions.

    Due to the proliferation of varying display device sizes, responsive design is currently in the process of being reoriented once again. Until recently, most themes behaved responsively by setting media query break points. This inevitably leads to compromise situations at certain screen sizes. We’d prefer page elements to flow together more smoothly than what we typically see with breakpoints.

    Enter “intrinsic web design”. It leverages the advanced features of CSS grid and flex models to get us away from relying upon media query breakpoints. This is a concept I’ve yet to fully implement in my own practice, so I cannot give you much more in the way of suggestions. However, this video should give you a much better idea. I’ve yet to watch it myself, but it comes recommended from fellow WP pros that I respect.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘New to responsive webdesign’ is closed to new replies.