Databases
StackOverflow2013
Postsdbo
PO
 

Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>Well first off, absolutely do not use jQuery within a 50ms timer. If anything is causing high CPU usage it is that. Use something like this instead</p> <pre><code>var hello = $('#hello')[0].style; function doAnimation() { //code... hello.top = curentValueTop + 'px'; hello.left = currentValueLeft + 'px'; hello.fontSize = currentValueFontSize + 'px'; //rest of code... } </code></pre> <p>However, smoothly and consistently scaling of fonts is something most browsers do not handle well. Since 99% of the time the text on a web page is not flying into your face, we do not notice this. You might have more luck with an image of the text rendered at the maximum font size you need.</p> <p>Also, 50ms ~= 20fps which is not a particularly smooth frame rate for animations that traverse half of the screen. If not using jQuery significantly reduces CPU usage you could try a smaller interval. Of course most browsers are not good at handling high frame rate animations either. </p> <p>Yup, modern web browsers, struggling to do things that 20 year old video game consoles had no problem with, at a quarter of the frame rate.</p> <p><strong>EDIT</strong> Try this <a href="http://jsbin.com/oxode/4/edit" rel="nofollow noreferrer">http://jsbin.com/oxode/4/edit</a></p> <p>I used the <code>em</code> unit for <code>fontSize</code> as it accepts fractional numbers, and used a 15ms timer (about 60fps if the browser can keep up). As you can see it scales smoother, although you will have to adjust your animation settings a bit...</p>
    singulars
    1. This table or related slice is empty.
    1. POScale and move a text smoothly with javascript
      singulars
      1. PTQuestion
    1. PTAnswer
    1. USMooGoo
    1. USMooGoo
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. POScale and move a text smoothly with javascript
      singulars
      1. PTQuestion
    1. This table or related slice is empty.
    1. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTAcceptedByOriginator
    2. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTUpMod
    3. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTUpMod
    1. COI can see that this should performe much better (couldn't see the effect though, probably not testing correctly). Thanks, I learned something. But doesn't solve the text-jumping.
      singulars
      1. PO
      1. USSteffen Wenzel
    2. COalso in the `setTimeout` call, look at using either `window.setTimeout(doAnimation, 15);` or `window.setTimeout(arguments.callee, 15);` to remove the unneccessary anonymous function wrapping the function call
      singulars
      1. PO
      1. USRuss Cam
    3. CO@Steffen Wenzel the text jumping depends a lot on the browser. It seemed smoothest to me in Firefox. Also consider using `setInterval` instead of `setTimeout` (http://jsbin.com/oxode/5/edit) might result in a smoother animation. But in the end you are probably going to get some text jumping no matter what, which is why I suggested using an image instead if that is practical.
      singulars
      1. PO
      1. USMooGoo
 

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