Databases
StackOverflow2013
Postsdbo
POWhat can go wrong when creating a jQuery plugin that responds to proportional media queries?
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POWhat can go wrong when creating a jQuery plugin that responds to proportional media queries?
    primarykey
    data
    text
    <p>The assumption behind this question is that the designer is using <a href="http://blog.cloudfour.com/the-ems-have-it-proportional-media-queries-ftw/" rel="nofollow">proportional queries</a> in a Responsive Web Design and going from 1-column on a smartphone to 2 and 3-column on the displays where they will comfortably fit. </p> <p>A content widget jQuery plugin (like a Recent Updates widget) should change it's character in the different layouts. In 1-column layout it might need to be 4 small text links and in 2 or 3-column layouts it can include thumbnails and extra text.</p> <p>For reference, here's the code as the end-user of the content widget would see it.</p> <p>HTML:</p> <pre><code>&lt;section id="sidebar"&gt; &lt;section id="latestupdates"&gt;&lt;/section&gt; &lt;/section&gt; </code></pre> <p>JS:</p> <pre><code>(function($){ $(function(){ $("#latestupdates").widgetco_latestupdates(); }); })(jQuery); </code></pre> <p>I think the best way to hook into the designers layout changes is this. Ask for the breakpoints as parameters for widgetco_latestupdates during initialization and use the resize events to toggle css classes.</p> <p>Is this even the right method? What are the pitfalls with doing this?</p> <p>UPDATE:</p> <p>Since asking, I have found <a href="http://wicky.nillia.ms/enquire.js/" rel="nofollow">enquire.js</a> which will handle running the queries. That still leaves the question of this being the right method.</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PTQuestion
    1. USSimon Gill
    1. USSimon Gill
    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. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    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