css - What are the steps to make a HTML design responsive? -
i learned responsive design. question steps html designer has make design responsive?
it appears responsive design using @media
queries , controlling flow of elements on page if gets resized setting max-width
, min-width
, manipulating floating, margins , padding depending on browser window's size.
is there else besides @media
query needs done responsive design?
responsive images (different images in html different situations) important one.
few important bits :
use of
srcset
attribute switching between different versions of same image. http://responsiveimages.org of resources on subject.use of automation tools imaging - 1 of favorites grunt , here nice read it: http://addyosmani.com/blog/generate-multi-resolution-images-for-srcset-with-grunt/
it makes lot of difference when user on mobile opens page images sized it, less data , faster loads :)
tools grunt may seem take work setup once start working easy , fast.
more reading material:
Comments
Post a Comment