Hot answers tagged layout
1
Twitter Bootstrap uses a responsive grid layout that should have a max width for content, so it should limit the main content sections to a certain width by default.
However, the growing popularity of XD (eXtreme Definition) displays that are 2560px wide or more (e.g. WQUXGA like the IBM T221 family of displays or even 4000px+ wide monitors) means that most ...
1
Well, put it this way: You face many different browsers on Pcs, mobile devices, tablets, OS, so naturally, as much as you try to have a seamless look, differences will happen.
If you set your main div width for example, to a percentage (50%, 70%, 100% etc.), it'll definitely look different always. With different systems and monitor resolutions, you're bound ...
1
I have written a short javascript code that could help you:
alert( 100 / document.body.offsetWidth * document.getElementById("<YOUR_ELEMENT_ID").offsetWidth );
You have to insert in the line above the ID of the elements that you want to know the percentual width related to the window width.
You can insert this line of code in firefox url bar (preceded ...
1
I would use a calculator.
100 / screenWidth * elementWidth
But what should that be good for? The designer should set up the percentages once for the layout. Screen sizes are different, thus also the computed percentages would differ, depending on what screen size you are using such a ruler.
100 / 1600 * 900 = 56.25%
100 / 1024 * 900 = 87.89%
1
Content before navigation (in the HTML, not necessarily in terms of the layout on the page) is more useful for accessibility than SEO. I would do it for those reasons.
Those using screen readers will get the content quicker than if they have to hear every item in every drop down menu on your navigation.
1
The best test is to make a website. I didn't see a url in your profile so start creating a website for yourself.
Start with a design you created in a graphics application. Code the HTML, add the CSS (bonus points if you use responsive design), add some javascript to make it a bit interactive. If you also know a server-side language then add features so you ...
Only top voted, non community-wiki answers of a minimum length are eligible
