Posts by Wagner Kramer • 183 points
9 posts
-
0
votes1
answer43
viewsA: box-shadow slows Chrome animations and transitions
It turns out that in fact the box-shadow is slow as it needs to be re-drawn throughout the frame during animation, which makes transitions heavier. The ideal solution to this is to keep a rendered…
css3answered Wagner Kramer 183 -
0
votes1
answer90
viewsA: Selection area with the mouse?
Your mistake here is in always setting the properties top and left in the mousedown and not change afterwards, as there is no negative size, you could not make the box go up or left from the initial…
-
3
votes1
answer54
viewsA: Sum of two numbers always results in zero
You have two errors in your script, the first of which is that the tag <input> does not give its value in the property innerHTML, but on the property value, is this property you are interested…
-
0
votes1
answer726
viewsA: How to not count the "spaces" of a sentence in python
The strip method only removes the spaces at the beginning and end of the string. In this case, the ideal is to use the replace method, which will replace all spaces with a chosen character (or no…
-
1
votes1
answer65
viewsA: Choosing how many DIV’s to mount at a time within a . map()
Having this ingredientsAndMeasures that you receive from the API, what you will do is relatively simple, will transform the object into an array (in your case you can disregard the keys). It will…
-
-1
votes2
answers142
viewsA: Javascript tabulated result inside a DIV
As already stated in a comment, you are assigning a new content to your div every iteration of your loop, you must concatenate the value and close the line using a tag <br/>, simply replacing:…
-
3
votes1
answer88
viewsA: How to put multiple JSX expressions on onload in React
Just use an Arrow Function, in which case it would be: <td onLoad={() => { e < index.length ? (e = e) : e++; i >= proximo_mes.length ? (i = i) : null; }} ></td>; But I recommend…
-
1
votes2
answers75
viewsA: How to create three inputs with the same line?
You can separate the card number and expiry date into two Ivs, leave the main div with flex display and use the column-gap property to separate. Check on the Codepen #register-form{ display: flex;…
-
7
votes3
answers274
viewsQ: How to manipulate the DOM of a page before it finishes loading?
I am making a Lazy Loader in pure javascript, currently I put my embed script at the end of the HTML that identifies the images and, if they are not ready (for example loaded from the cache), this…