thedevs_design | Unsorted

Telegram-канал thedevs_design - Design

-

Part of @thedevs Rules: @rulesforthedevs Other @thedevs groups: https://thedevs.network

Subscribe to a channel

Design

https://developer.mozilla.org/en-US/blog/h1-element-styles/

Читать полностью…

Design

I've written UI code for almost 9 years

Читать полностью…

Design

you got me at I asked Gemini

Читать полностью…

Design

I've never heard of this, so I looked it up and found the list of APIs that trigger a reflow

Читать полностью…

Design

oh I didn’t know this

Читать полностью…

Design

https://gist.github.com/paulirish/5d52fb081b3570c81e3a

This shit blew my mind today

Читать полностью…

Design

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?

Читать полностью…

Design

hi can i ask a question about adobe animate here?

Читать полностью…

Design

i was lookibg for semantinc element for datetime picker in html and found that. is that correct?

Читать полностью…

Design

https://stackoverflow.com/questions/47082096/how-to-get-grid-items-of-different-lengths-to-wrap

Читать полностью…

Design

i know i can handle that with media queries but i don't want use that if possible

Читать полностью…

Design

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?

Читать полностью…

Design

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

Читать полностью…

Design

I wouldn’t sacrifice usability over looking pretty

Читать полностью…

Design

Why no simply put a bar chart

Читать полностью…

Design

It's nice to have someonething to ask, as long as you understand what it's telling you

Читать полностью…

Design

Well I would never have discovered this otherwise

Читать полностью…

Design

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

Читать полностью…

Design

I asked Gemini how to recalculate the initial position of an element and reapply transforms while resizing the browser

Читать полностью…

Design

You can force the browser to synchronously reflow by calling any of these APIs which I thought was not possbile until now

Читать полностью…

Design

🔥🔥

https://animejs.com/

Читать полностью…

Design

Don't ask to ask, just ask

Читать полностью…

Design

I'll fight this old woman for no reason

Читать полностью…

Design

https://iandevlin.com/blog/2015/07/html5/building-a-semantic-calendar-in-html5/

Читать полностью…

Design

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.

Читать полностью…

Design

for example i have 200px 200px then on less than 400px i get 1 column and more that get 2 column?

Читать полностью…

Design

yeah the tooltips are meant for explaining icons mostly or what a datapoint means

Читать полностью…

Design

I'll try myself cause I might add some other metrics as well and haven't created the "detail view" yet

Читать полностью…

Design

it’s less readable and slower for me to find what I want as a user

Читать полностью…

Design

from a different project, maybe I can use it as a base

Читать полностью…
Subscribe to a channel