Part of @thedevs Rules: @rulesforthedevs Other @thedevs groups: https://thedevs.network
https://developer.mozilla.org/en-US/blog/h1-element-styles/
Читать полностью…I've never heard of this, so I looked it up and found the list of APIs that trigger a reflow
Читать полностью…https://gist.github.com/paulirish/5d52fb081b3570c81e3a
This shit blew my mind today
in adobe animate when i import SVG file it not showing linked files in main stage
but in library panel it show linked file as bitmap and use count set in 1
where is problem? why it not showing in main stage?
i was lookibg for semantinc element for datetime picker in html and found that. is that correct?
Читать полностью…https://stackoverflow.com/questions/47082096/how-to-get-grid-items-of-different-lengths-to-wrap
Читать полностью…i know i can handle that with media queries but i don't want use that if possible
Читать полностью…in css with grid i can use something like grid-template-columns: repeat(auto-fill, 200px)
it will automatically wrap element when needed. now i want know is that possible without using repeat and display flex in column my colum wrap when needed?
Also tooltips should not be relied for conveying information, I should be able to access necessary data without needing to move a mouse
tooltips might be good for some additional information only
It's nice to have someonething to ask, as long as you understand what it's telling you
But naturally if you do this in a loop it'll cause severe performance issues, I'm doing it only when the browser is resized and debounced at 100ms
Читать полностью…I asked Gemini how to recalculate the initial position of an element and reapply transforms while resizing the browser
Читать полностью…You can force the browser to synchronously reflow by calling any of these APIs which I thought was not possbile until now
Читать полностью…https://iandevlin.com/blog/2015/07/html5/building-a-semantic-calendar-in-html5/
Читать полностью…found my answer:
Grid items do not actually wrap. The reason you see grid items "wrapping" to the next row is really because the explicit grid is being altered to keep within the constraints stipulated by minmax(). The number of columns generated by repeat() is proportional to the used width of the grid container, and the grid items are laid out one by one according to the number of columns, with new rows being created as necessary.Читать полностью…
So, it is not possible to force the second grid item to wrap when there are two columns and there is room in the explicit grid to insert that grid item in the second column. Besides, even if you could tell the second grid item to "wrap", it would mean placing it in a new row in the first column, so its layout will be governed by the first column and not the second. Having it still be sized according to the second column would, of course, break the grid layout entirely.
If the intention is to accommodate smaller screens by wrapping elements to new lines, flex layout should be used, not grid layout. Grid layout is not suitable for this purpose.
for example i have 200px 200px then on less than 400px i get 1 column and more that get 2 column?
Читать полностью…yeah the tooltips are meant for explaining icons mostly or what a datapoint means
Читать полностью…I'll try myself cause I might add some other metrics as well and haven't created the "detail view" yet
Читать полностью…it’s less readable and slower for me to find what I want as a user
Читать полностью…