Mastodawn

Joel

May 1

I finally added the #Bubbles widget to my website, I also learned a bit more #flexbox magic

#IndieWeb #SmallWeb #Jekyll #CSS

Frontend Dogma Apr 28

“safe” in Flex and Grid Alignment, by @iprodan.dev:

https://iprodan.dev/l/safe-alignment/

#css #flexbox #grids #layout #alignment

CSS safe alignment (flex & grid) | Labs

What the safe keyword does in box alignment—and when to use it.

RosieB's BelmonTia PFS Apr 10

#WiSheyes #LinkSSy #flexbox #wix #website #websites #websitedesign #tatsLife #WiSheyes #UserRq

Flexbox/Wix(?)
~~~~~~~~~~
my plan is to piece together
a tender "gurlie" website
to exhibit myself
and the things i do
and the things i enjoy
~~~~~~~~~~~~~~
i'll attempt to use a template shown.
~~~~~~~~~~~~~~~~~
my thanks and credit go to
@JenJen
for sharing
https://www.itinerae.org/?m=1

Hylke Bons 🥜Apr 8

me trying to remember #flexbox logic every time...

#html #css

지지 ᚠד (Jiji Freya Daniel), 黄法官 Apr 7

Gotta evaluate the new #CSS #column features.
https://css-tricks.com/css-multi-column-layout-wrapping-features/

I created a similar #layout for https://metaspora.org using #flexbox.

New CSS Multi-Column Layout Features in Chrome | CSS-Tricks

Chrome 145 introduces the column-height and column-wrap CSS multi-column layout properties, enabling us to wrap the additional content into a new row.

CSS-Tricks

Frontend Dogma Mar 18

Flexbox Masonry Layout (Explained With Math), by @frontendmasters.com:

https://frontendmasters.com/blog/flexbox-masonry-layout-explained-with-math/

#css #flexbox #layout #math

Flexbox Masonry Layout (Explained with Math) – Frontend Masters Blog

Flexbox has a very specific algorithm for determining how to deal with remaining (or lack of) space in a row. Let's use actual math to understand it then apply it to a masonry layout.

Learn JavaScript, React, and TypeScript to Node.js, Fullstack, and Backend [Unofficial]Mar 17

Flexbox Masonry Layout (Explained with Math)

https://fed.brid.gy/r/https://frontendmasters.com/blog/flexbox-masonry-layout-explained-with-math/

Reel Tubes Mar 5

CSS Flexbox 해보기 18편 (glitch) — 레이아웃 실습으로 개념을 확실히 잡아보세요! 초보자도 따라오기 쉬운 설명과 실습 예제로 바로 적용 가능한 팁까지. 코딩 재미 느끼고 싶은 분들, 지금 시청해서 프로젝트에 활용해보세요! #CSS #Flexbox #웹개발 #프론트엔드 #코딩 #튜토리얼 #Korean
https://tube.dianaband.info/videos/watch/356b564c-c26e-418b-8699-5b0e5588cbc4

18. CSS flexbox 해보기 (glitch)

PeerTube

Joseph R. Lewis 周呂毅 Mar 3

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

FlexBox | Jetpack Compose | Android Developers

This document provides an introduction to FlexBox in Jetpack Compose, a flexible layout container inspired by CSS.

Android Developers

Habr Feb 23

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

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

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

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

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

Хабр