Best Practices to Create a Responsive Web Design

The responsive web design is here to stay. Other options optimized for mobile devices to web design, but of them all, Google recommends responsive design. The first responsive design you do in you may seem a little strange, but as you practice, you’ll see that it’s just another way of understanding the design has no secret. In this post I want to share with you some key points to consider when designing a website responsive. This serves to both designers and entrepreneurs, because they are things to keep in mind whenever we create a web, whether the maquetemos us, is that we may appoint a third party. What is important in any design is to ensure a good user experience and if you consider these points, rest assured that you will be much closer to achieving it. Note all screen resolutions Occasionally I found a client who asked me to modify the structure of a template, so that certain resolutions horizontal scroll bar is created following the change made. The typical question from my clients is whether that matters, believing that it is safer to just anyone navigate the screen resolution. The issue is that every day there are more mobile devices for sale, which can not simply design for iPhone and iPad and little else. I love Apple, but there are many other devices that we consider. This is not going crazy creating thousand jumps CSS3 media queries. What it is to choose the right breaks and ensure that the web looks good on all resolutions. The best way to check is from a desktop doing great and small browser window smoothly, so if at some point something is wrong detect. Plans change points in responsive web design The design uses CSS3 media queries to decide how it will see the website in certain stretches of screen resolution. Thus, a band can be 480px from 767px to another can be from 320px to 479px. Here it is important to think through what will be the shift points on CSS3 media queries and find a balance between functionality and implementation time. So, if I make 10 queries CSS3 media, what will happen is you’ll have to design the website for 10 different views, which is not practical. Ideally do about 4-5 views and no more, unless you have lots of time or be a major project. Think of each of the views will take time, as will involve optimizing the design for that view each and every page of the site. With 5 views have a great design, you do not need to complicate your life more. The jumps that I recommend are very similar to those used by the Bootstrap framework, and are 480px to 481px to 767px De De De 768px to 979px to 980px 1199px 1200px Equal or more blanks Respect Design is changing into a trend more minimalist that respects the blanks. If you’re on a mobile device, the last thing we want is to see our overloaded screens or super pergado text, as we will seriously hamper the consumption of content. This is about finding the balance between content and space. The spacing is important to note screen resolutions, so that a lump on a smartphone or the like will not be seen. Good design needs to breathe and not be overloaded advantage until the last blank. The best thing here is to look at us from the competition and see what we like and what we saturated, so apply it to our designs. Use ems for font I recommend as far as possible to use ems instead of pixels for typography. The ems are a unit that draws on the preset value by the browser. So if my default browser came with a font size of 15px, 1em 15px equivalent to these. But say now that I have vision problems and I changed the preset font size in your browser to 20px. Then equivalent to those 20px 1em, making it a flexible unit. The problem with ems is that they can break your design. Thus, it is possible that some areas of the web prefer use pixels to prevent this from happening, but the texts should not implement ems and pixels, for only thus can ensure the best user experience. Note When loading time are a fiber optic connection, loading time is not only necessary to take this into account, as Internet speeds that will hallucinate. In ADSL thing and depends on the repeater. But if you’re on 3G or worse, then the charging time is absolutely crucial. 79% of mobile users leave a website after 5 seconds waiting for it to load. 5 seconds! Hence the importance of the matter. Write an article and best practices to create a high-performance web can serve you reference. To which said there would add create adaptive images. With GTMetrix we can check the loading time of our website and see suggestions for improvement. Conclusion We have seen some of the key points to consider when laying out a website responsive. The point here is always consider the mobile user to carry potential the best possible user experience. The web is not us, are the people who visit, and it is essential that we take into account when we design our projects. I encourage you to comment with other suggestions to create a responsive web design aimed at providing the best user experience. If you liked this article, leave a comment.

By Team romantic_404 Sector..

Deja un comentario

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s