Communiquez avec les autres et partagez vos connaissances professionnelles

Inscrivez-vous ou connectez-vous pour rejoindre votre communauté professionnelle.

Suivre

When converting a large website to a responsive site, what sort of challenges or guidelines would you suggest looking out for?

user-image
Question ajoutée par Abdul-Hameed Deeb Al-Sawadi , IT Manager , Masaneed Commercial Group (MCG)
Date de publication: 2014/04/24
Abdul-Hameed Deeb Al-Sawadi
par Abdul-Hameed Deeb Al-Sawadi , IT Manager , Masaneed Commercial Group (MCG)

Today, a website must not look good only on a desktop screen, but also on tablets and smartphones. A website is responsive if it is able to adapt to the screen of the client. To easily make a website responsive, you should take care of these three easy steps:

 

1 – The layout

When building a responsive website, or making responsive an existing site, the first element to look at is the layout. Start by creating a non-responsive layout, fixed at the default size. Then add media queries and necessary changes to your code to make the code responsive. 

 

2 – Medias

A responsive layout is the first step to a fully responsive website. Now, let’s focus on a very important aspect of a modern website: medias, such as videos or images. Refine your CSS code to ensure that your images will never be bigger than their parent container. It’s super simple and it works for most websites. 

 

3 – Typography

A responsive website should have a responsive font.  Indeed, a responsive font size should be related to its parent container width, so it can adapt to the screen of the client.

 

Ref. http://www.catswhocode.com/blog/making-a-website-responsive-in-3-easy-steps

 

 

Mohammed Rafi Shariq
par Mohammed Rafi Shariq , Service Delivery Consultant , hewlett-packard(hp)

Usually when you host a website you will make sure its user friendly and compatible with most of the browsers. You might have also make sure it on a good servers which responds with a group member servers and you also use firewalls.

But to improve the speed or the connectivity and availability use reverse proxy and Network hardware load balancers.

Utilisateur supprimé
par Utilisateur supprimé

Its a transformation in terms of user experience. Hence prioritization may fall on improving user interface, efficient data validations, browser compatibilities, device compatibilities (mobile/laptop/desktop), ease of use, ease of portability of code to other technologies (business continuity purposes) and availability factors (security purposes).It is recommended to analyse change in technology, prior to requirement gathering or designing phase.

More Questions Like This