FlexBox is an experimental Jetpack Compose container that lays out items in a single direction, dynamically resizing, wrapping, and aligning them to optimally fill the available space. We just launched new documentation for this feature last week:

https://developer.android.com/develop/ui/compose/layouts/adaptive/flexbox

#androidDev #JetpackCompose #FlexBox

Пример оптимизации интерфейса динамического списка в мобильном приложении, сделанном на 1С при помощи HTML + CSS

Добрый день! Хочу привести пример небольшой оптимизации интерфейса (frontend) мобильного приложения, сделанного на 1С. Разницу вы сами можете проверить, скачав приложение и переключив флаг в настройках "Оформление HTML".

https://habr.com/ru/articles/1002726/

#1с #мобильное_приложение #html #css #flexbox #frontend #backend

Curso de CSS Intermediário Gratuito da Codecademy

https://guiadeti.com.br/curso-css-intermediario-gratuito-codecademy/

#codecademy #css #cssgrid #cursogratuito #desenvolvimentoweb #flexbox #frontend #programacao #responsivo
https://guiadeti.com.br/curso-css-intermediario-gratuito-codecademy/?fsp_sid=816

So I saw a demo in the @codepen Spark and I liked the idea, but it was too JS-heavy for my taste, plus I would have preferred the rotation animations to be "hinged" around the top/ bottom edge depending on direction.

So I did it with pure #CSS on scroll https://codepen.io/thebabydino/pen/JoKqRjZ

cc @bramus

#cssScrollAnimation #scrollEffect #code #cssTransforms #cssTransform #css3D #3D #coding #frontend #cssLayout #web #dev #webDev #webDevelopment #cssGrid #cssFlex #flexbox #cssVariables #cssTransition

Understanding the Fundamentals of CSS Layout, by @polypane.app:

https://polypane.app/blog/understanding-the-fundamentals-of-css-layout/

#fundamentals #css #layout #grids #flexbox #positioning

[Item Flow 1부: CSS의 새로운 웹 구조 설정 방식

CSS의 새로운 웹 구조 설정 방식인 Item Flow가 제안되었습니다. 이 방식은 Masonry, Grid, Flexbox 레이아웃을 하나로 통합하여 item-direction, item-wrap, item-pack, item-slack 등의 새로운 프로퍼티를 도입합니다. 이는 웹 개발의 효율성을 높이고, 브라우저 간 호환성을 개선할 수 있는 중요한 변화입니다.

https://news.hada.io/topic?id=26161

#css #webdevelopment #layout #flexbox #grid

𝗖𝗦𝗦 𝗟𝗮𝘆𝗼𝘂𝘁 𝗚𝗲𝗻𝗲𝗿𝗮𝘁𝗼𝗿:

#CSS #Grid #Flexbox #Template #Layout

https://thewhale.cc/posts/css-layout-generator

Create flexible and responsive designs in no time using these CSS grid and flexbox-based templates.

AI 에이전트가 3시간 만에 Flexbox를 구현하다: Agentic Loop 실전 사례

https://aisparkup.com/posts/7632