Databases
StackOverflow2013
Postsdbo
PO
 

Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>I'm a front end web developer and while I've designed some layouts, I don't claim to be an "expert designer" by any means. But I do have lots of experience actually building responsive designs in HTML, CSS3 and Javascript so that's where my experience/comments below stem from:</p> <p>I've briefly read the grid systems too and while they can be useful, I don't really use them - the basic idea behind responsive design is to just build layouts that don't require a fixed size and then combine that with media queries ("snap states"). For a web page I typically have 3 layouts: a mobile/small version, medium, and large. Each one can scale about 250px in width (content can dynamically expand within its container, images scale up, etc.) and then when you get too big you "snap" to the next bigger layout. For example:</p> <ul> <li><p>small layout: 250px to 450px (1 column)</p></li> <li><p>medium layout: 450px to 800px (2 columns)</p></li> <li><p>large layout: 800px to 1300px (3 columns)</p></li> </ul> <p>That way no column ever is less than about 250px and never is bigger than 450px so each column has to be able to stretch about 200px.</p> <p>Personally I'd just start with something simple like that and then after you've played around with it some, then read some more and maybe try incorporating the grid system.</p> <p>And if you're trying to actually build the front end in HTML/CSS3, I'd just start by using CSS3 flexbox layouts (you can also use "float" with percentages if you want to support IE and older browsers but it's a little more difficult): </p> <p><a href="http://www.html5rocks.com/en/tutorials/flexbox/quick/" rel="nofollow">http://www.html5rocks.com/en/tutorials/flexbox/quick/</a></p>
    singulars
    1. This table or related slice is empty.
    1. POresponsive web design grid system implementation
      singulars
      1. PTQuestion
    1. PTAnswer
    1. This table or related slice is empty.
    1. USLuke Madera
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTUpMod
    1. This table or related slice is empty.
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload