#toolbar — Public Fediverse posts

#Development #Launches
Agentation · Point at UI issues and let AI fix them https://ilo.im/16a72r

_____
#Annotations #Toolbar #React #AI #Agents #Design #UiDesign #WebDesign #WebDev #Frontend

Создание кастомного Toolbar с Jetpack Compose. Подробный разбор всех попыток и решений

Привет, Хабр! Меня зовут Максим Сазонов, я android-разработчик в ПСБ. Сегодня предлагаю разобрать путь создания кастомного тулбара от первой кривой реализации до оптимизированного решения. И главная проблема, которую надо решить при создании этого компонента это центрирование title и subtitle. Эта проблема возникает потому что у нас может быть тулбар с разным количеством иконок по обе стороны от заголовка, текстом и иконками или только с title. И если ширина иконок у нас стандартна (44 dp), и достаточно просто умножить эту ширину на количество иконок справа, чтобы понять свободное пространство для title и subtitle, то с текстом с одной или с двух сторон всё намного сложнее, так как мы не можем заранее вычислить ширину этого текста, а значит не можем правильно центрировать и задать ширину title и subtitle. В статье я расскажу, как я решил этот вопрос.

https://habr.com/ru/companies/psb/articles/974368/

#kotlin #android #android_development #jetpack_compose #jetpack #toolbar #custom_toolbar

#Design #Releases
A guided tour of Copenhagen · Sketch’s latest update features a major redesign https://ilo.im/168k9w

_____
#Sketch #LiquidGlass #Layers #Inspector #Toolbar #DesignTool #ProductDesign #UiDesign #DigitalDesign #WebDesign

Tip #767

Gain screen real estate by merging Address and Tab Bars.

Whether you’re working on a small laptop screen where every pixel counts or just prefer a more compact look, Vivaldi’s toolbar customisation settings are here to help you achieve a configuration that works for you.

To combine the Address Bar and the Tab Bars, you need to move components from the Address Bar to the Tab Bar. Here’s how!

1. Open the Toolbar Editor from the main menu > View > Customize Toolbar, or right-click on a component on the toolbars and select Customize Toolbar.
2. While the icons are wiggling in their place, drag components you regularly use from the Address Bar to the Tab Bar (or to other toolbars).
3. When you see a line in your theme’s highlight color appear, drop the component to its new place.
4. When you’re happy with the result, click “Done” in the editor window.
5. Then, in the main menu > View, click on “Show Address bar” to hide the Address Bar.

#addressBar #customisation #TabBar #Tabs #toolbar #Vivaldi #VivaldiBrowser

https://vivaldi.com/blog/tips/tip-767/

People don't talk about Bookmarklets.
Esp if you talk about Favorites, and not Bookmarks because-- of course, in that case-- you'd be talkin about Favelets. how about, Script-lets

Curious about @chrispederick #WebDeveloper #Toolbar #Browser #Extension

Clear cache of course somehow never clearxs the cache, right? so you spend how many seconds with that nonsense? do the math. it wastes a lot of time.

So, this approach however, does NOT waste time. And it works, every time.

Reload Style Sheet.
But my question is this. How's that work, yo?
I recokon you appreciate my affinity for the classic #Favelet #Bookmarklet javascript one-liners for execution in browser addr bar/ javascript as the URL "bookmark" which executes on click.
Jesse's and Squrefree. that's funny. I guess the XSS / CORS stuff prevents them for functioning. I've not extensively research, but am curious.

This is why you should be careful about what you put in your Sidebar-portion of your app's Toolbar and why you should give your Sidebar a suitable minimum width.

In Tower, if your Sidebar is too narrow, the button above it (which is an important navigation switch), gets moved into an overflow menu way on the right-side of the window.

They could easily fix this but the problem exists because its a new possible problem because of full-height sidebars.

#macOS #UIUX #Toolbar #Sidebar