![]() There are at least 4 different kind of grids which can be used.That is why some grid system were created – to better control layout of the page and how it would behave with different screen resolution.Obviously we want the content to behave as we like, so to have 3 pictures in the same line or picture and text and so on.There are two basic ways of building layout: inline display (content behave like text, so goes to the next line etc.) and block display (content is displayed as “picture”, so occupies the whole line itself).Sounds pretty simple, but the HTML with CSS does not behave so simple.For instance width can be set to 100% for small screen, 50% for larger one and 25% for big ones. Additionally, media queries can be used to apply different CSS, for given resolution.Block width is expressed in percentage, so if you want to have two, equal width blocks, you should set the width to 50%. Each block can occupy one or more columns.This is addressed by so called grids – most popular are 12 columns. RWD layout have to be able to resize, change or do some other magic to fit someway (or just be useful) the user device.To make my job easier I have disassembled a Responsive Web Design (RWD) into few areas: Responsive site designer import html how to#This part describes the idea of grid systems and how to build responsive master page for publishing sites. Those devices does not have to exist yet. Devices which you don’t know and have no idea what is the resolution etc. Let’s start with Responsive Web Design which basically means that content of your page and behavior of you App should be quite good on many devices. So, why not serve the SharePoint content this way? But, I guess it is worth to take it, as every day we experience excellent, nice looking, useful interfaces build this way. Moving from the world of SharePoint 2010 XSLT views to HTML5 and CSS world can be quite bumpy road. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |